html {
	background-color: black;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
}
body {
	font-family: Verdana, Helvetica, sans-serif;
	background-image: url(/img/v2_background.jpg);	
	background-repeat: no-repeat;
}
div#header p,
div#header p a {
	height: 284px;
	width: 896px; 
	postition: relative;
	
	margin-top: 15px;
}
div#header p a {
	margin-left: 192px;
	background-image: url(/img/v2_scabbage.png);
	background-repeat: no-repeat;
}
div#left-col ul#navigation {
	position: relative;
	top: 5px;	
}
div#left-col ul#navigation li a {
	background-image: url(/img/v2_nav.png);
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background-repeat: no-repeat;
	width: 193px;
	height: 49px;
}
div#main-col { 
	font-size:1.3em;
	line-height: 1.5em;
	letter-spacing: .05em;
		
}
div#main-col h1, div#main-col h2 {
	margin-top: .5em;
	font-size: 4em;
	color: #958b49;
	margin-bottom: .5em;
	font-weight: normal;
}
div#main-col h1 {
	height: 72px;
	margin: 0;
	padding: 0;
	background-image: url(/img/v2_headers.png);	
}
body#body-aerosol div#main-col h1 {background-position: 0 -77px;}
body#body-sketch div#main-col h1 {background-position: 0 -154px;}
body#body-illustration div#main-col h1 {background-position: 0 -231px;}
body#body-animation div#main-col h1 {background-position: 0 -308px;}
body#body-canvas div#main-col h1 {background-position: 0 -385px;}
body#body-photo div#main-col h1 {background-position: 0 -462px;}
body#body-3d div#main-col h1 {background-position: 0 -539px;}
body#body-comic div#main-col h1 {background-position: 0 -619px;}
body#body-writing div#main-col h1 {background-position: 0 -699px;}
body#body-other div#main-col h1 {background-position: 0 -770px;}
body#body-commercial div#main-col h1 {background-position: 0 -850px;}
body#body-contact div#main-col h1 {background-position: 0 -924px;}

div#main-col hr {
	border: none;
	border-top: 1px dotted #333;	
}
div#main-col h2 {
	font-size: 2em;
	color: #999;
}
div#main-col p {
	margin-bottom: 1em;
}
/* Navigation */
div#left-col ul#navigation li a:hover {
	background-position: -195px 0
}

/* Navigation - aerolsol */
div#left-col ul#navigation li#navitem-aerosol a {
	background-position: 0 -49px;
}
div#left-col ul#navigation li#navitem-aerosol a:hover {
	background-position: -195px -49px;
}
/* Navigation - sketch */
div#left-col ul#navigation li#navitem-sketch a {
	background-position: 0 -98px;
}
div#left-col ul#navigation li#navitem-sketch a:hover {
	background-position: -195px -98px;
}
/* Navigation - illustration */
div#left-col ul#navigation li#navitem-illustration a {
	background-position: 0 -147px;
}
div#left-col ul#navigation li#navitem-illustration a:hover {
	background-position: -195px -147px;
}

/* Navigation - animation */
div#left-col ul#navigation li#navitem-animation a {
	background-position: 0 -196px;
}
div#left-col ul#navigation li#navitem-animation a:hover {
	background-position: -195px -196px;
}

/* Navigation - canvas */
div#left-col ul#navigation li#navitem-canvas a {
	background-position: 0 -245px;
}
div#left-col ul#navigation li#navitem-canvas a:hover {
	background-position: -195px -245px;
}

/* Navigation - photo */
div#left-col ul#navigation li#navitem-photo a {
	background-position: 0 -294px;
}
div#left-col ul#navigation li#navitem-photo a:hover {
	background-position: -195px -294px;
}

/* Navigation - 3d */
div#left-col ul#navigation li#navitem-3d a {
	background-position: 0 -343px;
}
div#left-col ul#navigation li#navitem-3d a:hover {
	background-position: -195px -343px;
}

/* Navigation - comic */
div#left-col ul#navigation li#navitem-comic a {
	background-position: 0 -392px;
}
div#left-col ul#navigation li#navitem-comic a:hover {
	background-position: -195px -392px;
}

/* Navigation - Writing */
div#left-col ul#navigation li#navitem-writing a {
	background-position: 0 -441px;
}
div#left-col ul#navigation li#navitem-writing a:hover {
	background-position: -195px -441px;
}
/* Navigation - other */
div#left-col ul#navigation li#navitem-other a {
	background-position: 0 -490px;
}
div#left-col ul#navigation li#navitem-other  a:hover {
	background-position: -195px -490px;
}
/* Navigation - commercial */
div#left-col ul#navigation li#navitem-commercial a {
	background-position: 0 -533px;
}
div#left-col ul#navigation li#navitem-commercial a:hover {
	background-position: -195px -533px;
}

/* Navigation - contact */
div#left-col ul#navigation li#navitem-contact a {
	background-position: 0 -588px;
}
div#left-col ul#navigation li#navitem-contact a:hover {
	background-position: -195px -588px;
}

/* Footer */

div#footer a#bld_logo {
	background-image: url(/img/foetus-logo.png);
	width: 32px;
	height: 34px;
	float: left;
}
div#footer {
	margin-bottom: 10px;	
	margin-left: 30px;
} 


/* jQuery lightBox plugin - Gallery style */
#gallery {
	

}
#gallery ul { list-style: none; }
#gallery ul li { display: block; float: left;  height: 140px; margin-bottom: 10px;}
#gallery ul img {
	border: 5px solid #131001;
	border-width: 5px 5px 40px;
	margin: 2px 2px;
}
#gallery ul a:hover img {
	border: 5px solid #ddd0a6;
	border-width: 5px 5px 40px;
	color: #fff;
}
#gallery ul p {
	position: relative;
	bottom: 45px;
	padding: 0 5px;	
	color: #8f8668;
	font-size: .7em;
	text-align: center;
	left: 5px;
	line-height: 1.1em;
	width:100px;
	height: 3.3em;
	overflow: hidden;	
}
#gallery ul a:hover { color: #fff; }

/* ====================== SPLASH PAGE ================================ */
body#body-welcome {
	background-image: none;
}
body#body-welcome div#header,
body#body-welcome div#header a {
	width: 800px;
	height: 800px;
	margin: 0px auto;
	background-image: none;
	position: relative;
	top: -50px;	
}
body#body-welcome div#header p {
	padding: 0;
	margin: 0;	
}

body#body-welcome div#header a {
	background-image: url(/img/v2_intro.jpg);
	margin: 0;
}
body#body-welcome div#header a:hover {
	background-position: 0 -800px;
}
body#body-welcome h1 {
	display: none;
}
body#body-welcome div#main-col {
	display: none;
}
body#body-welcome div#footer a#bld_logo {
	left: 360px;
	position: relative;
}
body#body-welcome div#footer {
	margin-left: -50px;
	position: relative;
	top: -100px;	
}
.redborder {
	border: 3px solid red;
}


div#pagecontrolcont_portfolio li a {
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #ddd0a6;
}

div#pages {
	position: absolute;
	top: 860px;
	margin: 0 260px;
	width: 634px;
	
}
div#pages  h4 {
	background-image: url(/img/v2_pages.png);
	background-position: -98px 0;
	height: 40px;
	margin: 0 auto;
	width: 120px;
	
}
div#pages > div a {
	/*background-image: url(/img/v2_pages.png);
	background-position: 0 -51px;
	width: 30px;
	height: 30px;
	*/
	margin: 0 .5em;
	
}


div#pages > div li.img_2 a {
	background-position: -34px -51px;	
}
div#pages > div li.img_3 a {
	background-position: -68px -51px;	
}


div#pages > div {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
	
}
div#pages > div ul{
	list-style:none;
	position:relative;
	left:50%;
	margin-top: 0px;
}

div#pages > div  li{float:left;position:relative;}/* ie needs position:relative here*/

div#pages > div a{
	text-decoration:none;
	float:left;
	text-align:center;
	white-space:nowrap;
	font-size: 1.5em;
}
#buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;}
div#main-col {overflow:hidden}/* hide horizontal scrollbar*/

body#body-animation div#main-col, 
body#body-writing div#main-col, 
body#body-infonews div#main-col {
	overflow-x: hidden;
	overflow-y:visible;
}/* hide horizontal scrollbar*/

body#body-animation a,
body#body-writing a {
	color: white;
}
body#body-animation div#main-col li,
body#body-writing div#main-col li {
	float: none;
		
}