@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("nav.css");



/*** structure ***/

body {}

#container {width: 880px; margin: 0 auto; padding: 0 0 0px 0;  }
	
	#header {background: url(bg-nav.gif) top left repeat-x;   height: 130px; width: 880px; overflow: hidden;  }
	.home #header {height: 70px;}
	
		
		ul#nav { clear: both;   }
	
	#site {margin-bottom: 30px; }
	.home #site {margin-bottom: 0px; }
	
		#content {width: 870px; margin: 20px auto 0 auto;  clear: both; }
		.home #content {margin-top: 10px; }
			.home #content div {margin-bottom:0; }
		
		/*div {clear: both; }*/
			div.splash {clear: both; }
				div.splash div.first {float: left; width: 220px; padding: 0 19px 0 0; border-right: 1px dotted #b4b4aa;}
				div.splash div.second {float: left; width: 350px; padding: 0 19px 0 20px; border-right: 1px dotted #b4b4aa;}
				div.splash div.third {float: left; width: 200px; padding: 0 0 0 20px;}
			.home .splash {margin-top: 30px; margin-bottom:0; }
			
			div.landing {clear: both; background: url(/images/bg-landing.jpg) top left repeat-y; overflow: auto; }
				div.landing div.first {float: left; width: 260px; padding: 0 20px 0 0;}
				div.landing div.second {float: left; width: 260px; padding: 0 20px 0 20px; }
				div.landing div.third {float: left; width: 260px; padding: 0 0 0 20px;}
				
			div.three {clear: both;  background:url(/images/bg-three.jpg) top left repeat-y; overflow: auto; }
				div.three div.first {float: left; width: 330px;  padding: 0 20px 0 0; } 
				div.three div.second {float: left; width: 330px;  padding: 0 20px 0 0; }
				div.three div.third {float: left; width: 150px;  padding: 0 20px 0 0; }
				
			div.two {clear: both; background: url(/images/bg-two.jpg) top left repeat-y; overflow: auto; }
				div.two div.first {float: left; width: 330px; padding: 0 20px 0 0; }
				div.two div.second {float: left; width: 500px;}
				
			div.full {clear: both; background: url(/images/bg-full.jpg) top left repeat-y; overflow: auto; }
				div.full div.first {float: left; width: 680px; padding: 0 20px 0 0; marign: 0 20px 0 0;}
				div.full div.second {float: left; width: 160px; }
				div.full div.only {width: 870px; }
				
			div.bio {clear: both; background: url(/images/bg-bios.jpg) top left repeat-y; overflow: auto; }
				div.bio div.first {float: left;width: 370px; padding: 0; margin: 0 40px 0 0;}
				div.bio div.second {float: left;width: 250px; padding: 0; margin: 0 20px 0 0;}
				div.bio div.third {float: left;width: 160px; font-size: 11px;   }
				#content div.bio div.third ul { font-size: 11px; }
	
	#footer {width: 100%; height: 67px; clear: both; display: block; }	
	
	.clear {width: 100%;  clear: both; }		
		
	.hide {display: none; }

				

/*** styling ***/

	


#content {color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; /*font-family: Georgia, "Times New Roman", Times, serif;*/ }	
	#content a, #content a:visited {color: #545322; }
	#content a:hover {text-decoration: underline; }

	#content a.resume {}
	#content a.email {}
	#content a.vcard {}

.intro {float: left; clear: both; position: relative; width: 870px; height: 308px; display: block; margin-bottom: 30px;   
		/* page breaks  margin-top: 100px; padding-top: 100px; border-top: 1px dotted #0c0; */ }
.intro.sub {height: 208px; }
			
	.intro .spot {position: absolute; top:0; right:0; width: 338px; height: 308px; display: block; background: #e51b24;
			/*top: 100px; */ } 
		.intro .spot p {font-size: 24px;  color: #FFFFFF; text-align:center; font-weight: 600; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 2em .5em; }
		
		
	.intro .image {
	position: absolute;
	top:2px;
	right:0;
	display: block;
	width: 518px;
	height: 300px;
	background:#ffffff;
			/*top: 100px;*/ }
		.intro .image img {width: 518px; height: 300px;  }
		.intro .image.square {width: 300px;  background:#e51b24; }
		
	.intro .biopic {position: absolute; top:0; left:-2px; display: block; width: 400px; height: 300px; background:#CCCCCC; 
			/*top: 100px;*/ }
		.intro .biopic img {width: 400px; height: 300px;  }
	.intro .bio2 {position: absolute; top:0; left:0; display: block; width: 400px; height: 300px; /*background:#e51b24; */
			/*top: 100px;*/ }
		.intro .bio2 img {width: 400px; height: 300px;  }
		
		
		
		
		
div.flash {display: block; width: 870px; height: 410px; background:url(/images/home-splash.jpg);  }
	div.flash .spot {background: none; }
		div.flash .spot p { margin: 3em .5em 3em 1.5em; }



h1, h2, h3, h4, h5, h6 {color: #545322; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 {font-size: 24px; line-height: 1.2em; margin-bottom: .5em; }
	.intro h1 {
	position: absolute;
	top: 50%;
	left:0;
	height: 62px;
	width: 315px;
}
	.home .intro h1 {top: 360px; }
	div.splash h1 {position: absolute; top: 340px; left:0; }
	.bio h1 {font-size: 22px; }
	.bio2 h1 {position: absolute; top: 100px; left: 445px; width: 300px;  }
h2 {font-size: 13px; line-height: 1em; margin: .2em 0 .4em 0; font-weight: bold; clear: left;}



p {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1em;
	font-family: inherit;
	color: #555;
}
	.home .second p {margin-bottom: 0; }
	
	
dl.news {font-size: 12px; }
	dl.news dt {clear: left; float: left; width: 142px; padding: 10px 10px 10px 0; }
	dl.news dd {float: left; width: 700px; padding: 10px 0 10px 10px;}

strong {font-weight: bold; }


img.leftinset {float: left; margin: 0 2em 2em 0; }



#content ul {/*font-family: Verdana, Arial, Helvetica, sans-serif;*/  font-size: 12px; margin: 0 0 1em 0; }
	#content li {margin: 0 0 .5em 0; }
		#content li a {/*font-family: Verdana, Arial, Helvetica, sans-serif; */}
#content ul.half {width: 50%; float: left; }
#content ul.info {list-style: disc; color: #8d865b; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content ul.bullet {list-style: disc inside; line-height: 1.4em; margin-left: 1em;  }
	

#content .intro .bio2 ul {position: absolute; top: 155px; left: 445px; }

#content div.news dt {font-size: 12px;}
#content div.news dd {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; line-height: 1em; border-left: 1px dotted #b4b4aa; }




#footer { background: /*#eae5df*/ url(bg-footer2.jpg) top left no-repeat;  }