body {
background: #666;
color: #fff;
}

h1 {
font: bold 1em Trebuchet MS;
margin: 0px 0 0 0;
color: #CDCDCD;
text-transform: lowercase;
}

a {

display: block;
color: #9A9A9A;
text-decoration: none;

}

a:hover {
color: #fff;
padding-right: 5px;
border-right: solid 1px #9A9A9A;
}

#main {
width: 687px;
margin-top: 100px;
padding: 0;
}

.logo {
float: left; 
margin: 0px 6px 0px 333px;
}

#nav_container img {
margin: 0px 2px 0 0;
border: none;
}

.cont_container {
width: 106px;
float: left;
margin: -3px 5px 0 0;

}

#phy {

width: 106px;
height: 106px;
background: url(images/phy.gif);
cursor: pointer;
margin-bottom: -1px;
}

#phy:hover {

width: 106px;
height: 106px;
background: url(images/phy_on.gif);

}

#port {
width: 106px;
height: 106px;
background: url(images/port.gif);
cursor: pointer;
margin-bottom: -1px;
}

#port:hover {
width: 106px;
height: 106px;
background: url(images/port_on.gif);
}
#photo {
width: 106px;
height: 106px;
background: url(images/photo.gif);
cursor: pointer;
margin-bottom: -1px;
}

#photo:hover {
width: 106px;
height: 106px;
background: url(images/photo_on.gif);
}

#bio_res {
width: 106px;
height: 106px;
background: url(images/resume.gif);
cursor: pointer;
margin-bottom: -1px;
}

#bio_res:hover {
width: 106px;
height: 106px;
background: url(images/resume_on.gif);
}


#rates {
width: 106px;
height: 106px;
background: url(images/rates.gif);
cursor: pointer;
margin-bottom: -1px;
}

#rates:hover {
width: 106px;
height: 106px;
background: url(images/rates_on.gif);
}

#contact {
width: 106px;
height: 106px;
background: url(images/contact.gif);
cursor: pointer;
margin-bottom: -1px;
}

#contact:hover {
width: 106px;
height: 106px;
background: url(images/contact_on.gif);
}

form {
padding: 0;
margin: 0;
}

#contact_form {
display: none;
margin-bottom: 10px;
}

input, textarea {
border: solid 1px #CACACA;
font: normal 8pt arial;
background: #9A9A9A;
padding: 0px;
width: 104px;
}

.submit {

margin-top: 8px;
border: none;
width: 50px;
}

#go {
width: 30px;
color: #CACACA;
font: bold 11px verdana;
background: transparent;
padding: 1px;
margin-top: 5px;
}

.contact_content, .res_content {

font: normal 11px arial;
color: #9A9A9A;
line-height: 10px;
}

.port_content, .rates_content, .photo_content, .phy_content, .res2_content {

display: none;
text-align: right;
font: normal 11px arial;
color: #9A9A9A;
line-height: 10px;
}

.res_content {
text-align: right;
}

.contact_content, .rates_content {
text-align: left;
}