@charset "UTF-8";
/* CSS Document */

body {
color: #666666;
background-image: url(../img/website_bkg.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 155%;
}

h1 {
font-size:medium;
margin: 10px 0;
color: #FF9900;
background: inherit;
}

h2 {
color: #FF9900;
background: inherit;
font-size: small;
font-weight: normal;
}

span {
color: #666666;
background: inherit;
}

h2 a{
color: #66CC00;
background: inherit;
text-decoration: none;
}

#wrap {
margin: auto;
margin-top: 20px;
padding: 15px;
width: 900px;
height: 650px;
color: #333333;
background-color: #FFFFFF;
}

#nav {
color: #FFFFFF;
background-color: #444;
width: 100%;
padding: 1px;
float: right;
text-align: center;
}


#nav a:visited {
color: #FFFFFF;
background-color: #444;
text-decoration: none;
padding: 3px 20px;
min-width: 50px;
float: right;
}

#nav a:hover {
color: #FFFFFF;
background-color: #FF9900;
text-decoration: none;
padding: 3px 20px;
min-width: 50px;
float: right
}

#nav a:link {
color: #FFFFFF;
background-color: #444;
text-decoration: none;
padding: 3px 20px;
min-width: 50px;
float: right;
}

#content {
width: 600px;
margin: 0;
padding: 20px 30px;
float: right;
text-align: center;
}

#port_menu {
margin: 45px 0;
float: left;
}

#port_menu a{
display: block;
padding: 7px;
margin: 5px;
width: 200px;
color: #999999;
background-color: #FFFFFF;
text-decoration: none;
border: thin solid #999999;
text-align: center;
vertical-align: middle;
}

#port_menu a:hover{
color: #FFFFFF;
background-color: #999999;
text-decoration: none;
border: thin solid #CCCCCC;
}

#port_menu a#current{
color: #FF9900;
background-color: #FFFFFF;
border: thin solid #FF9900;
}

#bio {
width: 580px;
padding: 80px 25px;
}

#clients {
width: 180px;
margin: 80px 25px 80px 10px;
padding: 20px;
color: #FF9900;
background: inherit;
border: thin solid #FF9900;
}

#clients * li {
list-style: none;
}

#contact {
margin: 180px 80px 80px 80px;
padding: 35px 135px;
border: thin solid #FF9900;
}


#legal {
text-align: center;
font-size: 70%;
}