html { overflow: auto }
body {
	background-color: #333333;
	margin: 0;
	padding: 0;
}
#center { 
	position: absolute; 
	top: 50%; 
	width: 100%; 
	height: 1px; 
	overflow: visible 
}
#logo
{
	position:absolute;
	left:40px;
	top:40px;
	width:117px;
	height:39px;
	z-index:2;
}
#navcontainer ul
{
	list-style-type: none;
	left:42px;
	top:90px;
	padding: 0;
	margin: 0;
	color: #666666;
	width: 120px;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;
	position: absolute;
	line-height: 20px;
	display: list-item;
}
#navcontainer ul li a
{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	text-align: right;
}
#navcontainer ul li a:hover
{
	color: #F06;
	font-size: 12px;
}
#navcontainer ul li a:active
{
	color: #F06;
	font-size: 12px;
}
.redhighlight {
	color: #F06;
	text-decoration: none;
	font-size: 12px;
	text-align: right;
}
#homemain {
	position:absolute;
	left:70px;
	top:40px;
	width:706px;
	height:573px;
	z-index:2;
}
#imagemain {
	position:absolute;
	left:200px;
	top:62px;
	width:100%;
	height:573px;
	z-index:2;
	background-color: #333333;
}
#imagesmall {
	position:absolute;
	left:200px;
	top:62px;
	width:300px;
	height:296px;
	z-index:2;
}
#portfolioimage1 {
	position:absolute;
	left:200px;
	top:62px;
	width:353px;
	height:573px;
	z-index:2;
}
#portfolioimage2 {
	position:absolute;
	left:553px;
	top:62px;
	width:353px;
	height:573px;
	z-index:2;
}
#portfolioimage3 {
	position:absolute;
	left:640px;
	top:62px;
	width:236px;
	height:573px;
	z-index:2;
}
#projectimage1 {
	position:absolute;
	left:200px;
	top:62px;
	width:141px;
	height:573px;
	z-index:2;
}
#projectimage2 {
	position:absolute;
	left:341px;
	top:62px;
	width:141px;
	height:573px;
	z-index:2;
}
#projectimage3 {
	position:absolute;
	left:482px;
	top:62px;
	width:141px;
	height:573px;
	z-index:2;
}
#projectimage4 {
	position:absolute;
	left:623px;
	top:62px;
	width:141px;
	height:573px;
	z-index:2;
}
#projectimage5 {
	position:absolute;
	left:764px;
	top:62px;
	width:141px;
	height:573px;
	z-index:2;
}
#tearimage1 {
	position:absolute;
	left:200px;
	top:62px;
	width:353px;
	height:573px;
	z-index:2;
}
#tearimage2 {
	position:absolute;
	left:553px;
	top:62px;
	width:353px;
	height:573px;
	z-index:2;
}
#portfoliosubmenu ul {
	left:150px;
	top:41px;
	padding-left: 0;
	margin-left: 0;
	color: #C0C0C0;
	float: left;
	width: 500px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	top: 45px;
	right: 200px;
	position: absolute;
}
#portfoliosubmenu ul li { display: inline; 
}
#portfoliosubmenu ul li a
{
	padding: 0.2em 1em;
	color: #666666;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font-size: 12px;
}
#biotext
{
	left:525px;
	top:41px;
	padding: 0;
	margin: 0;
	color: #bbbaba;
	width: 480px;
	font-family:  Arial, Helvetica, Verdana, "Lucida Grande",sans-serif;
	font-size: 13px;
	text-align: left;
	float: left;
	list-style-type: none;
	position: absolute;
	line-height: 22px;
}
#copyright
{
	left:705px;
	top:635px;
	padding: 0;
	margin: 0;
	color: #555252;
	width: 200px;
	font-family: Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
	font-size: 10px;
	text-align: right;
	float: left;
	list-style-type: none;
	position: absolute;
	line-height: 24px;
}
#navcontainer #navlist li a {
	color: #FFF;
}
#navcontainer #navlist li a {
	color: #8F8F8F;
}