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

	Pelagic Information Design: Global CSS
	Author: J. Tyarks
	Last Updated: 04/02/09

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

/*
*	RESET
*
*/

	html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, 
	#content ol, ul, li, fieldset, label, legend {
		margin: 	0;
		padding: 	0;
		border: 	0;
		outline: 	0;
		background:	transparent;
	}
	#content ol, ul	{ list-style: none; }
	:focus			{ outline: 0; }
	img, img a		{ border: none; }

/* 
*	TYPOGRAPHY 
*
*/
	
	p			{ margin-bottom: 13px;}
	
	/* ANCHORS */

	a			{ color: #999966; text-decoration: none; }
	a:hover		{ text-decoration: underline; }

	
	/* HEADERS */
	
		.h-logo	{ background: 	url("../media/images/pelagic-id-logo.gif") 0 0 no-repeat; 
				  height: 		219px; 
				  margin: 		12px 0 0 25px; 
				  text-indent:	-9999px; 
				  width: 		204px; }
		
		h2, h2 a{ background-image: 	url("../media/images/headers.gif"); 
				  background-repeat:	no-repeat;
				  display: 				block;
				  margin-bottom: 		6px;
				  text-indent: 			-9999px; }
	
				.h-welcome		{ background-position: 0 0; height: 16px; width: 74px;}	
				.h-philosophy	{ background-position:  0 -75px; height: 16px; width: 92px;}
				.h-contact		{ background-position: 0 -150px; height: 16px; width: 68px;}
				.h-featuredWork	{ background-position: 0 -225px; height: 16px; width: 128px;}
				.h-services		{ background-position: 0 -369px; height: 16px; width: 55px;}
				.h-availability	{ background-position: 0 -409px; height: 16px; width: 73px;}
				.h-ps			{ background-position: 0 -299px; height: 16px; width: 25px;}
				
	/* SECTION SPECIFIC */

		#header				{ font-size: 10.5pt; }	
		#header .social a	{ font-size: 9.5pt; }
		#header .fltRgt h2	{ float: left; width: 130px; }	
		#header .fltRgt p 	{ float: right; width: 402px; }
		
		#content .fltLft ol	{ margin-bottom: 30px; }
		#content .fltLft li	{ font-size: 9pt; margin-bottom: 4px; }
			
		#footer .highlight	{ font-size: 9pt; color: #666666; }			



/* 
*	LAYOUT 
*
*/

	html, body.container{ background-color:	#000000;
				  		  color: 			#CCCCCC;
						  font: 			normal 8pt "Lucida Sans", "Lucida Grande", sans-serif;
						  width: 			100%; }
	
	.clr{ clear: both; } .clrLft{clear: left;} .clrRgt{clear: right;}
	.fltLft{ float: left; } .fltRgt{ float: right; }
	.hide, .accessibility, hr{ display: none; }
	
	#header .divider	{ background-color:	#376571; 
						  height: 			1px; 
						  font-size: 		0; 
						  margin: 			10px 0; 
						  width: 			100%; }
	.secDivide			{ background-color:	#1F1F1F; 
						  font-size: 		0; 
						  height: 			1px; 
						  margin: 			10px 0px; }	

	/*
	*	#header
	*
	*/

		#header	{ background: 		url("../media/images/header-bg.jpg") bottom center repeat-x #053f4d; 
				  border-bottom:	1px solid #ccc;
				  border-top: 		1px solid #ccc;
				  height: 			248px;
				  margin: 			0 auto;
				  width: 			100%; }
			
			.headerContent	{ margin: 0 auto; width: 940px; }
		
			#header .fltRgt	{ height: 230px; width: 540px; }
			
			.social	{ background: 		url("../media/images/social-bg.gif") top right no-repeat;
					  display: 			block;
					  float: 			right;
					  height: 			23px;
					  margin-bottom:	26px;
					  padding: 			2px 10px 2px 0;
					  text-align: 		right;
					  width: 			540px; 
					  word-spacing: 	5px; }
			
					.socialLink			{ margin: 0 8px; } 
					.socialLink .last	{ margin: 0; }

	/*
	*	#content
	*
	*/
	
		#content	{ background:	url("../media/images/content-bg.jpg") 0 0 no-repeat;
					  height: 		320px;
					  margin: 		0 auto 20px;
					  padding: 		15px 15px 0px;
					  width: 		940px; }
		
			#content .fltLft		{ height: 250px; margin-right: 40px; width: 275px; }
		
		
			#content .fltRgt		{ height: 280px; width: 620px; }
			
			#content .fltRgt span	{ height: 15px; }
			
	/*
	*	#footer
	*
	*/

		#footer	{ background: 	url("../media/images/footer-bg.jpg") top right no-repeat;
				  border-top:	1px solid #1f1f1f;
				  height: 		277px;
				  margin: 		0 auto;
				  padding: 		15px 0 0;
				  width: 		940px; }
			
			#footer .fltLft	{ height: 105px; width: 275px; }
			
			#footer .fltRgt	{ height: 140px; width: 465px; }
			
				#footer .fltLft.footRightText		{ margin-right: 20px; width: 135px; }
				#footer .fltLft.footRightText .last	{ margin-right: 0; width: 135px; }