body 	{
		font-family: "Tahoma", Geneva, sans-serif;
		text-align: center;
		}

a:link {color: #067cff; font-weight: bold; text-decoration: none;}
a:visited {color: #067cff; font-weight: bold; text-decoration: none;}
a:hover {color: #067cff; font-weight: bold; text-decoration: none;}
a:active {color: #067cff; font-weight: bold; text-decoration: none;}

#container {text-align: center; margin-left: auto; margin-right: auto; width: 950px; padding-right: 0px; }

#header {height: 104px; width: 895px;}
#header #logo {height: 104px; width: 374px; float: left;}
#header #desc {height: 50px; width: 521px; float: left;}
#header #email {height: 54px; width: 521px; float: left;}

#right {float:left; margin-left: 133px;}

#backgroundimage {height: 458px; width: 692px; float: left;}
#storyboardimage {float: left;}
#infoimage {float: left;}
#video {float: left; margin-top: -15px; margin-left: 40px;}


img {border-style: none}

#thumbnails {float:left; width: 60px; margin-top: 15px; margin-left: -20px;}
#thumbnails li 
	{
		list-style: none; 
		width:60px; 
		float:left;
		padding: 3px;
		border-width: 0px;
		}
		
#nav { text-align:left; margin-top:40px; margin-bottom:0px; margin-left:-10px; margin-right:50px; height:300px;  width: 110px; padding:0px; position: absolute; background-color: white;}


#nav #navlinks ul { margin:0px; padding:0px; float: left;}
#nav #navlinks li.mainmenu {list-style: none; padding-bottom: 45px; margin: 0px; float: left;}


#nav #navlinks li a {margin:0px; float:left; width: 130px; height: 0; padding: 21px 0px 0px 0px; overflow: hidden; background-image: url(images/portfoliomenu.gif)}

#nav #navlinks li#main a.selectedmain { background-position: -390px -19px }
#nav #navlinks li#portfolio a.selectedportfolio { background-position: -390px -87px }
#nav #navlinks li#advertising a.selectedadvertising { background-position: -390px -116px }
#nav #navlinks li#storyboard a.selectedstoryboard { background-position: -390px -143px }
#nav #navlinks li#publishing a.selectedpublishing { background-position: -390px -168px }
#nav #navlinks li#reportage a.selectedreportage { background-position: -390px -194px }
#nav #navlinks li#editorial a.selectededitorial { background-position: -390px -293px }
#nav #navlinks li#resume a.selectedresume { background-position: -390px -224px }
#nav #navlinks li#about a.selectedabout { background-position: -390px -257px }
#nav #navlinks li#blog a.selectedblog { background-position: -390px -329px }

#nav #navlinks li#main a { background-position: 0px -19px }
#nav #navlinks li#portfolio a { background-position: 0px -87px }
#nav #navlinks li#advertising a { background-position: 0px -116px }
#nav #navlinks li#storyboard a { background-position: 0px -143px }
#nav #navlinks li#publishing a { background-position: 0px -168px }
#nav #navlinks li#reportage a { background-position: 0px -194px }
#nav #navlinks li#editorial a { background-position: 0px -293px }
#nav #navlinks li#resume a { background-position: 0px -224px }
#nav #navlinks li#about a { background-position: 0px -257px }
#nav #navlinks li#blog a { background-position: 0px -329px }


#nav #navlinks li#main a:hover { background-position: -131px -19px }
#nav #navlinks li#portfolio a:hover { background-position: -131px -87px }
#nav #navlinks li#advertising a:hover { background-position: -131px -116px }
#nav #navlinks li#storyboard a:hover { background-position: -131px -143px }
#nav #navlinks li#publishing a:hover { background-position: -131px -168px }
#nav #navlinks li#reportage a:hover { background-position: -131px -194px }
#nav #navlinks li#editorial a:hover { background-position: -131px -293px }
#nav #navlinks li#resume a:hover { background-position: -131px -224px }
#nav #navlinks li#about a:hover { background-position: -131px -257px }
#nav #navlinks li#blog a:hover { background-position: -131px -329px }

#nav #navlinks li#main a:active { background-position: -261px -19px }
#nav #navlinks li#portfolio a:active { background-position: -261px -87px }
#nav #navlinks li#advertising a:active { background-position: -261px -116px }
#nav #navlinks li#storyboard a:active { background-position: -261px -143px }
#nav #navlinks li#publishing a:active { background-position: -261px -168px }
#nav #navlinks li#reportage a:active { background-position: -261px -194px }
#nav #navlinks li#editorial a:active { background-position: -261px -293px }
#nav #navlinks li#resume a:active { background-position: -261px -224px }
#nav #navlinks li#about a:active { background-position: -261px -257px }
#nav #navlinks li#blog a:active { background-position: -261px -329px }

#navlinks li ul.hideit li {display: none;}
#navlinks li ul.hidit li a {display: none;}
#navlinks li ul.showit li.submenu {
height: 25px;
display: block;
}

#navlinks li ul.showit li a{
height: 0px;
width: 131px;
display:block;
}

body #nav li ul.showit li a:hover{
height: 19px;
width: 131px;
display: block;
}

#navlinks {position: relative; left:0px; top: 15px;}
#portfoliosub {position: absolute; left: 130px; top: 66px; background-color: white; width: 131px; display: none;}
#portfoliosub li{padding-top: 5px; padding-bottom: 5px;}
#portfoliosub li a {padding-top: 20px;}