body {background: #314A22; text-align: center; padding: 0px; font-family: verdana, Tahoma, Trebuchet MS; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: black; }
a, a:visited { color: rgb(245,165,0); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h1 a, h1 a:visited, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, h2 a, h2 a:visited, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, h3 a, h3 a:visited, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, h4 a, h4 a:visited, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, h5 a, h5 a:visited, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}

h1, h2, h3 { font-family: georgia, serif; }

p {margin: 0px 0px 10px 0px; padding: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left; padding-left: 0px; }
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo { border: none;}
.arrow {width: 18px; height: 17px; }
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer; background:#FB8D00; color:#fff; }
.txtfield, .txtarea { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}

/* standard content css */

.content li {margin-bottom: 4px;}
.content a, .content a:visited {font-weight: bold; color: #FFF; text-decoration: none; background-color: #FB8D00; padding: 1px 2px; }
.content a:hover {background-color: #50682E; text-decoration: none;}

/* layout css */
.page {text-align: left; background: white; padding-bottom: 10px; }
.pageCon {width: 960px; margin: 0px auto; background-color: white;}

.header { height: 84px;}
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 620px; display: inline;}
.header .lcol .logo {margin: 0px 0px 0px 0px;}
.header .rcol {float: left; width: 340px; text-align: right;}
.header .rcol p {margin: 23px 0px 0px 0px;}
.header .rcol a, .header .rcol a:visited {font-size: 2.3em; color: rgb(79,103,77); font-family: georgia, serif; }

.topmenu {background: #304922 url(/images/header-bar.gif) no-repeat 50% 0%;  height: 59px; font-weight: bold; }

.topmenu .pageCon {background: transparent;}
.topmenu .menu .item a, .topmenu .menu .item a:visited {text-decoration: none; color: #fff; font-weight: normal; font-size: 1.1em; display: block;   padding: 5px 8px;}
.topmenu .menu a:hover {text-decoration: none; background-color: #FB8D00;}
.topmenu .menu .item {float: left; margin-right: 10px; margin-top: 15px; }
.topmenu .menu .item img {display: none;}
.topmenu .menu .item p { margin: 0px; text-align: center; }
.topmenu .menu .sel {background-color: #FB8D00; }
.topmenu .menu .nosel {  background-color: #516A30; }
.topmenu .menu .sel a, .topmenu .menu .sel a:visited {color: white;}
.topmenu .clear { }

.sidemenu .top {text-align: right; font-weight: bold; }
.sidemenu .top h2 {padding: 4px 14px 4px 20px; margin: 0px; font-size: 100%;}
.sidemenu .top a {text-decoration: none; font-size: 100%;}
.sidemenu .menu {float: left; width: 322px; height: 342px; background: url(/images/menu/Menu.jpg) no-repeat top right;}
.sidemenu .menu a, .sidemenu .menu a:visited {font-weight: normal; text-decoration: none; color: white; font-family: georgia, serif; font-size: 1.3em; }
.sidemenu .menu .nosel a:hover {text-decoration: underline;}
.sidemenu .menu .item {height: 48px; border-bottom: 1px solid white;}
.sidemenu .menu .sel {}
.sidemenu .menu p {padding: 0px 20px 0px 18px; margin: 0px; float: left; display: inline; line-height: 48px; height: 48px; }
.sidemenu .menu .item img {float: left; width: 31px; height: 48px; }
.sidemenu .menu .nosel img {background-color: rgb(232,230,218);}
.sidemenu .menu .sel img {background-color: #FB8D00;}


.sidemenu .menu .item1 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px 0px;}
.sidemenu .menu .item2 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -49px; padding-right: 16px; }
.sidemenu .menu .item3 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -98px ;}
.sidemenu .menu .item4 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -147px;}
.sidemenu .menu .item5 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -196px;}
.sidemenu .menu .item6 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -245px;}
.sidemenu .menu .item7 p{background: url(/images/menu/Menu-in.jpg) no-repeat 1px -294px;}

.sidemenu .menu .sel p{background: #FB8D00 none no-repeat; border-left: 1px solid #fff; text-indent: -1px; }


.topspace {height:30px;  }
.topspace h1 { margin-top: 15px;}
.topspace h3 {margin-top: 19px; font-size: 21px; text-decoration: none; color: rgb(79,103,77); font-weight: normal; background-color: #fff; }
.topspace .lcol {float: left; width: 568px; margin: 0px;}
.topspace .rcol {float: right; width: 420px; margin: 0px; text-align: right; margin-top: -30px; }

/* default page styles */
.pageBody table { border-collapse: collapse;}
.pageBody td {padding: 0px; margin: 0px;}
.pageBody h1 {  margin: 15px 0px 0px; }
.pageBody h1 a, .pageBody h1 a:visited, .pageBody h2 {color: rgb(79,103,77); text-decoration: none; font-size: 24px; font-weight: normal;}

.pageBody .lcol {float: left; width: 638px; margin: 0px; display: inline;}
.pageBody .rcol {float: left; width: 322px; margin: 0px; }

.pageBody .rcol .rBox {margin: 3px 0px 22px 31px; width: 291px; background-color: rgb(232,230,218); border-top: 7px solid #FB8D00;}
.pageBody .rcol .rBox .sub {padding: 12px 16px;}

.pageBody .rcol .noBg {margin: 0px 0px 22px 31px !important; width: 291px; background-color: #fff !important; border-top: none !important;}
.pageBody .rcol .noBg .sub {padding: 0px !important;}

.pageBody .pageImg img {width: 638px; height: 342px; margin-bottom: 15px;}

.pagearea {height: 260px; padding: 10px 0px 10px 0px; }
html>body .pagearea {height: auto; min-height: 260px;}

.pageBody {}

.content { font-size: 1.1em; line-height: 1.5em; }
.content .nocolor { background-color: transparent !important; }

.pictureLink, .featureLink { height: 42px; display: block; background: #fff url(/images/featured-project-btn.gif) no-repeat 0px 0px; text-indent: -90000px; background-color: #fff !important; width: 268px;  margin-bottom: 10px; }
.pictureLink { background-image: url(/images/picture-gallery-btn.gif); width: 250px; }
.pictureLink:hover, .featureLink:hover { background-position: 0px -45px;  }

.footer {text-align: center; padding: 0px 0px; height: 40px; }
.footer .pageCon {background: transparent;}
.footer a, .footer a:visited {color: #fff; text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border: none; }
.footer .menu p {margin: 0px; color: #fff;  	display: block; float: left; height: 40px; margin: 0px 10px 0px 0px; line-height: 40px; padding: 0px 10px; }
.footer .menu .tab { margin: 0px 4px; padding: 0px;}
.footer img {position: relative; top: 3px; left: -6px;}
.footer .highlight p, .footer a.highlight { background-color: #516A30;}


/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}

/* default page layout 2-col */
.default .rimage {float: right; }

.default .brochureRequest {padding:20px; }
.rBox h3 { color: rgb(79,103,77); text-decoration: none; font-size: 18px; font-weight: normal; margin-top: 0px; }

.default .brochureRequest .form_l {float:left; display:inline; width:60px; position:relative;  }
.default .brochureRequest .form_r {float:left; display:inline; width:190px; position:relative; }
.default .brochureRequest .form_r a {position:relative; top:6px; }
.default .brochureRequest .row {margin-bottom:8px; }
.default .brochureRequest .submitrow {text-align:right; margin:0px 3px 0px 0px; }
.default .brochureRequest .txtfield {width:180px; }
.default .brochureRequest .formErr {margin-left:60px; }
.default .brochureRequest .submitrow a {font-size:90%; position:relative; top:4px; }

#slideshow {position:relative; height:342px; width:638px;  }
#slideshow .hideImage {position:absolute; top:0px; left:0px; visibility:hidden; }
#slideshow .hideImage img { height:342px; width:638px;}
#slideshow .image1 {visibility:visible; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}

/* contact form */
#contactF { width: 310px; }
.contact .row {margin-bottom: 10px;}
.contact .label {float: left; width: 100px; text-align: right; margin-right: 10px;}
.contact .label span, .contact .req {color: red; position: relative; top: -1px; left: -1px;}
.contact .txtfield {width: 190px;}
.contact .txtarea {width: 190px;}
.contact .formErr { padding-left: 100px; }

#contactF .btn { float: right; clear: both; margin: 10px 3px; }


/* messages */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}

/* customers */
.customers {list-style-type: none; list-style-position: inside;}
.customers li {float: left; white-space: nowrap; margin-left: 8px; padding-left: 11px; background: transparent url(/images/blob.gif) no-repeat scroll left 3px; }

/* popup style css */
.pop {position: absolute; top: 0px; left: 0px; text-align: left; border: 2px solid black; border:none; background: #000; display: none; margin: 10% 0px 0px 20%; height: 600px; width: 960px; }
.pop .popClose {position: absolute; top: 10px; right: 30px; text-align: right; width: 200px; }

.pop .popClose a, .pop .popClose:visited {color: white; }
.pop .popmenu {height: 26px; text-align: center; float: left; position: relative; top: 0px; left: 50%;}
.pop .popmenu p {padding-top: 3px; position: relative; left: -50%; top: 0px;}
.pop, .pop a, .pop a:visited {color: white; text-decoration: none; font-weight: bold;}
.pop .sel, .pop .sel:visited {color: rgb(255, 180, 0);}
.pop .popimage { position: absolute; left: 38px; top: 38px; width: 884px; overflow: hidden; height: 524px; text-align: left; }
.pop .dud {color: rgb(130,124,124); padding:3px;}
.pop .popimage img { }
.pop .blackout { height: 524px; position: absolute; background-color: #000; opacity: 0.5; filter:alpha(opacity=50); width: 330px; top: 0px; left: 0px; z-index: 10; }
.pop .text { color: #fff; height: 524px; width: 290px; text-align: left; font-weight: normal; letter-spacing: 1px; z-index: 20; line-height: 2em; }
.pop .text .inner { position: absolute; left: 0px; top: 0px; z-index: 50; padding: 30px 40px 10px 30px; }
.pop .text .title {margin-bottom: 15px; font-size: 115%; font-weight: bold; letter-spacing: normal;}
.pop .navigation {padding: 0px; font-weight: normal; letter-spacing: 1px; position: absolute; top: 10px; left: 38px; z-index: 40; }
.pop .numlink { display: none; }

.pop .navigation a, .pop .navigation a:visited {padding: 3px; font-weight: normal; outline: none;}
.toggleLink { cursor: pointer; }


#gallery { overflow: hidden; z-index: 2000; }
.lightbox_fade { background-color: #fff; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.ourClients a.blank, .ourClients a.blank:hover { background-color: #fff !important; }