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

/* general containers */

html {
height: 102%;
}

#wrapper {
width: 980px;
margin: 0 auto;
}

#top {
height: 135px;
width: 980px;
background-image: url(../images/clouds_static.jpg);
border-bottom: 1px solid #7ec044;
margin-top: -5px;
}

#index_top {
height: 135px;
width: 980px;
background-image: url(../images/clouds.jpg);
border-bottom: 1px solid #7ec044;
margin-top: -5px;
}

#content {
width: 980px;
}

#left {
width: 234px;
float: left;
}

#right {
width: 716px;
margin-top: 30px;
float: right;
}

#right_col1 {
width: 443px;
float: left;
}

#right_col1b {
width: 475px;
float: left;
margin: 30px 0 0 30px;
}

#right_col2 {
width: 183px;
min-height: 357px;
float: right;
padding-left: 30px;
border-left: 1px solid #7ec044;
}

#right_col2b {
width: 167px;
float: right;
}

#col1 {
width: 314px;
float: left;
}

#col2 {
width: 313px;
float: right;
}

#portright_col1 {
width: 157px;
float: left;
}

#portright_col2 {
width: 453px;
float: right;
margin-right: 30px;
}

#portbox {
width: 453px;
color: white;
overflow: auto;
background-color: #7cb737;
}

#portbox_col1 {
float: left;
width: 180px;
padding: 3px 10px;
}

#portbox_col2 {
float: right;
width: 230px;
padding: 5px 0px 0px 10px;
}

#contact_left {
width: 460px;
float: left;
}

#contact_right {
width: 209px;
float: right;
}

#office1 {
width: 209px;
float: left;
}

#office2 {
width: 209px;
float: right;
}

#office3 {
width: 209px;
}

#contact_footer {
clear: both;
margin-top: 200px;
}

/* TYPOGRAPHY */

body {
font-family: verdana, sans-serif;
font-size: small;
color: #522f13;
margin-left: 0;
margin-top: 0px;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
}

p {
line-height: 1.75em;
}

p.small {
margin-top: -10px;
font-size: 85%;
line-height: 1.5em;
}

p.contact {
font-size: 85%;
line-height: 1.5em;
}

#right_col1b p {
width: 450px;
}

.bold {
font-weight: bold;
}


h1, h2 {
color: #395a29;
}

h1 {
font-size: 175%;
}


h2 {
font-size: 140%;
font-weight: normal;
font-style: italic;
margin-top: 25px;
}

h3 {
color: #522f13;
font-size: 100%;
}

h4 {
color: #522f13;
font-size: 85%;
}


.first {
margin-top: 0px;
}

ul.contentlist li {
list-style-image: url(../images/bullet.gif);
margin-left: -25px;
line-height: 1.75em;
}

ul.portlist li {
list-style-image: url(../images/bullet.gif);
font-size: 80%;
line-height: 1.4em;
margin-bottom: 1em;
margin-left: -25px;
}

.testimonial {
font-family: "Times New Roman", serif;
font-style: italic;
font-size: 125%;
line-height: 1.85em;
margin-top: -10px;
}


.byline {
font-size: 85%;
margin-top: -10px;
}

.quote {
font-size: 125%;
font-style: normal;
color: #7ec044;
}

.position {
font-weight: bold;
margin-top: -10px;
}

.port_underline {
font-size: 85%;
padding-bottom: 7px;
padding-right: 5px;
border-bottom: 1px solid white;
}

p.last {
margin-bottom: 0px;
border: 0;
}

/* Main Navigation */


.arrowlistmenu{
width: 205px; /*width of accordion menu*/
margin: 0 0 0 30px;
}


.menuheader_noexpand1 {
width: 205px;
height: 45px;
background: url(../images/menu1_bg.png) repeat-x center left;
margin-bottom: -24px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
}

.menuheader_noexpand2 {
width: 205px;
height: 45px;
background: url(../images/menu1_bg.png) repeat-x center left;
margin-top: 7px;
cursor: hand;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
width: 205px;
height: 45px;
background: url(../images/menu1_bg.png) repeat-x center left;
margin-top: 7px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
cursor: hand;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/menu1_bg.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: -5px 0 0 0;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
font-size: 100%;
}

.arrowlistmenu ul {
width: 205px;
background-color: white;
margin-top: 0px;
padding-top: 5px;
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
width: 205px;
height: 25px;
color: #522f13;
}

.arrowlistmenu ul li.test {
padding-bottom: 2px; /*bottom spacing between menu items*/
width: 205px;
height: 25px;
color: #522f13;
margin-top:-5px;
}

.arrowlistmenu ul li a{
color: #345928;
display: block;
width: 195px;
height: 22px;
padding-left: 10px;
padding-top: 3px;
text-decoration: none;
border-bottom: 1px solid #7ec044;
cursor: hand;
}

.arrowlistmenu ul li a.nav1{
color: #345928;
display: block;
width: 195px;
height: 25px;
padding-left: 10px;
padding-top: 3px;
text-decoration: none;
border-top: 1px solid red;
border-bottom: 1px solid #7ec044;
cursor: hand;
}

.arrowlistmenu ul li a.last {
border-bottom: 0px; 
margin-bottom: 0px;
cursor: hand;
}

.arrowlistmenu ul li a:visited{
color: #345928;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #395a29;
cursor: hand;
}

#menu1 {
margin-top: 30px;
margin-bottom: 7px;
}

img {
border: 0;
}

#test {
float:right;
width: 20px;
height: 20px;
background-color: white;
}

/* Portfolio Navigation */

.portlist li a{
color: #522f13;
text-decoration: none;
}

.portlist li a:visited{
color: #522f13;
}

.portlist li a:hover{ 
color: #522f13;
}

/* Contact Navigation */

.map a{
color: #522f13;
text-decoration: none;
}

#office1 a, #office2 a, #office3 a, #right_col1b a {
color: #522f13;
text-decoration: none;
}

/* Exteam Navigation */

#col1 a, #col2 a {
color: #522f13;
text-decoration: none;
}