/*------------------------------------------------------------------------------------
  
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ type selectors ------------------------ */

body {
	text-align:center; 
	font:12px/16px Arial, Helvetica sans-serif;
	font-weight:normal;
	color:#000;
	background-color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#0D1A27; }
h2	{ font-size:1.1em; color:#5E6068; }
h3	{ font-size:1.0em; color:#f86b0d; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#666666; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#333333; text-decoration:none; outline:none; }

.clear {clear:both;}
div.clear {height:.01em; overflow:hidden;}
#clear {clear:both;}

p.small {font-size:.85em;}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

#wrap {
	width:1048px;
	text-align:left;
	margin:0px auto 30px auto;
	}

#masthead {
	background:url("../images/masthead.jpg") no-repeat;
	width:1045px;
	height:196px;
	margin:0;
	padding:0;
	float:left;
	}
	
#leftcol {
	width:467px;
	height:451px;
	margin:0;
	padding:0;
	float:left;
	}
	
	body#index #leftcol {background:url("../images/bg-leftcol-index.jpg") no-repeat;}
	body#portfolio #leftcol {background:url("../images/bg-leftcol-port.jpg") no-repeat;}
	body#biography #leftcol {background:url("../images/bg-leftcol-bio.jpg") no-repeat;}
	body#links #leftcol {background:url("../images/bg-leftcol-links.jpg") no-repeat;}
	
	#leftcol p.first {width:270px; margin:120px 40px 5px 140px;}
	#leftcol p {width:270px; margin:10px 40px 5px 140px;}
	
	#leftcol h3 {width:270px; margin:10px 40px 0px 140px;}
	
	body#biography #leftcol p.first {width:320px; margin:120px 0px 5px 130px;}
	body#biography #leftcol p {width:320px; margin:10px 0px 5px 130px;}
	body#biography #leftcol {font:12px/15px Arial, Helvetica sans-serif;}

#rightcol {
	width:578px;
	height:451px;
	margin:0;
	padding:0;
	float:left;
	}
	
	body#index #rightcol {background:url("../images/bg-rightcol-index.jpg") no-repeat;}
	body#biography #rightcol {background:url("../images/bg-rightcol-bio.jpg") no-repeat;}
	body#portfolio #rightcol {background:url("../images/bg-rightcol-bio.jpg") no-repeat;}
	body#links #rightcol {background:url("../images/bg-rightcol-port.jpg") no-repeat;}
	
	#rightcol p.first {
		width:300px;
		margin:16px 40px 5px 40px;
	}
	
	#rightcol p {
		width:300px;
		margin:10px 40px 5px 40px;
	}
	
	#rightcol img.thumbs4-bio {margin:30px 40px 5px 33px;}
	
	body#biography #rightcol {font:12px/15px Arial, Helvetica sans-serif;}
	body#biography #rightcol h3 {margin:22px 40px 5px 40px;}
	
	
#maincol-subhead {
	background:url("../images/bg-maincol-port.jpg") no-repeat;
	width:1045px;
	height:110px;
	margin:0;
	padding:0;
	float:left;
	}
	
	#maincol-subhead p.port-sub {
		width:500px;
		margin:50px 40px 5px 470px;
	}
		
#maincol-port {
	background:url("../images/bg-maincol-bot.jpg") no-repeat;
	width:1045px;
	height:341px;
	margin:0;
	padding:0;
	float:left;
	}

	#gallery-thumbs ul {
		width:780px;
		margin:10px 0px 0px 140px;
	}
	
	#gallery-thumbs ul li.active{
		margin:0px 0px 2px 2px;
		float:left;
	}

/* ------------------------ horizontal sprite nav ------------------------ */
ul#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:1045px; 
	height:48px; 
	margin:148px 0 0 0px;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:48px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 80px; margin-left:467px;}
#nav-02 { width: 70px;}
#nav-03 { width: 48px;}
#nav-04 { width: 60px;}


#nav-01 a:hover { background:url("../images/nav.jpg") -467px -48px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -547px -48px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -617px -48px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -665px -48px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body id 
body#SPECIFY #nav-01 { background:url("../images/nav.jpg")  -79px -30px no-repeat; }
body#SPECIFY #nav-02 { background:url("../images/nav.jpg") -158px -30px no-repeat; }
body#SPECIFY #nav-03 { background:url("../images/nav.jpg") -247px -30px no-repeat; }
body#SPECIFY #nav-04 { background:url("../images/nav.jpg") -341px -30px no-repeat; }
body#SPECIFY #nav-05 { background:url("../images/nav.jpg") -428px -30px no-repeat; }
body#SPECIFY #nav-06 { background:url("../images/nav.jpg") -428px -30px no-repeat; }
body#SPECIFY #nav-07 { background:url("../images/nav.jpg") -428px -30px no-repeat; }

------------- */

#footer {
	background:url("../images/bg-footer.jpg") no-repeat;
	width:1045px;
	height:97px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	clear:both;
	}

#footer p {width: 800px; color:#b4c3d9; margin:0 auto 10px auto;}

#footer a:link, #footer a:visited { color:#b4c3d9; }

#footer a:hover, #footer a:active { color:#a19dac; text-decoration: none;}

#footer ul {width:800px; text-align:center; margin:50px auto 0 auto;}

	#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
	display: inline;
	border-left: 1px solid #b4c3d9;
	}

	#footer li.first { border: none; }