/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #FFF;
	text-align:center; 
	font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
	line-height:21px; 
	}

h1	{ font-size:16px; font-weight:normal; color:#155c88; padding-bottom:6px; }
h2	{ font-size:18px; font-weight:normal; color:#155c88; }
h3	{ font-size:14px; font-weight:normal; color:#02578a; margin-left:12px; margin-right:20px;}
h4	{ font-size:12px; color:#5a5858; margin-left:12px; }

h1 span {color:#ff6600; }

/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }
.orange { color:#ff6600;}
.orange-hl { font-size:11px; color:#ff6600}
.orange-sm { font-size:14px; color:#ff6600}
.ltblu { color:#5dc2db;}
.blue { margin-left:12px;}
.art-img { margin:3px 0px 15px 12px;}
.drkblue { color:#012f4a; font-weight:bold; font-size:12px;}
.blue a:link, .blue a:visited	{ color:#02578a; text-decoration:none; }
.blue a:hover, .blue a:active	{ color:#02578a; text-decoration:underline; }
.left { float:left;}
.cs-logo { margin:0px 0px 0px 20px}

.cta { background:url("../images/cta-bkgr.gif") top left repeat-y; width:250px;}
	 
.cta h2 { color:#fff; font-size:16px; font-weight: normal; padding-top:13px; padding-left:24px;} 
	
.cta p { margin-top:9px; padding-left:13px; margin-right:10px;}
.cta h3 { color:#ff6600; font-size:15px; margin-top:7px; padding-left:0px;}
	
.cta a:link, .cta a:visited	{ color:#155c88; text-decoration:none; }
.cta a:hover, .cta a:active	{ color:#ff6600; text-decoration:underline; }	
	
.cta-top { background:url("../images/cta-top.gif") top left no-repeat; width:250px; height:38px; }
	
.cta-bottom { background:url("../images/cta-bottom.gif") bottom left no-repeat; width:250px;height:20px; }

.quote { background:url("../images/quote-bkgr.gif") top left repeat-y; width:250px;}
	
.quote p { color:#4e4b4b; font-size:11px; line-height:19px; margin-top:7px; padding-left:13px; margin-right:18px;}
	
.quote-top { background:url("../images/quote-top.gif") top left no-repeat; width:250px; height:25px; }
	
.quote-bottom { background:url("../images/quote-bottom.gif") bottom left no-repeat; width:250px;height:21px; }

.quote span { color:#02578a; font-size:12px;}

.top-space {margin-top:10px;}
.cs-space {margin-top:6px;}
.footnote-text { font-size:9px; color:#999; line-height:16px;}

/* blog button
 * ------------------------------------------------------------------------- */

.blog-button {
	background: url("../images/blog-button.gif") top left no-repeat;					
	width: 250px;	
	height: 42px;
	display:block;
	margin-bottom:5px; 
	}
	
.blog-button:hover { 
	background-position: 0px -42px; 
  	} 
 
      
.blog-button span { 
	display:none; 
	} 
/* ------------------------------------------------------------------------- */

#blog-callout {background: url("../images/captura-blog-callout.gif") top left no-repeat;					
	width: 250px;	
	height: 126px;}
	
#blog-callout span { display:none;}


#blog-callout a {
	position:absolute;
	width:250px;
	height:126px;
	}


/* framework
 * ------------------------------------------------------------------------- */
 
#flash {
	width:750px;
	height:340px;
	}
	
#flash2 {width:300px; height:250px; margin:10px 0px 20px 12px;}
#flash3 {width:300px; height:250px; margin:10px 0px 20px 12px;}	 

#wrap {  
	width:750px; 
	margin:0 auto; 
	text-align:left; 
	}
 
#column-left { 
	width:496px; 
	float:left;
	padding-top:12px;
	padding-bottom:0px; 
	}
#main-content p { margin:0px 36px 10px 12px}

#main-content a:link { color: #02578A; text-decoration: none;}
#main-content a:visited { color: #5DADD0; text-decoration: none;}
#main-content a:hover { color: #FF6600; text-decoration: underline;}
#main-content a:active { color: #333333; text-decoration: underline;}

#main-content ul { padding-left:30px; margin-right:35px; padding-bottom:8px;}

#main-content ul li { 
	background:transparent url("../images/dot.gif") 0px 8px no-repeat;
	padding-left:12px; /* pushes text to the right to display bg img */
	padding-bottom:3px;
	}
	
.numbers {padding-left:30px; margin-right:35px; padding-bottom:0px;}		
	
#services { background-color:#f9f8f2; width:458px; padding-top:20px; border: 1px solid #5dc2db; margin-bottom:5px;}
#services h3 { color:#584e32; margin-bottom:5px; font-weight:bold;}

#servicest ul { padding-left:30px; margin-right:35px; padding-bottom:8px;}

#services ul li { 
	background:transparent url("../images/dot2.gif") 0px 8px no-repeat;
	padding-left:12px; /* pushes text to the right to display bg img */
	padding-bottom:10px;
	color:#5b4303;
	}	
#clients { margin-left:0px; margin-top:0px;}
#clients img { float:left;}	

#podcast { width:261px; float:left; margin:0 0px 10px 0;cursor:pointer; cursor:hand;}
#podcast-content{ width:230px; float:left; font-size:11px; line-height:18px; margin:10px 0px 0px 0px;}		
	
#footnote-divider { 
	background:url("../images/footnote-line.gif") no-repeat; 
	width:242px; 
	height:17px;
	}	

#sub-main-news-pub { width:460px; margin:15px 0px 7px 0px;}

#sub-main-news-pub p { color:#727374; margin-bottom:5px; margin:0px 0px 5px 12px;}
#sub-main-news-pub a:link, #sub-main-news-pub a:visited	{ padding-left: 18px; background: url("../images/a38.gif") 1px 1px no-repeat; color:#5e5f60; text-decoration:none; }
#sub-main-news-pub a:hover, #sub-main-news-pub a:active	{ padding-left: 18px; background: url("../images/a38.gif") 1px 1px no-repeat; color:#5e5f60; text-decoration:underline; }	
  
#column-right { 
	width:254px; 
	float:left; 
	}
	
#featured-client {
	background:url("../images/featured-clients-bkgr.gif") top left repeat-y; 
	width:250px;
	 }
	 
#featured-client h2 { color:#fff; font-size:16px; font-weight: normal; padding-top:10px; padding-left:24px;} 
	
#featured-client p { margin-top:8px; padding-left:13px; margin-right:10px;}
	
/*#featured-client a:link, #featured-client a:visited	{ color:#155c88; text-decoration:none; }
#featured-client a:hover, #featured-client a:active	{ color:#155c88; text-decoration:underline; }*/	
	
#featured-client-top {
	background:url("../images/featured-clients-top.gif") top left no-repeat; 
	width:250px;
	height:35px; }
	
#featured-client-bottom {
	background:url("../images/featured-clients-bottom.gif") bottom left no-repeat; 
	width:250px;
	height:15px; }
	
#contact { background:url("../images/contact-bkgr.gif") top left no-repeat; 
	width:461px;
	height:430px;
	padding-top:65px;}
	
#contact p { margin-left:100px;}			
 
#bottom-wrap { 
	background:url("../images/bottom-wrap.gif") no-repeat; 
	width:750px; 
	height:41px; 
	clear:both; 
	overflow:hidden; 
	}


/* inside framework
 * ------------------------------------------------------------------------- */
   


/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:750px; 
	margin:0 auto; 
	text-align:center;
	color:#9e9fa0;
	padding-bottom:20px; 
	}
	
#footer p { margin-bottom:5px;}	

#footer a:link, #footer a:visited{
	color:#9e9fa0; text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#FF6600;  text-decoration:none;
	}

#footer ul { margin-bottom:2px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #9e9fa0;
	}

	#footer li.first { border: none; }