/*= Reset */
html, body, div, span, h1, h2, h3, h4, p, blockquote, a, abbr, acronym, address, em, img, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
a:focus{-moz-outline-style:none; outline:none;}

/*= General */
html{height:100%;}
html{overflow-y:scroll; margin-bottom:0px;}
body{font-family:Arial, Garuda, FreeSans, Utkal, sans-serif; font-size:13px; color:#666; text-align:center; position:relative;}
	body.home{
background:#fff url('/images/ethernet-bottom-left-top-right.png') no-repeat center -20px;}
	body.about{background:#fff url('/images/ethernet-bottom-left-right.png') no-repeat center -20px;}
	body.careers{background:#fff url('/images/ethernet-left-bottom-right.png') no-repeat center -20px;}
	body.careers_long{background:#fff url('/images/ethernet-left-bottom-right-long.png') no-repeat center -20px;}
	body.contact{background:#fff url('/images/ethernet-bottom-right-top-left.png') no-repeat center -20px;}

/*=Typography*/
h1{font-size:28px; line-height:34px; color:#000; margin-top:40px;}
h2{font-size:23px; margin-bottom:22px;}
h3{font-weight:bold; line-height:19px;}

p{line-height:18px; margin-bottom:19px;}
#content ul{margin-bottom:19px;}
	#content ul li{line-height:19px; margin-left:15px;}
	
dl{margin-bottom:30px;}
dt{margin-top:19px; font-weight:bold;}
dt, dd{line-height:19px;}

strong{font-weight:bold; line-height:19px;}

/*=Links*/
a, a:visited{color:#ed2e2e;}
a:hover{color:#000;}

/*=Layout*/
#wrapper{width:840px; text-align:left; margin:50px auto;}

	#header{position:relative; height:170px;}
		#logo a{display:block;}

		#navigation{position:absolute; float:left; top:7px; left:120px;}
			#navigation ul{float:left; background:url('/images/navigation-bg.png') no-repeat top left; list-style:none; width:300px; padding-left:3px;}
			#navigation ul li{float:left;}
				#navigation a{display:block; font-size:12px; text-decoration:none; color:#494949; line-height:19px; padding:0 17px; border-right:1px solid #ddd;}
				#navigation li.last a{border:none;}
				li#selected a, li a:hover{color:#898989;}
				
	#content{margin-top:70px;}
	
		#content #subnavigation{list-style:none; margin:0 0 30px 0; overflow:hidden; width:100%;}
			#content #subnavigation li{float:left; margin:0;}
				#content #subnavigation li a{display:block; margin-right:20px; line-height:19px;}
				
		#content #casebook_navigation{list-style:none; margin:10px 0 0 0;}
			#content #casebook_navigation li{margin:0; margin-bottom:10px;}
	
	
		#main{float:left;}
		#casebook #side{padding-top:43px;}
		* html #how_we_do_it #side{display:inline;}
		
		/* 2/3 + 1/3 */
			.layout_2_1 #main{width:540px;}
			.layout_2_1 #side{margin-left:560px;}

		/* 1/3 + 2/3 */
			.layout_1_2 #main{width:260px;}
			.layout_1_2 #side{margin-left:280px; width:540px;}
		
		/* 1/2 + 1/2 */
		 .layout_1_1 #main{width:400px;}
		 .layout_1_1 #side{width:400px; margin-left:420px;}
		
		/* 1/3 + 1/3 + 1/3 */
			.layout_1_1_1 #main{width:260px; margin-right:20px;}
			.layout_1_1_1 #side{width:260px; float:left;}
			.layout_1_1_1 #additional{width:260px; margin-left:560px;}
	
		#footer{clear:left; width:100%; padding-top:40px;}
			#footer p{font-size:11px;}
				#footer p, #footer p a{color:#aaa;}
					#footer p a:hover{color:#666;}
			
/*=Elements*/

	/*Quotes*/
	blockquote{float:left; width:100%; overflow:hidden; background:url('/images/rounded-bg-third-bottom.png') no-repeat bottom right; margin-bottom:20px;}
		blockquote p.quote{background:url('/images/rounded-bg-third-top.png') no-repeat top right; padding:10px 10px 0 100px; margin-bottom:10px;}
			blockquote p.quote span{background:url('/images/quote-left.png') no-repeat left top; padding:0 10px;}
			blockquote p.quote span.r{background:url('/images/quote-right.png') no-repeat left top;}		
		blockquote a.source{display:block; margin:0 0 10px 0; font-size:11px; text-decoration:underline; color:#666; padding-left:100px; line-height:14px;}
		blockquote img{float:left; margin:10px;}

	/*EnQuality*/
	dl#enquality{width:558px;}
		dl#enquality dt{font-weight:bold; padding:10px 10px 0 10px; margin:0;}
		dl#enquality dd{padding:0 10px 30px 10px;}
			dl#enquality p{margin:0;}
		
		dt.project_management{background:#E8F2CA url('/images/enquality-green-top.png') no-repeat top left;}
		dd.project_management{background:#E8F2CA url('/images/enquality-green-bottom.png') no-repeat bottom left;}
		
		dt.design{background:#CAE9F0 url('/images/enquality-blue-top.png') no-repeat top left;}
		dd.design{background:#CAE9F0 url('/images/enquality-blue-bottom.png') no-repeat bottom left;}

		dt.standards{background:#F8DAC2 url('/images/enquality-orange-top.png') no-repeat top left;}
		dd.standards{background:#F8DAC2 url('/images/enquality-orange-bottom.png') no-repeat bottom left;}

		dt.testing{background:#F4BBBF url('/images/enquality-red-top.png') no-repeat top left;}
		dd.testing{background:#F4BBBF url('/images/enquality-red-bottom.png') no-repeat bottom left; padding-bottom:15px !important;}
		
	/*Casebooks - Callouts*/
	div.callout{font-size:15px; background:url('/images/callout-top.png') no-repeat left top; padding:8px 0 0 0;}
		div.callout blockquote{background:url('/images/callout-bottom.png') no-repeat left bottom; padding:0 0 8px 0;}
		div.callout p{margin:0; padding:0 10px; line-height:19px; }
	
	#casebook #main img{float:right; display:block; margin:0 0 20px 20px;}
	
	/*Recruitment FAQ*/
	#recruitment_faq{list-style:none; padding-bottom:30px;}
		#recruitment_faq li{margin:0 0 10px 0 !important;}
		
	/*Map*/
	#map{display:block;}

/*=sIFR*/
.sIFR-flash{visibility:visible !important;margin:0;padding:0;}
.sIFR-replaced,.sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none;}

/*=sIFR Headings*/
.sIFR-active h1, .sIFR-active h2{visibility:hidden;}
.sIFR-active h2{margin-bottom:16px; height:28px;}
