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

}

/* =masthead stuff ------------------------------------ */
#masthead {

height: 154px;
}

/* =topcontain ---- */

#topcontain {
height: 81px;}

#logo {
margin-top: 31px;
float:left;
height: 59px;
width: 292px;background-image: url(../images/logo.jpg);background-repeat: no-repeat;}

#clientnavbar {

padding-right: 50px;
}

#clientnav li  {

padding-top: 30px;
float: right;
display: inline;
list-style-type: none;
padding-right: 20px;
}


/* ------------ */

/* =bottomcontain ----- */

#bottomcontain {
height: 80px;}

#mainmenubar {
clear: left;
font-weight: bold;
width: 100%;
*padding-top: 10px; /* IE 6 & 7 fix for the menu (it was up to high */

}

#mainmenubar ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

#mainmenubar ul li{
display: inline;
}

#mainmenubar ul li a{
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
border-bottom: 3px solid #212629; /*bottom border is 3px*/
}



/* ------------------- */
/* ------------------------------------------------------ */

/* =container stuff ------------------------------------- */

#container {

padding-top: 55px;
text-align: center;}

#container > h1 {
padding-bottom: 20px;
}

#primaryContent {
text-align: left;width: 775px;
margin: 0 auto;
}

#secondaryContent {
padding-bottom: 50px;
text-align: left;

margin: 0 auto;

background-color: #292621;}

#secondaryContent img {
float:left;
margin-left: 50px;
padding-right: 10px;
padding-top: 10px;
}
.mainheadline {
padding-top: 1.5em;text-align: center;padding-bottom: 1em;}

.mainarticle {

padding-left: 3.5em;
padding-right: 3em;padding-top: 1em;
}

#secondaryContent > h2 {
clear:left;
padding-top: 3em;
*padding-top:2em;

border-bottom: 1px #d9e5cd ridge;
margin-left: 3.1em;
margin-right:3.5em;
}
#picmod {
*padding-top:0px;
}

#contact h1 {
text-align: center;
padding: 15px;
}

#contact p {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
}

#portpage #footer {
padding-top: 70px;
}

.portbox {
background-color: #292621;
padding-top: 20px;
width: 750px;
height: 350px;
margin: 0 auto;
text-align:left;
}

.outerport {
width: 740px;
height: 400px;
padding-bottom:80px;

}
.portbox h1 {
margin-left:555px;

margin-bottom:20px;
padding-top:20px;


}

.portbox h2 {
clear:left;
float:left;
padding-left: 30px;
width: 130px;
}

.portbox strong {
text-decoration: underline;}

.portbox h3 {
margin-left: 160px;
font-size: 125%;
width: 300px;
}
.portbox p {
padding-right:15px;
padding-left:5px;
padding-top:20px;
width: 180px;
float:right;

}

.portbox a img {
color:#d9e5cd;

float:left;margin-top: 10px;margin-left: 30px;border: 1px #d9e5cd solid;}

/* ------------------------------------------------------- */

/* =footer stuff ----------------------------------------- */

#footer {
height: 25px;

width: 100%;
padding-top: 30px;

}

#footer h1 {
text-align: center;
*font-size:200%;
}