html {background: url(images/BGsteelYard.jpg);}

body {margin:0;
	padding:0;}

#container {width:1000px;
	height:500px;
	margin:auto;
	margin-top:10em;
	padding:0;}

#branding {width:150px;
	height:500px;
	background:#000;
	float:left;
	padding:0;
	margin:0;}	

ul#navMain {position:relative;
	list-style-type: none;
	width: 150px;
	height: 500px;
	margin:0;
	margin-top:8em;
	padding:0;}

ul#navMain li {position:absolute;
	width:150px;
	height:20px;}

li#navDV {background-image:url(images/dvSub.jpg);}

li#navPrint {background-image:url(images/printSub.jpg);
	top:20px;}

li#navWeb {background-image:url(images/webSub.jpg);
	top:40px;}

li#navPhoto {background-image:url(images/photoSub.jpg);
	top:60px;}

li#navPaint {background-image:url(images/paintSub.jpg);
	top:80px;}

li#navResume {background-image:url(images/resumeSub.jpg);
	top:100px;}

li#navAbout {background-image:url(images/aboutSub.jpg);
	top:120px;}

li#navContact {background-image:url(images/contactSub.jpg);
	top:140px;}

li#navOthers {background-image:url(images/othersSub.jpg);
	top:160px;}

ul#navMain a {text-decoration: none;
	display:block;
	width: 150px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;}

li#navDV a:hover {background-image:url(images/dvHoverSub.jpg);}

li#navPrint a:hover {background-image:url(images/printHoverSub.jpg);}

li#navWeb a:hover {background-image:url(images/webHoverSub.jpg);}

li#navPhoto a:hover {background-image:url(images/photoHoverSub.jpg);}

li#navPaint a:hover {background-image:url(images/paintHoverSub.jpg);}

li#navResume a:hover {background-image:url(images/resumeHoverSub.jpg);}

li#navAbout a:hover {background-image:url(images/aboutHoverSub.jpg);}

li#navContact a:hover {background-image:url(images/contactHoverSub.jpg);}

li#navOthers a:hover {background-image:url(images/othersHoverSub.jpg);}

#mainContent {position:relative;
	width:835px;
	height:500px;
	background:#000;
	float:right;}
	
.mainImage {position:absolute;
	top:100px;
	left:18px;
	margin:0;
	padding:0;}
	
.description {position:absolute;
	top:365px;
	left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;}

.timecode {font-size:10px;
	text-align:right;
	color:#57aba6;}
	
#sub {width:835px;
	height:20px;
	padding-left:.4em;}

ul#subNav {width:835px;
	height:20px;
	margin:0;
	padding:0;}

ul#subNav li {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	padding:.5em;
	display:inline;}

a {text-decoration:none;
	color:#71e6df;}

a:hover {color:#000;
	background-color:#a5fffa;}

p {color:#fff;}

.horizontalScrollImages {position:absolute;
	top:75px;
	left:18px;
	width:800px;
	overflow:auto;
	white-space:nowrap;
	height:292px;
	margin:0;
	padding:0;}

img {margin:0;
	padding:0;}