/*

Theme Name: Elegance
Theme URI: 
Description: Cassius Website
Version: 1.0
Author: Thinkfarm Ltd
Author URI: http://www.thinkfarm.co.uk

*/

a:link { text-decoration: none; color : #808459; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #808459; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #777777; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #777777; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}


/* Cassius stylesheet Dec 2010 Version 1 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define an outline style! */
:focus {
	outline: 0;
}
body {
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	line-height: 1;
	font-size: 62.5%;
	background: #ffffff;	
	}
	
ul {
	list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

 .clear { 
	clear:both; 
}


#main {
	width: 980px;
	background: #333333;
}

#top-wrapper {
	width: 980px;	
	height: 300px;
	float:left;
	background: url(../images/header1.jpg) no-repeat left top;
}

#header {	
	width:980px;
	height: 130px;	
}

#logo {
	float:left; 	
	height: 30px;
	padding-top: 50px;
	padding-bottom: 50px;	
}


#nav {	
	width: 100%;
	height: 280px;		
}

#footer {	
	padding-top: 10px;
	border-top: 1px solid #cccccc;
}


#footer_container {	
	padding-top: 70px;
	width: 980px;		
	text-align: left;
	font-size: 1.3em;
	color: #666666;
}

#footer_container p, #footer p {	
	font-size: 1.1em;
	line-height: 1.3em;	
}



/* footer navigation */
#footer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

#footer-nav li {
	float: left;
	margin:  0 10px 0 0px;
	padding: 0;
}


#footer-nav li a {
	font-size: 1.1em;	
	color: #666666;
	text-decoration: underline;		
}

#footer-nav li a:hover, #footer-nav li.selected a  {	
	color: #000000;
	text-decoration: underline;	
}


#main {
    width: 100%;
    margin: 0 auto;
}

#content-slider {
    width: 100%;
    height: 11px;
    margin: 0px;     
    position: relative;
	background: url(images/scroll_track.jpg) repeat-x left top;
}

.ui-slider-handle {
    width: 119px;
    height: 11px;
    position: absolute;
    top: 0px; 	     
	background: url(images/Cassius_scrolly.gif) repeat-x left top;     
}

#content-scroll {
    width: 100%;
    height: 270px;     
    overflow: hidden;      
}

#content-holder {
    width: 3900px;
    height: 270px;
}


#hp_content-scroll {
    width: 100%;
    height: 270px;     
    overflow: hidden;      
}

#hp_content-holder {
    width: 3900px;
    height: 270px;
}

.hp_content-item {
    width: 340px;
    height: 270px;
	padding-right: 10px;   
    float: left;
	font-size: 1.2em;
	line-height: 1.3em;
	text-decoration: none;
	color: #666666;	
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
}
  
.hp_content-item img {
    border-bottom: 10px solid #ffffff;
}

.hp_content-item span des {
    font-size: 1.3em;
	line-height: 1.6em;
	color: #000000;	
}

.hp_content-item .date {
    font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;	
}
  
.hp_content-item a {
 	display: block;
	width: 340px;
	height: 190px;	
	float:left;
	overflow:hidden; 	
}

.hp_content-item a:hover {   
	display:block; 
	text-indent:-340px;
	color: #000000;	
}





.content-item {
    width: 171px;
    height: 200px;
	padding-right: 10px;   
    float: left;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #666666;	
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
}
  
.content-item img{
    border-bottom: 10px solid #ffffff;
}

.content-item span.des {
    font-size: 1.0em;
	line-height: 1.6em;
	color: #000000;	
}
  

.content-item  .date {
    font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;	
}

.content-item a {
	display: block;
	width: 170px;
	height: 95px;	
	float:left;
	overflow:hidden; 	
}

.content-item a:hover, .content-item a.selected {
	display:block; 
	text-indent:-170px;
}


#main_content_wrapper {
	width: 980px;
	text-align: left;
}

#main_content_left_wrapper {
	width: 615px;	
	text-align: left;
	float: left;
	padding-right: 40px;
}

#main_content_right_wrapper {
	width: 325px;	
	text-align: left;
	float: left;
	padding-top: 40px;
}


#main_content_wrapper h1 {
    font-size: 3.0em;
	line-height: 1.6em;
	color: #666666;	
	text-transform:uppercase;
	letter-spacing: 3px;
}

#main_content_wrapper h2 {
    font-size: 1.8em;
	line-height: 1.2em;
	color: #666666;		
	text-align: justify;
}

#main_content_wrapper h3 {
    font-size: 1.7em;
	line-height: 1.6em;
	color: #666666;
	padding-top: 18px;
	padding-bottom: 5px;
}

#main_content_wrapper h4 {
    font-size: 1.2em;
	line-height: 1.1em;
	color: #666666;		
	padding-bottom: 12px;
	font-style: italic;
}

#main_content_wrapper p {
    font-size: 1.3em;
	line-height: 1.4em;
	color: #666666;	
	padding: 0 0 10px 0;
	text-align: justify;
}

#main_content_wrapper hr {
 	border-top: solid 15px #ffffff;	
	border-bottom: solid 1px #cccccc;	
}

#main_content_wrapper strong {
 	font-weight:bold;
}

#main_content_wrapper em {
 	font-style:italic;
	font-size: 0.90em;
}


div.top a {
 	font-size: 1.3em;
	line-height: 1.4em;
	color: #666666;	
	text-decoration: underline;	
}

div.top  a:hover { 	
	color: #000000;	
	text-decoration: underline;	
}

#footer {
	width: 980px;	
	text-align: left;
	float: left;	
	font-size: 1.1em;
	line-height: 1.1em;
	color: #666666;	
	padding-bottom: 20px;
}


.sidebar_container {
	width: 285px;	
	text-align: left;
	float: left;
	background: #f1f1f2;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ffffff;
	list-style: none;
}

.sidebar_container ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

.sidebar_container li {	
	margin:  0px;
	padding: 2px 0 5px 15px;
	font-size: 1.2em;
}

.sidebar_container h3 {
	font-size: 1.3em;
	line-height: 1.1em;
	color: #8d8f91;
	text-transform: uppercase;
	padding-left: 10px;	
}

.sidebar_container a {
    font-size: 1.2em;	
	color: #666666;
	text-decoration: none;
}

.sidebar_container a:hover {   
	color: #000000;
	text-decoration: underline;	
}


.sidebar_container a.selected { 
	color: #000000;
	text-decoration: none;	
}


.sidebar_container li li a {
    font-size: 1.0em;	
	color: #666666;
	text-decoration: none;	
}

.sidebar_container li li a:hover {   
	color: #000000;
	text-decoration: underline;	
}

.connect_with_us {   
	width: 270px;
	padding: 10px 0 10px 20px; 
    float: left;
}


#logo h1 a {
	font-size: 3.0em;
	line-height: 1.6em;
	color: #000000;
	padding-bottom: 5px;
	letter-spacing: 3px;
	text-decoration: none;	
}

#logo h1 a:hover {	
	text-decoration: none;	
}


h2 {
	font-size: 1.9em;
	line-height: 1.6em;
	color: #666666;		
	padding-bottom: 5px;
}

h3 {
	font-size: 1.7em;
	line-height: 1.6em;
	color: #666666;			
}


h5 {
	font-size: 1.5em;
	line-height: 1.1em;
	color: #666666;		
	padding-bottom: 3px;
}


h6 {
	font-size: 1.1em;
	line-height: 1.1em;
	color: #8d8f91;
	padding-bottom: 10px;
}


/* widget-area */


.widget {
	width: 285px;	
	text-align: left;
	float: left;
	background: #f1f1f2;
	padding: 10px 0 2px 0;
	border-bottom: 1px solid #ffffff;
	list-style: none;
}


.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

.widget li {	
	margin:  0px;
	padding: 2px 20px 5px 10px;
	width: 255px;	
	font-size: 1.1em;	
	color: #666666;
}

.widget a {  
	text-decoration: none;	
}

.widget a:hover {   
	color: #666666;
	text-decoration: underline;	
}


#twitter_div h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #666666;
	text-transform: uppercase;
	padding-left: 0px;	
}


.facebook a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/cm_facebook.gif) no-repeat 0px 0;
	float:left;
	margin-right:3px;
}

.facebook a:hover {
	background-position: -32px 0px;
}

.linkedin a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/cm_linkedin.gif) no-repeat 0px 0;
	float:left;
	margin-right:3px;
}

.linkedin a:hover {
	background-position: -32px 0px;
}

.twitter a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/cm_twitter.gif) no-repeat 0px 0;
	float:left;
	margin-right:3px;
}

.twitter a:hover {
	background-position: -32px 0px;
}


.youtube a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/cm_youtube.gif) no-repeat 0px 0;
	float:left;
	margin-right:3px;
}

.youtube a:hover {
	background-position: -32px 0px;
}