body{
font-family:  arial, "lucida console", sans-serif;
}

a{
color:#77ae21;
text-decoration:none;
}

img  {
border:0;
}

h1{
font-family: Arial,Sans-Serif;
font-size: 48px;
text-align: center;
margin-bottom:10px;
}

.bodycontainer{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 700px;
text-align: justify;
font-size:13px;

}

.portfoliobody{
clear:both;
display:block;
position:relative;
padding:0 5px 0 0;
border: 1px solid #ddd;
}

.portfolioimage{
float:left;
margin-right:5px;
width:300px;
margin-bottom:0px;
}

.portfoliotext{
float:left;
width:380px;
margin-top:3px;
margin-bottom:7px;
}

.clearer{
clear:both;	
}

.bottomborder{
border-bottom: 1px solid #ddd;
}

#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 70%;
border-bottom: 1px solid #ddd;
}

#navlist
{
width: 500px;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .2em solid #fff;
}

#navlist li a:hover, #navlist a#current
{
color: #ffb72d;
border-top: none;
font-size: 1.5em;
}

#navlist a#current { color: #77ae21; }