*{
padding: 0px;
margin: 0px;
}


 
body,td,th {
 
font-family:"Trebuchet MS";
 
font-size:15px;
 
color:#464646;
 
}
 
 
 
body {
 
background-color:#121212;
 
margin:30px 0 0;
 
}
 
 
 
a:link {
 
color:#464646;
 
text-decoration:none;
 
}
 
 
 
a:hover {
 
text-decoration:none;
 
color:#fff;
 
}
 
 
 

 
 
 
 
 
 
#container {
 
	height:500px;
 
	background-color:#fff;
 
	float:left;
 
	margin-right:0;
 
	margin-bottom:0;
 
	margin-left:0;
 
	padding:10px 0 10px 270px;
 
	position: absolute;
 
	z-index: 0;
 
}
 
 
 
#container img {
 
margin-right:5px;
 
}
 
 
 
#container ul li {
 
float:left;
 
height:500px;
 
margin-right:5px;
 
}
 
 
 
#arrows {
 
position:fixed;
 
top:720px;
 
left:20px;
 
width:90px;
 
height:30px;
 
cursor:pointer;
 
}
 
 
 
#arrows ul {
 
list-style:none;
 
margin:0;
 
padding:0;
 
}
 
 
 
#arrows ul li {
 
display:inline;
 
width:40px;
 
height:30px;
 
margin:0;
 
padding:0;
 
}
 
 
 
#arrows ul li a {
 
margin-right:5px;
 
float:left;
 
display:block;
 
width:40px;
 
height:30px;
 
overflow:hidden;
 
cursor:pointer;
 
font-size:50em;
 
text-indent:-9000px;
 
}
 
 
 
#arrows ul #left a {
 
background:transparent url(../assets/arr-left.gif) no-repeat;
 
}
 
 
 
#arrows ul #right a {
 
background:transparent url(../assets/arr-right.gif) no-repeat;
 
}
 
 
 
#back {
 
height:36px;
 
width:36px;
 
display:block;
 
outline:0;
 
z-index:1;
 
margin-top:230px;
 
position:absolute;
 
background:url('img/back.png') no-repeat;
 
font-size:10px;
 
}
 
 
 
#back:hover {
 
background-position:0 -36px;
 
 
}
 
 
 
#back00 {
 
width:40px;

height:500px;
 
}
 
 
 
#footer {
 
height:40px;
 
width:1200px;
 
padding-left:20px;
 
margin-top:540px;
 
font-size:10px;
 
position:absolute;
 
margin-left:0;
 
left:0;
 
text-transform:uppercase;
 
}
 
 
 
#qTip {
 
position:absolute;
 
display:none;
 
font-size:13px;
 
color:#fff;
 
z-index:1000;
 
background:url('../assets/qTip.png') repeat;
 
padding:10px 15px;
 
}
 
 
 
a:visited,a:active {
 
text-decoration:none;
 
color:#333;
 
}
 
 
 
#menu ul,#container ul {
 
list-style-type:none;
 
display:inline;
 
padding:0;
 
}






































/*
	sets container width
*/
body#index #container{
width:9268px;
}
body#portraiture #container{
width:12566px;
}
body#landscapes #container{
width:14888px;
}
body#journalism #container{
width:22566px;
}
body#studioart #container{
width:6066px;
}
body#squint #container{
width:7266px;
}
body#bw #container{
width:9166px;
}
body#about #container{
width:1966px;
}
body#gelholder #container{
width:3000px;
}



#nav{
width: 250px;
float: left;
height: 500px;
position: absolute;
z-index: 99;
padding-left: 10px;
padding-top: 10px;
}


ul#menu {
	list-style: none;
	padding-top: 30px;
	float: left;
	}
	ul#menu li {
	display: inline;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 24px;
		overflow: hidden;
		padding-bottom: 3px;
		}
		
		/*
	normal state
*/
		ul#menu li a.latest {
			background: url(img/buttonsprite.png) no-repeat;
			width: 90px;
			}
		ul#menu li a.portraiture {
			background: url(img/buttonsprite.png) no-repeat -91px 0px;
			width: 183px;
		}
		ul#menu li a.landscapes {
			background: url(img/buttonsprite.png) no-repeat -277px 0px;
			width: 187px;
			}
		ul#menu li a.journalism {
			background: url(img/buttonsprite.png) no-repeat -464px 0px;
			width: 185px;
			}
		ul#menu li a.studioart {
			background: url(img/buttonsprite.png) no-repeat -649px 0px;
			width: 185px;
			}
/*
		Hover State
*/
			ul#menu li a.latest:hover, ul#menu li a.latest:active{
				background-position: 0px -30px;
			}
			ul#menu li a.portraiture:hover, ul#menu li a.portraiture:active{
				background-position: -91px -30px;
			}
			ul#menu li a.landscapes:hover, ul#menu li a.landscapes:active{
				background-position: -277px -30px;
			}
			ul#menu li a.journalism:hover, ul#menu li a.journalism:active{
				background-position: -464px -30px;
			}
			ul#menu li a.studioart:hover, ul#menu li a.studioart:active{
			background-position: -649px -30px;
			}
			
			
/*
	current state
*/
			body#index ul#menu li a.latest{
				background-position: 0px -60px;
			}
			body#portraiture ul#menu li a.portraiture{
				background-position: -91px -60px;
			}
			body#landscapes ul#menu li a.landscapes{
				background-position: -277px -60px;
			}
			body#journalism ul#menu li a.journalism{
			background-position: -464px -60px;
			}
			body#studioart ul#menu li a.studioart{
			background-position: -649px -60px;
			}
			
			
			
			
ul#about {
	list-style: none;
	float: left;
	padding-top: 145px;
	
	}
	ul#about li {
		display: inline;
	}
	ul#about li a  {
		text-indent: -9999px;
		display: block;
		height: 24px;
		overflow: hidden;
		}
		ul#about li a.about {
			background: url(img/buttonsprite2.png) no-repeat;
			width: 180px;
			}

			ul#about li a.about:hover, ul#about li a.about:active{
				background-position: 0px -30px;
			}

			
			body#about ul#about li a.about{
				background-position: 0px -60px;
			}
			


ul#projects {
	list-style: none;
	padding-top: 30px;
	float: left;
	}
	ul#projects li {
		display: inline;
	}
	ul#projects li a  {
		text-indent: -9999px;
		display: block;
		height: 24px;
		padding-bottom: 3px;
		overflow: hidden;
		}
		ul#projects li a.squint {
			background: url(img/buttonsprite2.png) no-repeat -201px 0px;
			width: 104px;
			}
		ul#projects li a.bw {
			background: url(img/buttonsprite2.png) no-repeat -322px 0px;
			width: 61px;
			}

			ul#projects li a.squint:hover, ul#projects li a.squint:active{
				background-position: -201px -30px;
			}
			ul#projects li a.bw:hover, ul#projects li a.bw:active{
				background-position: -322px -30px;
			}

			body#squint ul#projects li a.squint{
				background-position: -201px -60px;
			}
			body#bw ul#projects li a.bw{
				background-position: -322px -60px;
			}




 









a:link {
 
color:#464646;
 
text-decoration:none;
 
}
 
 
 
a:hover {
 
text-decoration:none;
 
color:#fff;
 
}





a.logo  {
		text-indent: -9999px;
		display: block;
		overflow: hidden;
		height: 82px;
		background: url(img/logo.png) no-repeat;
		}