* {
padding: 0;
margin: 0;

}

a {
outline: none;
}


html { 
height: 100%; 
margin-bottom: 1px; 

}


body { 
text-align: center;
background: #20201f;
margin-top: 30px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;

}


#wrapper {
width: 860px;
margin: 0px auto;

}


#branding {
width: 860px;
padding-bottom: 20px;



}


#nav {
width: 150px;
float: left;
padding-top: 50px;

}


#nav ul {

text-align: left;
list-style: none;
letter-spacing: 1px;



}


#nav ul li {

padding-bottom: 12px;
margin-left: 12px;
}


#nav li a {
color: #fff;
text-decoration: none;
padding: 4px;
display: block;
margin-left: 8px;
}

#nav li a#current {

background: #333;


}


#nav li a:hover {

color: #fff;
background-color: #4f4f4f;


}


ul#portfolio {

height: 296px;
overflow: hidden;

}


li#portfolio {

text-decoration: none;

}





#content {
width: 700px;

float: right;
text-align: left;
padding-bottom: 160px;

}


#content ul {

list-style: none;
}


#contentcontact {
width: 700px;

float: right;
text-align: left;
padding-bottom: 0px;

}

#pagenumbers  {

padding-top: 90px;
margin-left: 20px;

}


#pagenumbers li {
display: inline;
margin-right: 20px;

}

#pagenumbers li a {
color: #fff;
padding: 4px 8px 4px 8px;
text-decoration: none;

}

#pagenumbers li a:hover {
color: #ccc;
padding: 4px 8px 4px 8px;
background-color: #333;

}


#thumbnails {
padding-bottom: 140px;
}

#footer {
width: 860px;

clear: both;
padding-top: 0px;
font-size: .70em;
color: #ccc;

}

#footercontact {
width: 860px;
clear: both;
padding-top: 70px;
font-size: .70em;
color: #ccc;

}


#currentpage {

background-color: #519d90;
padding: 4px 8px 4px 8px;
}


#contactinfo  {
padding-top: 20px;
clear: both;




}

#contactinfo p {
padding-top: 15px;
color: #ccc;
text-align: center;



}


#contactinfo p a {
color: #ccc;
text-decoration: underline;

}


#contactinfo p a:hover {
color: #fff;
text-decoration: underline;

}

#clientaccess {
padding-top: 70px;
width: 700px;

}