HTML, BODY {

height: 100%;
margin: 0px;
background-color:#FFFFFF;
border: 0px solid red;



}



#pagecontainer{
position:absolute;
margin-left: 5px;
margin-top:5px;
background-color:#FFFFFF;
height:1000px;

}

#leftnav{


position:absolute;
left:20px;
top:20px;
width: 210px;
height:260px;
font:normal 12px Verdana;
color:#000000; 

background-color:#FFFFFF;
}

#comics{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;


color:#FFFFFF;
 text-decoration: none;

}
#sketches{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;

color:#FFFFFF;
text-decoration: none;

} 

#work{

float: left;
width: 200px;
height:25px;

border-width: 0px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;
background-color:#FFFFFF;

}

#blog{

float: left;
width: 200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;


}
#info{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;
text-decoration: none;
}
#links{
background-color:#FFFFFF;
float:left;
width:200px;
height:25px;
font:normal 15px Verdana; 
text-transform: uppercase;
color:#FFFFFF;


 text-decoration: none;
 

} 
 
#content{
position:absolute;
left: 300px;
top:80px;
background-color:#FFFFFF;
height: 640px;

}
#tops{

float: left;
width: 200px;
height:25px;
margin-top:5px;
border-width: 0px;
margin-bottom:5px;
background-color:#FFFFFF;
font:normal 10px Verdana;
text-align:center;
color:#000000;
}
#iframe{


padding-top:0px;
float:left;
height: 640px;
width:775px;
border: 1px solid #FFFFFF;
background-color:#0000FF;
}	

#thumbs{

width:210px;
height:700px;
list-style-type: none;
float: left;
border: 0px solid red;
padding-left:inherit;
margin-top:10px;
background-color:#FFFFFF;
}
	#thumbs li{
		float: left;
		}
		
	#thumbs a{
		display:block;
		width:40px;
  		height:40px;
		}

#hanging a{
background-image:url(images/hangingcrop.jpg); 
	
}	

#purple a{
background-image:url(images/purplecrop.jpg); 
margin-left:10px;
	
}

#feast a{
background-image:url(images/feastcrop.jpg); 
margin-left:10px;	
	
}




		
#livingston a{
background-image:url(images/livingstoncrop.jpg); 
margin-left:10px;	
}	

#birdboat a{
background-image:url(images/birdboatcrop.jpg); 
margin-top:10px;		
}

#revolver a{
background-image:url(images/revolvercrop.jpg); 
margin-left:10px;	
margin-top:10px;	
}

#hurdles a{
background-image:url(images/hurdlescrop.jpg); 
margin-left:10px;	
margin-top:10px;	
}
#stage a{
background-image:url(images/stagecrop.jpg); 
margin-top:10px;
margin-left:10px;	
	

}	

#roundup a{
background-image:url(images/roundupcrop.jpg); 
margin-top:10px;	

}

#japan a{
background-image:url(images/japancrop.jpg); 
margin-left:10px;	
margin-top:10px;	

}

#lasts a{
background-image:url(images/lastscrop.jpg); 
margin-left:10px;	
margin-top:10px;	

}

#cowboy a{
background-image:url(images/cowboycrop.jpg); 
margin-top:10px;	
margin-left:10px;	

}

#beardtree a{
background-image:url(images/beardtreecrop.jpg); 
margin-top:10px;	
}
 

#borderline a{
background-image:url(images/borderlinecrop.jpg); 
margin-left:10px;  
margin-top:10px;
	
}
#stoolpitching a{
background-image:url(images/stoolpitchingcrop.jpg); 
margin-left:10px; 
margin-top:10px;
}

#biker a{
background-image:url(images/bikercrop.jpg); 
margin-top:10px;

}

#mouth a{
background-image:url(images/mouthcrop.gif); 	
margin-left:10px; 
margin-top:10px;
 	
}

#advice a{
background-image:url(images/advicecrop.gif);
margin-left:10px;
margin-top:10px;

  	


}
#clarity a{
background-image:url(images/claritycrop.gif);
margin-top:10px;
margin-left:10px;	


  	
}


#hcburdens a{
background-image:url(images/hcburdenscrop.gif);
margin-top:10px;
margin-left:10px;






}
#tellall a{
background-image:url(images/tellallcrop.gif);
margin-top:10px;


}
#phoenix a{
background-image:url(images/phoenixcrop.gif);
margin-top:10px;
margin-left:10px;




}
#exit a{
background-image:url(images/exitcrop.gif);
margin-top:10px;
margin-left:10px;	


}
#wearawring a{
background-image:url(images/wearawringcrop.gif);
margin-top:10px;


}
#burnafter a{
background-image:url(images/burnaftercrop.gif);
margin-top:10px;
margin-left:10px;



}

#yogic a{
background-image:url(images/yogiccrop.gif);
margin-top:10px;
margin-left:10px; 





}
#shade a{
background-image:url(images/Shadecrop.gif);
margin-top:10px;
margin-left:10px;

}
#rope a{
background-image:url(images/ropecrop.gif);
margin-top:10px;
margin-left:10px;	



}
#demonrun a{
background-image:url(images/demonruncrop.gif);
margin-top:10px;


}
#soundwave a{
background-image:url(images/soundwavecrop.gif);
margin-top:10px;
margin-left:10px; 


}
#pipeline a{
background-image:url(images/pipelinecrop.gif);
margin-top:10px;
margin-left:10px;

}
#radio a{
background-image:url(images/radiocrop.gif);
margin-top:10px;
margin-left:10px;	






}
#super a{
background-image:url(images/supercrop.gif);
margin-top:10px;
margin-left:10px;

}
#horse a{
background-image:url(images/horsecrop.gif);
margin-top:10px;


}
#brace a{
background-image:url(images/bracecrop.gif);
margin-top:10px;
margin-left:10px; 



}
#lockerroom a{
background-image:url(images/lockerroomcrop.gif);
margin-top:10px;
margin-left:10px;	

}


#sketch1 a{
background-image:url(images/sketch1C.gif);

}

#sketch2 a{
background-image:url(images/sketch2C.gif);
margin-left:10px;

}

#sketch3 a{
background-image:url(images/sketch3C.gif);
margin-left:10px;

}

#sketch4 a{
background-image:url(images/sketch4C.gif);
margin-left:10px;
}



#sketch5 a{
background-image:url(images/sketch5C.jpg);
margin-top:10px;
}

#sketch6 a{
background-image:url(images/sketch6C.jpg);
margin-left:10px;
margin-top:10px;
}

#sketch7 a{
background-image:url(images/sketch7C.gif);
margin-left:10px;
margin-top:10px;


}

#sketch8 a{
background-image:url(images/sketch8C.gif);
margin-left:10px;
margin-top:10px;
}
#leviathan1 a{
background-image:url(images/leviathancovercrop.gif);

}

#Montmartre1 a{
background-image:url(images/Montmartre1crop.gif);
margin-left:10px;
}

#footer
{

height: 20px;
font:normal 12px Verdana;
color:#00bdaa;
margin-left:360px;
background-color:#660000;




}
IMG {
border: 1px solid #FFFFFF;


}
H1{
font:normal 10px Verdana; 
text-transform: uppercase;
color:#000000;
}
#item{

float: left;
width:50px;
height:50px;


}

a {
font:normal 12px Verdana;
color:#000000; 
   text-decoration: none;
}
a:visited{
font:normal 12px Verdana;
color:#000000;}
	
#contact{

font:normal 12px Verdana;
float: left;
width: 200px;
height:30px; 
color:#000000;
background-color:#FFFFFF;
}
#place{
width:210px;
height:450px;
list-style-type: none;
position:absolute;
top:250px;
border: 0px solid red;
padding-left:inherit;
margin-top:20px;
background-color:FFFFFF;
}

#yo{
float:left;

height: 410px;
width:240px;
margin-top:10px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;

}
#story{

float:left;
width:242px;
height:300px;
margin-top:3px;
padding-right:5px;
font:normal 12px Verdana;
color:#000000; 
}