html {
	background-color: black;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
}
body {
	font-family: Verdana, Helvetica, sans-serif;
	background-image: url(/img/background.jpg);	
	background-repeat: no-repeat;
}
div#header p {
	background-image: url(/img/scabbage.png);
	height: 713px; 
	postition: relative;
	background-repeat: no-repeat;
}


div#left-col ul#navigation li a {
	background-image: url(/img/nav_matrix.png);
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background-repeat: no-repeat;
	width: 193px;
	height: 52px;
}
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: 109px;
	margin: 0;
	background-image: url(/img/headers.gif);	
}
body#body-aerosol div#main-col h1 {background-position: 0 -110px;}
body#body-sketch div#main-col h1 {background-position: 0 -220px;}
body#body-illustration div#main-col h1 {background-position: 0 -330px;}
body#body-animation div#main-col h1 {background-position: 0 -440px;}
body#body-canvas div#main-col h1 {background-position: 0 -550px;}
body#body-photo div#main-col h1 {background-position: 0 -660px;}
body#body-3d div#main-col h1 {background-position: 0 -770px;}
body#body-comic div#main-col h1 {background-position: 0 -880px;}
body#body-other div#main-col h1 {background-position: 0 -990px;}
body#body-commercial div#main-col h1 {background-position: 0 -1100px;}
body#body-contact div#main-col h1 {background-position: 0 -1210px;}

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: -193px 0;
}

/* Navigation - aerolsol */
div#left-col ul#navigation li#nav-aerosol a {
	background-position: 0 -52px;
}
div#left-col ul#navigation li#nav-aerosol a:hover {
	background-position: -193px -52px;
}
/* Navigation - sketch */
div#left-col ul#navigation li#nav-sketch a {
	background-position: 0 -104px;
}
div#left-col ul#navigation li#nav-sketch a:hover {
	background-position: -193px -104px;
}
/* Navigation - illustration */
div#left-col ul#navigation li#nav-illustration a {
	background-position: 0 -156px;
}
div#left-col ul#navigation li#nav-illustration a:hover {
	background-position: -193px -156px;
}

/* Navigation - animation */
div#left-col ul#navigation li#nav-animation a {
	background-position: 0 -208px;
}
div#left-col ul#navigation li#nav-animation a:hover {
	background-position: -193px -208px;
}

/* Navigation - canvas */
div#left-col ul#navigation li#nav-canvas a {
	background-position: 0 -260px;
}
div#left-col ul#navigation li#nav-canvas a:hover {
	background-position: -193px -260px;
}

/* Navigation - photo */
div#left-col ul#navigation li#nav-photo a {
	background-position: 0 -312px;
}
div#left-col ul#navigation li#nav-photo a:hover {
	background-position: -193px -312px;
}

/* Navigation - 3d */
div#left-col ul#navigation li#nav-3d a {
	background-position: 0 -364px;
}
div#left-col ul#navigation li#nav-3d a:hover {
	background-position: -193px -364px;
}

/* Navigation - comic */
div#left-col ul#navigation li#nav-comic a {
	background-position: 0 -416px;
}
div#left-col ul#navigation li#nav-comic a:hover {
	background-position: -193px -416px;
}

/* Navigation - other */
div#left-col ul#navigation li#nav-other a {
	background-position: 0 -468px;
}
div#left-col ul#navigation li#nav-other a:hover {
	background-position: -193px -468px;
}

/* Navigation - commercial */
div#left-col ul#navigation li#nav-commercial a {
	background-position: 0 -520px;
}
div#left-col ul#navigation li#nav-commercial a:hover {
	background-position: -193px -520px;
}

/* Navigation - contact */
div#left-col ul#navigation li#nav-contact a {
	background-position: 0 -572px;
}
div#left-col ul#navigation li#nav-contact a:hover {
	background-position: -193px -572px;
}

/* 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: 150px; margin-bottom: 10px;}
#gallery ul img {
	border: 5px solid #131001;
	border-width: 5px 5px 40px;
	margin: 2px 12px;
}
#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: 15px;
	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: 600px;
	height: 600px;
	margin: 0px auto;
	background-image: none;
}

body#body-welcome div#header a {
	background-image: url(/img/intro_matrix.jpg);
	margin: 0;
}
body#body-welcome div#header a:hover {
	background-position: 0 -600px;
}
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;	
}
.redborder {
	border: 3px solid red;
}


div#pagecontrolcont_portfolio {
	clear: both;
	position: absolute;
	top: 750px;
	margin-left: 20px;
}
div#pagecontrolcont_portfolio li a {
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #ddd0a6;
}