@import url('reset.css');

.clearall { clear: both; }

em { font-style: italic; }



html { background: url('../images/marble.gif') top center repeat-x; text-align: center; }

body { width: 976px; text-align: left; margin: 0 auto; }

	#pagehead { position: relative; width: 976px; height: 128px; margin-bottom: 48px; }
		#pagehead h1 { position: absolute; top: 56px; left: 15px; height: 25px; width: 386px; }
		#pagehead h1 a { display: block; left: 15px; height: 25px; width: 386px; font-size: 0; text-indent: -5000px; overflow: hidden; background: url('../images/group.gif') top left no-repeat; }
		#pagehead p#tagline { position: absolute; top: 112px; left: 16px; height: 14px; width: 562px;
			font-size: 0; text-indent: -5000px; overflow: hidden; background: url('../images/tagline.gif') top left no-repeat; }

	ul#nav { position: absolute; height: 16px; top: 68px; right: 16px; font: bold 80% Verdana; }
		ul#nav li { float: left; margin-left: 2em; }
			ul#nav li a { color: #8fbfb7; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding: 0 3px 1px; }
				ul#nav li a:hover { color: #104038 !important; background-color: #8fbfb7; }

		body#portfolio li#n_portfolio a, body#services li#n_services a, body#bios li#n_bios a, body#contact li#n_contact a { color: white; }


	#pagebody { width: 944px; margin: 0 16px; clear: both; }
		#pagebody h2 { font: normal 200%/1em 'Times New Roman'; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid #cccccc; }
		#pagebody h3 { float: left; font: italic 150%/1.1em 'Times New Roman'; width: 208px; text-align: right; color: #104038; margin-top: -0.125em; }
		#pagebody h4 { float: left; font: bold 100%/1.25em 'Times New Roman'; width: 208px; text-align: right; }

		#pagebody p, #pagebody ul { font: normal 85%/1.5em Verdana; padding-left: 240px; }
			#pagebody p { text-indent: 16px; }
			#pagebody ul { list-style: disc; }
				#pagebody li { line-height: 1.5em; }
		#pagebody hr { border-width: 1px 0 0 0; border-color: #cccccc; border-style: solid; color: white; margin: 16px 0; }

	ul#biolist { list-style: none; }
		ul#biolist li { float: left; margin-right: 2em; }
			ul#biolist li a { }
				ul#biolist li a:hover { }

	img.headshot { float: right; width: 224px; height: 304px; margin: 0 0 16px 16px; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

	#pagefoot { width: 944px; margin: 48px 16px 64px; padding-top: 16px; border-top: 1px solid #cccccc; }
		#pagefoot p { font: normal 70% Verdana; color: #999999; }
	#pagefooter  { background: url('../images/footer.gif') left bottom repeat-x; height:52px; width:150%;}


/* SAMPLES */

	#samples { width: 944px; margin: 0 auto; clear: both; }
		#samples h2 { text-align:center; padding-bottom: 15px; margin-bottom: 15px;}
		#samples h3 { float: left; font: italic 150%/1.1em 'Times New Roman'; width: 208px; text-align: right; color: #104038; margin-top: -0.125em; }
		#samples h4 { float: left; font: bold 100%/1.25em 'Times New Roman'; width: 208px; text-align: right; }

		#samples p, #samples ul { font: normal 85%/1.5em Verdana; margin-left:125px; }
			#samples p { text-indent: 16px; width: 650px; text-align:left; }
			#samples p.first { text-indent: 0px; width: 650px; text-align:left; }
			.firstchar { font-size:4em; color:#830114;text-indent: 0px; font-weight:bolder; letter-spacing:normal; font-family:Georgia, "Times New Roman", Times, serif;}
			p#graphic { margin-top: 30px;}
			p.table { margin: 30px auto; }
			td.center { text-align:center; }
			#samples ul { list-style: disc; }
				#samples li { line-height: 1.5em; }
		#samples hr { border-color: #cccccc; border-style: solid; color: white; margin: 16px 0; }
		#samples table { margin: 0 auto;}


/* COVER */

body#cover #centerpiece { width: 944px; height: 176px; background: url('../images/centerpiece.jpg') top left no-repeat; margin-bottom: 16px; }
	body#cover #centerpiece h2, body#cover #centerpiece p { font-size: 0; text-indent: -5000px; overflow: hidden; border: 0; margin: 0; padding: 0; }

body#cover .cover_pod { float: left; width: 304px; background-image: url('../images/cover_pod_back.gif'); margin-right: 16px; }
	body#cover .cover_pod.last { margin-right: 0; }
	
	body#cover .cover_pod h3 { float: none; width: 304px; margin: 0 0 16px; }
		body#cover .cover_pod h3 a { display: block; width: 304px; height: 32px; text-align: left; font-size: 0; text-indent: -5000px; overflow: hidden; }
			#cover_whoweare.cover_pod h3 a { background-image: url('../images/cover_whoweare.gif'); }
			#cover_whatwedo.cover_pod h3 a { background-image: url('../images/cover_whatwedo.gif'); }
			#cover_contact.cover_pod h3 a { background-image: url('../images/cover_contact.gif'); }

	body#cover .cover_pod p { padding: 0 32px 0 16px; margin: 0 0 1.5em; text-indent: 0; }
	 body#cover .cover_pod p.more a { line-height: 1.5em; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #104038; }
		 body#cover .cover_pod p.more a:hover { border-bottom: 1px solid #8fbfb7; }


/* CONTACT */

body#contact form { width: 464px; margin: 0 auto; }
/*	body#contact label { clear: both; float: left; display: block; width: 64px; margin: 0 8px 16px 0; text-align: right; font: normal 80% Arial; padding-top: 2px; }*/

		#pagebody p.contact { font: normal 85%/1.5em Verdana; padding-left: 0px; font: normal 80% Arial; padding-top: 2px;}

body#contact input { width: 382px; margin: 0 0 16px 0; padding: 2px 3px 2px; font: normal 80% Verdana; }
	body#contact select { width: 382px; margin: 0 0 16px 0; padding: 2px 3px 2px; font: normal 80% Verdana; }
	body#contact textarea { width: 462px; height: 10em; font: normal 80%/1.25em Verdana; }
		input, textarea { border: 1px solid #aaaaaa; padding: 0; }
		
	body#contact input.submit { width: 144px; margin: 16px 0 0 160px; }