@charset "iso-8859-1";
a:link {text-decoration: none; color: #444444;}
a:hover {text-decoration: none; background-color:#E7E7E7;}
a.nav:hover {text-decoration: none;color:#000000;background-color:#E7E7E7; padding: 1px 3px 1px;}
a:active {text-decoration: none;color:#444444;}
a:visited {text-decoration: none;color:#444444;}


html, body {
    height: 100%;
}

body {
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	color:#666666;
	font-size: 11px;
	text-transform:uppercase;
	font-style: normal;
	}
	
#box {
	width: 600px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	}

.bar {
	margin:0px 110px 0px;
	height:20px;
	background-color:#000000;
	width:380px;
}

#topnav {
	margin: 25px 110px 0px;
	border-bottom:#E5E5E5 solid 1px;
	width:380px;
	height:20px;
}

#bottomnav {
	margin: 35px 110px 0px;
	width:380px;
	height: 50px;
}

.nav-polaroids {
	width: 75px;
	float: left;
	padding: 1px 6px 1px;
}

.nav-home{
	width: 55px;
	float: left;
	padding: 1px 6px 1px;
}


.nav-videos {
	width: 55px;
	float: left;
	padding: 1px 6px 1px;	
}

.nav-zebrakatz {
	width: 80px;
	float: left;
	padding: 1px 6px 1px;	
}

.nav-blog {
	width: 40px;
	float: left;
	padding: 1px 6px 1px;
}

.nav-contact {
	width: 65px;
	float: left;
	padding: 1px 6px 1px;
}


.name {
	display:block;
	height:40px;
	width:380px;
	margin:40px 110px 10px;
	background-image:url(imgs/ojay.png);
}

#future {
	display:block;
	height:58px;
	width:380px;
	margin:0px 110px 0px;
	background-image:url(imgs/future.png);
}

.hr {
	border-bottom:#E5E5E5 solid 1px;
	width:380px;
	margin: 40px 110px 0px;
}

#bio {
	margin:40px 110px 0px;
	font-size:14px;
	line-height: 28px;
	color:#999999;
	width: 380px;
	height: 300px;
	text-transform:none;
	text-align:left;
	border-bottom:#E5E5E5 solid 1px;
}

#showcase {
	margin-bottom:20px;
	margin-top:20px;
}

img {border: none;}