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

body{
background-color:black;
background-image:url(portfolio.jpg);
background-repeat:no-repeat;
	
}

#intro{
	position:absolute;
	font-family:Eurostile;
	color:rgb(30,30,30);
	top:375px;
	left:115px;
	width:430px;	
	line-height:16px;
	font-size:14px;
}

#nav2{
position:absolute;
top:200px;
left:0px;	
}



#back a{
position:absolute;
top:150px;
left:800px;	

background-image:url(back.png);
background-repeat:no-repeat;
height:0;
width:50px;
overflow:hidden;
padding-top:25px;
}

#back a:hover {
background-position:0 -25px;
}

#next a{
position:absolute;
top:150px;
left:880px;	

background-image:url(next.png);
background-repeat:no-repeat;
height:0;
width:50px;
overflow:hidden;
padding-top:25px;
}

#next a:hover {
background-position:0 -25px;
}
	
	
.photo a{
position:absolute;
top:0px;
left:0px;	

background-image:url(phototab.png);
background-repeat:no-repeat;
height:0;
width:80px;
overflow:hidden;
padding-top:50px;
}

.photo a:hover {
background-position:0 -50px;
}
	
.graphic a{
position:absolute;
top:50px;
left:0px;	

background-image:url(graphictab.png);
background-repeat:no-repeat;
height:0;
width:80px;
overflow:hidden;
padding-top:50px;
}

.graphic a:hover {
background-position:0 -50px;
}

.painting a{
position:absolute;
top:100px;
left:0px;	

background-image:url(painttabb.png);
background-repeat:no-repeat;
height:0;
width:80px;
overflow:hidden;
padding-top:50px;
}

.painting a:hover {
background-position:0 -50px;
}

.video a{
position:absolute;
top:150px;
left:0px;	

background-image:url(videotab.png);
background-repeat:no-repeat;
height:0;
width:80px;
overflow:hidden;
padding-top:50px;
}

.video a:hover {
background-position:0 -50px;
}
	

.sound a{
position:absolute;
top:200px;
left:0px;	

background-image:url(soundtab.png);
background-repeat:no-repeat;
height:0;
width:80px;
overflow:hidden;
padding-top:50px;
}

.sound a:hover {
background-position:0 -50px;
}

#roll{
	position:absolute;
	top:10px;
	margin:20px;
	left:96px;
	overflow:scroll;
	width:605px;
	height:347px;	
	background-color:black;
}




#thumb1 a{
position:absolute;
top:17px;
left:788px;	

background-image:url(tiger.png);
background-repeat:no-repeat;
height:0;
width:155px;
overflow:hidden;
padding-top:89px;
}

#thumb1 a:hover {
background-position:0 -89px;
}

#thumb1_info {
font-family:Eurostile;
color:white;
font-size:12px;
width:158px;
background-color:rgb(50,50,50);
padding:5px;
position:absolute;
top:110px;
left:782px;	
}

#thumb2 a{
position:absolute;
top:186px;
left:788px;

background-image:url(lost.png);
background-repeat:no-repeat;
height:0;
width:158px;
overflow:hidden;
padding-top:89px;
}

#thumb2 a:hover {
background-position:0 -89px;
}

#thumb2_info {
font-family:Eurostile;
color:white;
font-size:12px;
width:158px;
background-color:rgb(50,50,50);
padding:5px;
position:absolute;
top:280px;
left:782px;	
}


#back_home a{
position:absolute;
top:20px;
left:17px;

background-image:url(backhome.png);
background-repeat:no-repeat;
height:0;
width:50px;
overflow:hidden;
padding-top:57px;
}

#back_home a:hover {
background-position:0 -57px;
}


.about_tab a{
position:absolute;
top:483px;
left:795px;

background-image:url(about_tab.png);
background-repeat:no-repeat;
height:0;
width:155px;
overflow:hidden;
padding-top:23px;
}

.about_tab a:hover {
background-position:0 -23px;
}

.portfolio_tab a{
position:absolute;
top:511px;
left:782px;

background-image:url(port_tab.png);
background-repeat:no-repeat;
height:0;
width:170px;
overflow:hidden;
padding-top:23px;
}

.portfolio_tab a:hover {
background-position:0 -23px;
}

.work_tab a{
position:absolute;
top:539px;
left:770px;

background-image:url(work_tab.png);
background-repeat:no-repeat;
height:0;
width:155px;
overflow:hidden;
padding-top:23px;
}

.work_tab a:hover {
background-position:0 -23px;
}

.contact_tab a{
position:absolute;
top:569px;
left:756px;

background-image:url(contact_tab.png);
background-repeat:no-repeat;
height:0;
width:155px;
overflow:hidden;
padding-top:23px;
}

.contact_tab a:hover {
background-position:0 -23px;
}