@import url(reset.css);

#container{
width: 720px;
height: 720px;
margin: 20px auto;
}
#header{
width: 710px;
height: 80px;
background: url(images/logo.jpg) no-repeat left top;
}
.pagephoto{
		width: 300px;
		overflow: hidden;
		float: left;
		display: inline;
	}
	.content{
		width: 360px;
		float: left;
		display: inline;
		overflow: hidden;
		padding: 20px 10px 10px 30px;
		min-height: 446px;
		background: #f0f0f0;
	}
.nav{
list-style: none;
padding: 30px 0 0 0;
width: 710px;
}
.nav li{
float: right;
display: inline;
margin: 0;
padding: 0;
}
.nav li a:link, .nav li a:visited{
text-decoration: none;
color: #666666;
font: normal 11px arial, sans-serif;
display: block;
float: left;
padding: 0px 15px;
}
.nav li a:hover{
color: #000000;
}
.folionav{
width: 500px;
min-height: 100px;
background: grey;
}
.subnav{
list-style: none;
position: relative;
top: 5px;
left: 220px;
width: 450px;
}
.subnav li{
float: left;
display: inline;
padding: 0;
}
.subnav li a:link, .subnav li a:visited{
text-decoration: none;
color: #CCC;
text-transform: uppercase;
font: normal 10px arial, sans-serif;
float: left;
display: block;
height: 14px;
background: #FFF url(images/logoli.gif) no-repeat 0px -15px;
padding: 3px 15px;
}
.subnav li a:hover{
color: #FF0000;
background-position: 0px 2px;
height: 13px;
}
#mssHolder{
margin: 0 0 0 0px;
width: 710px;
}
#bio{
width: 708px;
height: 489px;
margin: 40px 0 0 0px;
background: url(images/artbg.jpg) no-repeat;
}
.content p{
		font-size: 11px;
		line-height: 17px;
		color: #333;
		margin: 10px 0;
		padding: 0 20px 0 0;
	}
ul.twocol{
	list-style: none;
	width: 180px;
	float: left;
	display: inline;
	font-size: 11px;
}