/**********************************************************************************************

	CSS on Sails
	Title: DSRA
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: August 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
      2.1 Structure
      2.2 Image Replacement
			2.3 Header
      2.4 Navigation
			2.5 Content
			2.6 Sidebar
			2.7 Footer		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	
	html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, 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-size: 100%; vertical-align: baseline; background: transparent; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	a, ins, del { text-decoration: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	th, td { vertical-align: top; }
	th { text-align: left; }
	
/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	
	
	ol#accessibility-nav, 
	#newsletter-form label,
	.hide,
	.structural { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
	

/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/


	#navigation ul:after,
	#navigation li ul:after
	 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

	body { background: #fff; color: #333; font: 62.5%/1.3 Helvetica, Arial, sans-serif; text-align: center; padding-bottom: 40px;}
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	del { text-decoration: line-through; }
	th { font-weight: normal; }
	address, cite, dfn { font-style: normal; }
	li { list-style: none; }
	 acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
	a, a:visited { color: #0c7d66; text-decoration: none; }
	a:hover, a:active { color: #0c7d66; text-decoration: underline; }
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 2.1	Structure
-----------------------------------------------------------------------------------------------*/	

	.container { width: 960px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
	
	#content { overflow: hidden;  clear: both;}
	.primary-content { width: 800px; float: right; padding-top: 10px;}
	.secondary-content { width: 144px; float: left; }
	
	#header{ position: relative; height: 11.4em;z-index: 5000; background: #fff url(../images/bg_header.png) repeat-x;}
	#footer { clear: both; }
	
/* 2.2  Image Replacement
-----------------------------------------------------------------------------------------------*/

	/* 2.3	Header
-----------------------------------------------------------------------------------------------*/

	#header .container { height: 10.5em; }
	#header h2 { position: absolute; left: -999em; }
	
	/* logo */
	#header .dsra, 
	#header .dsra span { display: block; overflow: hidden; width: 415px; height: 60px; }
	#header .dsra { position: relative; top: 39px; float: left;}
	#header .dsra span { background: url(../images/logo.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
	#header a.dsra span { cursor: pointer; }

	#header p { font-size: 1.283em; position: absolute; right: 10px; top: 30px; color: #0c7d66;}
	#header p em { font-style: normal; font-size: 2em; display: block; line-height: 1;}
/* 2.4	Navigation
-----------------------------------------------------------------------------------------------*/
	#navigation { margin-bottom: 1px;}
	#navigation h2 { position: absolute; left: -999em;}
	#navigation ul{ background: #11a083 url(../images/bg_navigation.png) repeat-x; height: 4.4em; width: 948px; margin: 0 auto; text-align: left; position: relative;z-index: 1001; padding-left: 12px;}
	#navigation li,
	#navigation li a,
	#navigation li a span { color: #fff; text-transform: uppercase; float: left; text-decoration: none;}
	#navigation li { margin-right: 10px; display: inline;  }
	#navigation li a { padding: 8px 18px 8px 20px;margin-top: 9px;  font-size: 1.033em; position: relative; z-index: 3000; height: 1.9em;}
	#navigation li:hover a,#navigation li.hover a{ border-top: 2px solid #0c7661; background: #000; margin-top: 7px;  }
	
	#navigation li ul { left: -999em; top: 36px; position: absolute; border-top: 2px solid #0c7661; z-index: 1000; width: 960px; background: #000; height: 3.6em; padding-left: 0; float: left;}
	#navigation li:hover ul,#navigation li.hover ul { left: 0;}
	#navigation li li,#navigation li li:hover,#navigation li li,#navigation li li.hover { padding: 0; margin: 0; border: 0;}
	#navigation li li a.selected { text-decoration: underline; }
    #navigation li:hover li a,#navigation li.hover li a  { padding: 12px 0px 0 13px; margin: 0; border: 0; text-transform: none; font-size: 1.083em;}
	#navigation li:hover li a:hover,#navigation li.hover li a:hover { text-decoration: underline;}
	
   .about #navigation li.about a.current,
   .what-we-do #navigation li.what-we-do a.current,
   .services #navigation li.services a.current,
   .clients #navigation li.clients a.current,
   .resources #navigation li.resources a.current,
   .contact-us #navigation li.contact-us a.current{ border-top: 2px solid #0c7661; background: #000; margin-top: 7px;}
   
	

/* 2.5	Content
-----------------------------------------------------------------------------------------------*/	
	
	.home #content h1 { font-size: 2em; font-weight: normal; line-height: 1.6; margin-bottom: 25px; }
	.subpage #content h1 {font-size: 2em; font-weight: normal; line-height: 1.6; margin-bottom: 0; border-bottom: 1px solid #85beb2 ; padding-left: 250px;  color:#0c7d66;}
	.home #content .container { border-top: 1px solid #85beb2; background: url(../images/bg_content.png) repeat-x left bottom; margin-bottom: 1px; padding: 25px 10px 80px; width: 940px; overflow: hidden;}
	
	#content .content-box { width: 300px; float: left; margin-right: 20px; display: inline; }
	#content .content-box.contact { margin-right: 0;}
	
	#content .content-box h2 { font-size: 1.9em; font-weight: normal; line-height: 1.6; margin-bottom: 20px;}
	#content .content-box.services h2 { background: url(../images/ico_products.png) no-repeat 0 3px; padding: 8px 0 0 40px;  }
	#content .content-box.products h2 { background: url(../images/ico_services.png) no-repeat 0 0; padding: 8px 0 0 40px;  }
	#content .content-box.contact h2 { background: url(../images/ico_contact.png) no-repeat 0 3px; padding: 8px 0 0 57px;  }
	#content .content-box p { font-size: 1.1833em; line-height: 1.5; padding-right: 15px; margin-bottom: 20px;}
	#content .content-box.contact dl { overflow: hidden; font-size: 1.1833em; line-height: 1.5; margin-top: 20px;}
	#content .content-box.contact dt { float: left; width: 70px; clear: left; font-weight: bold;}
	#content .content-box.contact dd { display: block; margin-left: 70px;}
	#content .content-box.contact dd p { font-size: 1em;}
	
	span.type { position: absolute; left: -999em;}
	.subpage #content .container { background: url(../images/bg_content.png) repeat-x left bottom; margin-bottom: 1px; width: 960px; overflow: hidden; padding-bottom: 80px;}
	.main-content { float: right; width: 730px;}
	.primary-content { font-size: 1.2833em; line-height: 1.5; float: left; width: 480px; padding: 20px 0 0 20px;}
	.primary-content li { background: url(../images/blt_list.png) no-repeat 0 7px; padding-left: 20px;}
	.primary-content ul { margin-bottom: 20px;}
	.primary-content p { margin: 0 0 20px;}
	.primary-content p.org { margin: 0; font-weight: bold;}
	.primary-content p.addr span, .primary-content p.addr em { display: block; }
	.subpage #content .content-box { float: right; width: 170px;padding-top: 20px;}
	.subpage #content .content-box.contact dt { float: none; }
	.subpage #content .content-box.contact dd { margin: 0;}
	.subpage #content .content-box.contact dd h3,
	.subpage #content .content-box.contact dd p{ font-weight: normal; float: left;}
	
	.clients .primary-content h2 { margin-bottom: 15px; color:#0c7d66;font-size: 1.2em; }
	.subpage .primary-content .back-to-top{ display: block; text-align: right;}
/* 2.6	Sidebar
-----------------------------------------------------------------------------------------------*/	
	.subpage-navigation { float: left; width: 170px; background: #000; color: #fff; overflow: hidden; padding: 10px 0;}
	.subpage-navigation a,.subpage-navigation a:visited{ color: #fff;  float: left; padding: 10px 15px 10px 0;background: url(../images/ico_arrow.png) no-repeat 100% 50%;}
	.subpage-navigation a.selected { text-decoration: underline; }
	.subpage-navigation li{ margin: 0 10px 0px; clear: left; border-top: 1px solid #555; width: 150px; overflow: hidden;}
	.subpage-navigation li.first { border: none;}
	.subpage-navigation li.umbrella a { padding-left: 12px; }
	
/* 2.7	Footer
-----------------------------------------------------------------------------------------------*/
	
	#footer .container { background: #11a183 url(../images/bg_footer.png) repeat-x; padding: 10px; color: #fff; width: 940px; overflow: hidden; line-height: 1.5; }
	#footer .container a {color: #fff;}
	#footer .container .legal { float: left;}
	#footer .container .dsra { float: right; position: relative; color: #12b392; width: 103px; height: 23px;}
	#footer .container .dsra span { width: 103px; height: 23px; position: absolute; left: 0; top: 0; background: url(../images/logo_footer.png) no-repeat}