@import url('reset.css');
html, body {height:100%}
body {
	font-family: "Helvetica";
	font-size:62.5%;
	background:#fff;
}

#page {
    min-height: 100%;
	height: auto !important;
	height: 100%;
	width:980px;
	margin:auto;
	clear:both;
	color:#000;
}
.floater{float:left;height:50%;margin-bottom:-375px;padding:25px 0 25px 0}
.wrap {width:980px;height:750px;position:relative;clear:both}
.clearfix{clear:both}

#content
{
	height:750px;
	width:666px;
	float:left;
}

#nav {float:left;width:312px;height:750px;}
#nav h1 {font-size:75px;}
#nav h2 {font-size:30px;}

#navmenu {position:relative;margin-top:65px;}
#navmenu li
{
	font-size:1.8em;
	margin-bottom:20px;
	padding-bottom:10px;
}
#navmenu a{text-decoration:none;color:#000;padding-bottom:6px;}
#navmenu a:hover{border-bottom:1px solid #ccc}

#copyright{font-size:12px;color:#5b6b7e;position:absolute;top:735px;color:#000 !important}

.portfolio
{
	margin:0 0 0 40px;
}

.contentbox
{
    height:427px;
    border-top:6px solid #1f262e;
}

a.helv {font-size:23px}

.contentbox h1.helv {margin:20px 0 20px 20px;border-left:1px solid #000;padding:0 0 0 20px;font-size:3em}
.contentbox h2 {margin:20px;font-size:25px;text-align:Center}
.contentbox p { text-align:center;font-size:18px}
.contentbox a { color:#000}
.contentbox .eyelash p {text-align:left;padding:5px 10px 5px 40px;}

.contentwrapper
{
    margin-left:37px;
    width:590px;
}

table {font-size:14px;padding:5px 10px 5px 40px;width:100%}
th{background:#ccc;padding:5px}
td{padding:5px;border-bottom:1px solid #fff;vertical-align:middle}
td.c1{width:200px;}
td.c2{width:60px;}
td.c3{width:60px}
tr{background:#eee}

img { margin-bottom:-3px;}

.biography-box
{
    height:200px;
    width:500px;
    background:url(../i/biography_p1.jpg) no-repeat;
    margin-left:20px;
    padding:10px;
    text-indent:20px;
}

#left-slider
{
    float:left;
}

#left-slider a
{
    display:block;
    height:750px;
    width:40px;
    background:url(../i/nav_left.png) no-repeat 15px 320px;
}

#left-slider a:hover
{
    background:url(../i/nav_left.png) no-repeat 15px 320px #222a33;
}

#workcontent
{
    float:left;
}

#right-slider
{
    float:left;
}

#right-slider a
{
    display:block;
    height:750px;
    width:36px;
    background:url(../i/nav_right.png) no-repeat 15px 320px;
}

#right-slider a:hover
{
    background:url(../i/nav_right.png) no-repeat 15px 320px #222a33;
}