* { margin:0; padding:0; }


body {
background:#000000;
font:13px/165% HelveticaNeue, Helvetica, sans-serif;
color:#939393;
}

a {
color:#007680;
text-decoration:none;
}
a:focus {
      outline: none; 
 }
a:hover {
color:#007680;
text-decoration:underline;
}

#w {
background:url(background.png) no-repeat;
position:absolute;
top:50%;
left:50%;
width:942px;
height:430px;
margin-top:-226px;
margin-left:-482px;
padding:11px;
}

#homeh1 {
background:url(homeh1.png) no-repeat;
width:835px;
height:152px;
position:absolute;
top:50%;
right:11px;
margin-top:-76px;
font-size:0;
text-indent:-2000px;
}

#homeh1 a {
display:block;
width:100%;
height:100%;
}

#contacth1 {
background:url(contacth1.png) no-repeat;
width:306px;
height:86px;
font-size:0;
text-indent:-2000px;
}

#contacth1 a {
display:block;
width:100%;
height:100%;
}

.pageh1 {
width:187px;
height:53px;
font-size:0;
text-indent:-2000px;
background:url(h1.png) no-repeat;
position:absolute;
bottom:39px;
left:49px;
}

.pageh1 a {
display:block;
width:100%;
height:100%;
}

h2 {
color:#007680;
text-transform:uppercase;
font-size:1.2em;
margin-bottom:6px;
letter-spacing:1.25px;
}

#menu {
position:absolute;
bottom:40px;
right:54px;
list-style:none;
}

#menu li {
float:left;
color:#00737c;
margin:0 5px;
text-transform:uppercase;
line-height:100%;
}

#menu .separator {
font-weight:bold;
position:relative;
bottom:1px;
}

#menu li a {
color:#636467;
text-decoration:none;
letter-spacing:1px;
}

#menu li a:hover {
color:#424346;
}

#headshot {
width:152px;
height:154px;
position:absolute;
top:50%;
left:11px;
margin-top:-76px;
}

#aboutcontent {
width:720px;
height:152px;
position:absolute;
top:50%;
left:190px;
margin-top:-78px;
}
#aboutcontent p { letter-spacing:1px; }
#contactcontent {
width:306px;
height:122px;
position:absolute;
top:50%;
left:50%;
margin-top:-61px;
margin-left:-153px;
}

#contactcontent p {
width:100%;
text-align:center;
text-transform:uppercase;
position:absolute;
bottom:0;
left:0;
letter-spacing:0.1em;
color:#5d5e61;
font-size:12px;
}

#contactcontent .separator {
color:#009aa6;
font-weight:bold;
margin:0 10px;
}

#contactcontent a {
color:#5d5e61;
}

#contactcontent a:hover {
color:#007680;
text-decoration:none;
}

#contactimage {
width:288px;
height:430px;
position:absolute;
left:10px;
bottom:12px;
}

#workwrap {
overflow:hidden;
width:884px;
height:277px;
position:absolute;
top:50px;
left:50%;
margin-left:-442px;
}

#work {
list-style:none;
width:10000px;
height:277px;
}

#work li {
overflow:hidden;
width:277px;
height:277px;
float:left;
margin:0 9px;
}

#controls {
width:37px;
height:11px;
position:absolute;
right:50px;
bottom:100px;
}

#controls #left {
float:left;
width:9px;
height:11px;
background:url(left.png) no-repeat;
font-size:0;
text-indent:-2000px;
}

#controls #right {
float:right;
width:9px;
height:11px;
background:url(right.png) no-repeat;
font-size:0;
text-indent:-2000px;
}

#controls .hidden {
display:none;
}