body {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding-right: 14px;
padding-left: 14px;
margin-top: 0px;
color: #333333;




}
a {color: #5c832f;}
a:visited {color:#72ac31;}
a:hover {color: #5e4d21;}
a:active { color:#000000;}



h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #ffffff;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }


h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:20px;
font-weight: normal;
padding: 0px 0px;
margin:0px 20px 0px 0px;
text-align:left;}

h4 {
font-size:20px;
font-weight: normal;
padding: 0px 0px 5px 0px;
margin:0px 0px 10px 0px;
text-align:left;

}



li {margin: 3px 38px 0px 190px;}

.home li {margin: 3px 0px 0px 20px;}



/* ---------- Container -------------- */
#container {
width: 768px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border-left:1px solid #888888;
border-right:1px solid #888888;

}

/* ---------- Logo -------------- */
#banner {
background-color: #ffffff;
text-align: right;
padding:  10px 0px 20px 0px;
margin:   0px;

}



/* ---------- Menu -------------- */
#menu {
border-top:1px solid #888888;
border-bottom:1px solid #888888;
padding: 0px;
margin: 0px;
}
#menu img {padding: 0px;}


/* ----------------- Content --------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
#content img {float: right;}


div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* -------------- Left Navi ------------- */
#leftnav {
float: left;
width: 170px;
margin: 0px;
padding: 10px 0px 0px 10px;
min-height:800px;
height:expression(this.scrollHeight > 800 ? "auto":"800px");
}

/* ----------- Highlight - Index Page --------------------------- */
#highlight {
border-top:1px dotted #888888;
border-bottom:1px dotted #888888;
margin: 0px;
padding: 0px;
text-align: left; }

/* ----------- Footer --------------------------- */
#footer {
border-top:1px solid #888888;
border-bottom:1px solid #888888;
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }



/* ----------- Portfolio Content Slider --------------------------- */
.contentslide{

padding: 0px;
width: 670px;
height: 400px;
float:right;
margin:20px;
}

.contentslide img {border:1px solid #888888;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: white;
border: 10px solid white;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 20px 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
float:middle;

}

.pagination a{
padding: 5px 10px;
text-decoration: none;
border: 1px solid #888888; 
background-color: 333333;
float:left;
margin-bottom:10px;

}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #cccccc;
}