body {
position:relative;
width:800px;
margin: auto;
	padding: 0%;
	overflow:hidden;

background-color:#f5f5f5;
	font-family:"OCR A Extended", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#fff;
	
	}
	
	#outercontainer {width:800px;
	text-align:center;}
	
	#container {
	height: 100%;
	width: 800px;
	text-align:left;
}
.navigation {
	font-family: "OCR A Extended", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	height: 24px;
	margin-bottom: 67px;
	clear: right;
	float: right;
	width: 760px;
}

#lefthold {
	width:433px;
	float:left;

}

.image1 {margin-left: 278px; _margin-left: 140px; margin-top:14px; float:left; }
.image2 {margin-left: 78px; _margin-left: 40px;margin-top:14px; float:left;}
.image3 {margin-left: 48px; margin-top:14px; float:left;}

#righthold {	width:310px;
margin-top:14px; 
	float:right;
}

.maintext {font-size:0.62em; color:#000; }


#sculptext {
margin-left:80px;
line-height:170%;
_margin-left:40px;
line-height:100%;
margin-top:20px;
width:160px;
float:left;
}

.imagepad {float:left; margin-left:28px; margin-top:20px;}
.imagepad2 {float:left; margin-left:80px;
_margin-left:40px; margin-top:20px; margin-right:16px;}

#homenav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-home.jpg);
}



#contactnav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-contact.jpg);
}


#drawingnav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-drawing.jpg);
}


#biographynav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-biography.jpg);
}


#sculpturenav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-sculpture.jpg);
}

#minonav {
	clear: left;
	float: left;
	height: 90px;
	width: 800px;
	background-image: url(images/nav-mino.jpg);
}


#home {
	
	float: left;
	width: 120px;
	
}
#sculpture {

	float: left;
	width: 164px;

}
#drawing {
	
	float: left;
	width: 140px;
	
}
#biography {

	float: left;
	width: 170px;
	
}
#contact {
	clear: right;
	float: right;
	margin-right:20px;
	width: 80px;
	
}
.navbox {
	padding: 5px; text-decoration:none;
}
#mainareahome{
	background-image: url(images/home-pic.jpg);
	float: left;
	height: 491px;
	width: 800px;
}

#mainareadrawing{
	background-image: url(images/drawing-pic.jpg);
	float: left;
		height: 491px;
	width: 800px;
}


#mainareaminotaur{
	background-image: url(images/minotaur-pic.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainareabeat{
	background-image: url(images/beat-pic.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainareaharpy{
	background-image: url(images/harpy-pic.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainarearusti{
	background-image: url(images/rusti-pic.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainareavirgil{
	background-image: url(images/pic-virgilius.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainareasch{
	background-image: url(images/pic-sch.jpg);
	float: left;
		height: 491px;
	width: 800px;
}

#mainareacent{
	background-image: url(images/pic-cent.jpg);
	float: left;
		height: 492px;
	width: 800px;
	overflow:hidden;
}

#bloglink {
position: absolute;
font-size:11px;
top:382px;
_top:386px;
left:77px;
}

a.bloglink:visited {color:#FFFFFF;text-decoration:none;}
a.bloglink:link{color:#FFFFFF; text-decoration:none;}
a.bloglink:hover {
	color:#000;
	text-decoration:none;

}

#mainareabiog{
	background-image: url(images/bio-pic.gif);
	float: left;
		height: 491px;
	width: 800px;
}
#contactdetails {
	background-color: #000000;
	margin-top: 20px;
	margin-left: 80px;
	float: left;
	height: 440px;
	width: 210px;
}

#drawingdetails {
	background-color: #000000;
	margin-top: 45px;
	_margin-top:41px;
	margin-left: 106px;
	_margin-left:50px;
	float: left;
	
	height: 380px;
	width: 280px;
}

#dante {
	position:absolute;
	visibility:hidden;
	left: 440px;
	top: 135px;
	z-index: 8;	
}

#beast{
	position:absolute;
	visibility:hidden;
	left: 440px;
	top: 135px;
}


#flattery {
	position:absolute;
	visibility:hidden;
	left: 440px;
	
	top: 135px;
}


#ugolino {
	position:absolute;

	left: 440px;
	
	top: 135px;
}

#charon {
	position:absolute;
	visibility:hidden;
	left: 440px;
	top: 135px;
}


#decorate {
	background-image: url(images/decorate.jpg);
	float: none;
	height: 206px;
	width: 196px;
	text-align: center;
	margin-left: 8px;
}
#whitetext {
	line-height: 130%;
	padding: 8px;
	height: 220px;
	font-size:14px;
}



#mainareacontact{
	background-image: url(images/contact-pic.jpg);
	float: left;
	height: 491px;
	width: 800px;
}




a.nav:visited {color:#FFFFFF;text-decoration:none;}
a.nav:link{color:#FFFFFF; text-decoration:none;}
a.nav:hover {
	color:#C5C1C2;
	text-decoration:none;

}


.navsmall {font-size:12px;}
a.navsmall:visited { color:#FFFFFF;text-decoration:none;}
a.navsmall:link{size:10px; color:#FFFFFF; text-decoration:none;}
a.navsmall:hover {
	size:10px; color:#C5C1C2;
	text-decoration:none;

}