/*-------------------------------------------------
Title:		Clarus styles for screen media
Author:		John Reed / Jeanne Thomson
Updated:	October 18, 2007 by JT
------------------------------------------------- */





/* baselines
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	}

body {
	margin: 50px 0;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: url(../img/ui/bg-image.gif);
	}
	
img, a img {
	border: none;
	vertical-align: text-bottom;
	}

a:link,
a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: lighter;
	}
	
a:hover,
a:active {
	color: #70c1f0;
	text-decoration: none;
	}

#copy a:link,
#copy a:active {
	color: #4281ae;
	text-decoration: underline;
	}
	
#copy a:hover {
	color: #909497;
	text-decoration: none;
	}

#copy a:visited {
	color: #909497;
	text-decoration: underline;
	}
			

cite {
	font-style: normal;
	font-size: .8em;
	line-height: 1.1;
	}
	
ul li {
	list-style-position: outside;
	}

em {
	font-style: oblique;
	}
	
#copy .sup {
	vertical-align: super;
	font-size: .7em;
	}

.clear {clear: both;}

/* -------------------------------------------------
                                    end baselines */





/* structure
------------------------------------------------- */
#wrap {

	width: 783px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	border-bottom: 3px solid #2f395f;
	}

#content {
	background: url(../img/ui/bg_content.png) repeat-y 0 0;
    float: left;
    }

#copy {
	float: right;
	color: #333;
	width: 421px;
	padding: 30px 50px 30px 50px;
	}
/* -------------------------------------------------
                                    end structure */



/* header
------------------------------------------------- */
#header #logo {margin-right: 3px;}

/* -------------------------------------------------
                                       end header */



/* copy
------------------------------------------------- */

#copy ul {
	margin: 1em 2em;
	}

#copy p {
	margin: 0 0 1em 0;
	}

#copy p,
#copy li {
	font-size: 1em;
	line-height: 1.3;
	}

#copy li {
	list-style: disc;
	}

#copy h1 {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #4281ae;
	}

#copy h2 {
	font-size: 1.2em;
	color: #4281ae;
	}
		
#copy h3 {
	font-size: 1.07em;
	padding: 5px 0 2px 0;
	}

#copy h4 {
	font-size: 1em;
	font-weight: bold;
	}
	
#copy .h4-subtext {
	font-size: 1em;
	font-weight: normal;
	}
	
#copy .studies-text p {
	margin: 0 -15px 10px -15px;
	}

#copy blockquote {
	border-bottom: 1px solid #21445d;
	margin: 0 -15px 10px -15px;
	padding: 0 0 6px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #21445d;
	}

#copy blockquote h2 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.2;
	color: #21445d;
	}

#copy blockquote p {
	text-align: right;
	font-size: 1.1em;
	margin: 5px 0 0 0;
	}
	
#portfolio-list p {
	margin-bottom: 4px;
	margin-top: 4px;
	}
	
/* -------------------------------------------------
                                         end copy */





/* navigation
------------------------------------------------- */
#nav {
	background: #326286 url(../img/ui/left-bg.gif) repeat-x;
	border-bottom: 3px solid #2f395f;
	padding: 25px 0px 40px 35px;
	width: 224px;
	}

#nav li {
	background: url(../img/ui/bg_li_line.gif) no-repeat 0 0;
	margin: 0;
	padding: 7px 0 4px 0;	
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	display: inline-block;
	padding: 0 0 3px 2px;
	width: 181px;
	}

#nav li.selected a {
	font-weight: bolder;
	}

#subnav {
	margin-left:15px;

}
			
#subnav li {
	background-image: none;
	padding: 0 0 5px 0;
	margin-left:25px;
	list-style-image:none;
	}
		
#subnav li.selected {	
	list-style-image:url(../img/ui/arrow.gif);
	}	
	
#nav img {
	float: left;
	margin: 5px 0 0 5px;
	}	

/* -------------------------------------------------
                                   end navigation */





/* sidebar
------------------------------------------------- */
#sidebar {
	float: left;
	width: 259px;
	}
	
#blue-box {
	min-height: 126px;
	}
	
#tagline {
	width: 215px;
	padding: 20px 10px 20px 35px;
	} 
	
#tagline {
         float: left;
	font-size: .85em; 
	line-height: 1.3;
	color: #484242;
	} 
	
#tagline p {
	padding-bottom: 20px;
	} 
	
#tagline li {
	list-style-type: disc;
	list-style-position: inside;
	} 
	
/* -------------------------------------------------
                                      end sidebar */




/* footer
------------------------------------------------- */
#footer {	
	float: left;
	padding: 6px 0;
	width: 100%;
	}

#footer {
	color: #fff;
	font-size: .8em;
	}

#copyright {
	float: right;
	}
/* -------------------------------------------------
                                       end footer */




/* homepage
------------------------------------------------- */
#home #copy {
	margin-top: -129px;
	padding: 0;
	width: 521px;	
	background: none;
	min-height: 190px;
	}

#home #nav {
	padding: 25px 0 0 35px;
	min-height: 230px;
	border-right: 3px solid #2f395f;
	}

.flash object {
	float: left;	
	}
	
#home #clarus_flash p {
	color: #fff;
	}
	
#home #clarus_flash a {
	color: #fff;
	}
		
#home #content {
	background: url(../img/ui/bg_content_home.png) repeat-y 0 0 !important;
	}
	
#home #sidebar {
	width: 262px;
	}
	
/*#home .copy-link {
	color: #21445d;
	text-decoration: underline;
	}
	
#home .copy-link a {
	color: #21445d;
	text-decoration: underline;
	}*/

#home .headline_left .copy-link a:link,
#home .headline_left .copy-link a:active {
	color: #21445d;
	text-decoration: underline;
	}
	
#home .headline_left a:hover {
	color: #eee !important;
	text-decoration: none !important;
	}
	
#home .headline_right a:link,
#home .headline_right a:active {
	color: #21445d;
	text-decoration: underline;
	}
	
#home .headline_right a:hover {
	color: #eee;
	text-decoration: none;
	}
	
#home .copy-link a:visited {
	color: #366F97;
	text-decoration: underline;
	}
	
#home .headline_right a:visited {
	color: #366F97;
	text-decoration: underline;
	}

	
/* -------------------------------------------------
                                     end homepage */



/* homepage headlines
------------------------------------------------- */
#headlines {	
	border-top: 3px solid #2f395f;	
	font-family: Arial, sans-serif;
	font-size: .9em;
	color: #222;	
	}
	
.headline_right {
	width: 229px;
	margin: 0 0 0 262px;
 	padding: 10px 15px 15px 15px; 
 	}
	
.headline_left {
	width: 229px;
	padding: 10px 15px 15px 15px;
	float: left;
	clear: left;
	}
	
.headline_left h3,
.headline_right h3 {
	color: #202536;
	font-size:20px;
	font-weight:bold;
	margin:5px 0px;
	}

#copy .headline_left p,
#copy .headline_right p {	
	margin: 6px 0 0 0;	
	}
	
#copy .headline_left ul,
#copy .headline_right ul {
	margin: 6px 0 0 13px;
	}
	
#copy .headline_left li,
#copy .headline_right li {
	margin: 6px 0 10px 13px;
	list-style:square;
	}
	
#copy .headline_left p,
#copy .headline_right p {
	margin: 0px 0 5px 0px;
	}
	
#copy .headline_left a,
#copy .headline_right a {
	text-decoration:underline;
	}
	
#copy .headline_left a:hover,
#copy .headline_right a:hover {
	text-decoration:none;
	}
	
#headline-logos { background:#FFFFFF; border:1px solid #4281ae; margin:5px 0px; width:245px; height:190px;  }
#headline-logos img { margin:45px 23px;  }
	
/* -------------------------------------------------
                           end homepage headlines */
                           
/* home page content
------------------------------------------------- */   


#content-home {
	
	display:inline-block;
	background: #cfeafb;
	border-top: 3px solid #2f395f;
	padding: 25px 35px 40px 35px;
	width: 713px;
	}
	
#content-home h1 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	/*font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #4281ae;*/
	margin-bottom:15px;
	}

#content-home p { margin-bottom:15px;}
#content-home ul { margin-left:40px;  }
#content-home li { list-style:square; }
#content-home .ul-container { display:inline-table; }
#content-home .ul-column1 { display:block; float:left; }
#content-home .ul-column2 { display:block; float:left; }


/* -------------------------------------------------
                           end home page content */
         
                                    
/* services page
------------------------------------------------- */   
#services-table .table-rows  {
	vertical-align: top;	
	}

#services-table td {
	padding-bottom: 8px;
	} 
	
#services-table col#c1 {
	width: 225px;
	} 
	
#services-table .second-column {
	padding-left: 8px;
	}      
	
#services-intro {
	padding-top: 8px;
	}       
	
	
#copy #services-table  {	
	font-size: .9em;	
	} 
	
#services-table li {
	padding-bottom: 4px;
	list-style-type: none;
	}
	
	
	      
/* -------------------------------------------------
                                    end services page */
                                    
   
                                    
/* news page
------------------------------------------------- */   


#news-table {
	width: 460px;
	}
		
#news-table td {
	padding-right: 15px;
	}

#news-table .table-rows  {
    vertical-align: top;	
	}

#news-table td {
	width: 150px;
	padding-bottom: 7px;
	vertical-align:top;
	} 
	
#news-table #c1 {
	width: 110px;	
	} 
	
#news-table #c2 {
	width: 225px;
	}
	
#news-table #c3 {
	width: 70px;
	}
	
#copy #news-table {	
	font-size: .9em;	
	} 
	
.highlight-company {
	background: #C4E3F6;
	}
	
.news-bullets {
	list-style-type: disc;
	}
	
#bigc1 {
	float: left;
	width: 150px;
	margin: 4px 15px 8px 0;
	}
	
#baker {
	float: left;
	width: 150px;
	margin: 4px 15px 8px 0;
	}
	
#bigc2 {
	float: right;
	width: 148px;
	margin: 4px 0 8px 15px;
	}
	
#bigc1 img,
#bigc2 img,
#baker img {
	margin-bottom: -5px;
	}
	
#article p {
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
}
	
	
/* -------------------------------------------------
                                    end news page */                                    
                                    
                                   
                                    
/* contact page
------------------------------------------------- */
	
#contact-2 {	
	padding-top: 10px;	
	} 
	
#contact-blog {
	padding-top: 20px;
	}


/* -------------------------------------------------
                                    end contact page */
                                    
/*articleBody*/
.articleBody ul { font-size:16px;  }
.articleBody ol { font-size:16px;  }