html, body {
height: 100%;
}

body{font-family: Georgia;font-size: 14px;line-height: 1.3;color: #FFF;background: #072a02;}

a{color:#0b9444;text-decoration:none}
a:hover{text-decoration:underline}

#topWrapper{height: 85px;background: url(comp/top-bg.png) repeat-x;position: fixed;top:0px;width: 100%;z-index: 3000}
#top{width: 1175px;margin: 0 auto}

.separator{border-bottom: solid 1px #505050}

#top .client{font-size: 17px;font-style: italic;padding-top: 7px}
#top .client span{color: #cacaca}

#top .work{font-size: 17px;font-style: italic;padding-top: 5px}
#top .work span{color: #cacaca}

#top .viewing{font-size: 11px;font-style: italic;padding-top: 5px}
#top .viewing span{color: #cacaca}

#top .viewing #currentItem{color: #FFF}

#homeLeft .featured{font-size: 17px;font-style: italic;padding-top: 7px;width:580px;font-weight: normal}
#homeLeft .featured span{color: #cacaca}
#homeLeft .featuredDesc{font-size: 11px;font-style: italic;padding: 5px 0 5px 0;width: 580px;font-weight: normal}
#homeLeft .featuredDesc span{color: #cacaca}

#contentProjectsWrapper{}
#contentProjects{width: 1175px;margin: 0 auto;padding-top: 95px;}
#fpContentProjects{width: 580px;}

.fpPageTitle{display: none;visibility: hidden}
.fpContent{display: none;visibility: hidden}
.fpLinkTo{display: none;visibility: hidden}

/*#menuWrapper{height: 89px;position: absolute;bottom: 0;background: url(comp/bottom-curve.png) top center;width: 100%;z-index: 3001}*/


/* #bottomSetsWrapper{height: 114px;position: absolute;bottom: 0;background: url(comp/bottom-sets-bg.png);width: 100%;z-index: 3000} */
#bottomSetsWrapper{height: 114px;position: fixed;bottom: 0;background: url(comp/bottom-sets-bg.png);width: 100%;z-index: 3000}

#bottomSets{width: 1175px;margin: 0 auto;text-align:middle}
#bottomSetsX{display: inline}/*get width of the box*/
/*
.previousSet{float: left;margin-right: 7px;font-size: 11px;font-style: italic;padding-top:20px;cursor: pointer}
div:hover.previousSet{color: #CACACA}
.nextSet{float: left;font-size: 11px;font-style: italic;padding-top:20px;cursor: pointer}
div:hover.nextSet{color: #CACACA}
*/
.thumbSet{float: left}
.thumbSet img{border: solid 3px #afafaf;margin: 9px 7px 0 0;width:55px;height:55px}
.thumbSet img.active{border: solid 3px #28563f;}

img.over{border: solid 3px #28563f;}

#projectsTrigger{position: fixed;z-index: 10000;height: 70px}
#projectsTrigger .thumbSet a{/*background-color: red;*/width: 61px;height: 60px;display: block;margin: 9px 7px 0 0}

/*menu*/

#menuWrapper{height: 89px;position: fixed;bottom: 0;background: url(comp/bottom-curve.png) top center;width: 100%;z-index: 3001}
#menu{width: 630px;margin: 0px auto;padding-top: 50px}

#menu li{display: inline}

li a#home{width: 69px;height: 25px;background: url(comp/sprite.png) -37px 0px;display: block;float: left;margin-right: 80px}
li a:hover#home{background: url(comp/sprite.png) -37px -25px}
li.active a#home{background: url(comp/sprite.png) -37px -25px}

li a#about{width: 81px;height: 25px;background: url(comp/sprite.png) -37px -50px;display: block;float: left;margin-right: 80px}
li a:hover#about{background: url(comp/sprite.png) -37px -75px}
li.active a#about{background: url(comp/sprite.png) -37px -75px}

li a#projects{width: 122px;height: 25px;background: url(comp/sprite.png) -37px -100px;display: block;float: left;margin-right: 80px}
li a:hover#projects{background: url(comp/sprite.png) -37px -125px}
li.active a#projects{background: url(comp/sprite.png) -37px -125px}

li a#contact{width: 109px;height: 25px;background: url(comp/sprite.png) -37px -150px;display: block;float: left}
li a:hover#contact{background: url(comp/sprite.png) -37px -175px}
li.active a#contact{background: url(comp/sprite.png) -37px -175px}

/*piece nav*/
div.previousPiece, div.fpPreviousPiece{width: 33px;height: 31px;background: url(comp/sprite.png) 0px -64px;display: block;float: left;cursor: pointer;}
/*div.previousPiece{width: 33px;height: 31px;background: url(comp/sprite.png) 0px -64px;display: fixed;cursor: pointer;top:0}*/
div:hover.previousPiece, div:hover.fpPreviousPiece{background: url(comp/sprite.png) 0px -96px;}

div.nextPiece, div.fpNextPiece{width: 33px;height: 31px;background: url(comp/sprite.png) 0px 0px;display: block;float: right;cursor: pointer}
div:hover.nextPiece, div:hover.fpNextPiece{background: url(comp/sprite.png) 0px -32px;}

.imagePiece{float: left;width: 750px;text-align: center}
.textPiece{float: left;width: 305px}
.imagePieceNoText{width: 1055px;text-align: center;overflow: hidden}

.fpImagePiece{width:514px;text-align:center}

/*carousel*/
#carousel{width: 1105px;float: left;}
#carousel ul {}
#carousel ul li{width: 1065px !important;padding: 0 20px;overflow: visible !important}

#homeCarousel{width: 510px;float: left}
#homeCarousel ul {}
#homeCarousel ul li{width: 510px !important;height: 100% !important;}

#homeFpNav{height:35px;clear:both;margin:5px 0}

#homeLeft .linkTo{padding:5px 10px 0px 0px;float:left;text-align:right;width:100px;}
#homeLeft .linkTo a{color:#FFF;text-decoration:none;font-style: italic}
#homeLeft .linkTo a:hover{color:#cacaca}

#extCtrlCarousel{height: 35px;float:left;width:470px}
.fpExtNavThumb{width:34px;float:left;margin-right:2px;cursor:pointer}


.fpExtNavThumb  img{border:solid 2px #cacaca}
.fpExtNavThumb  img.selected{border:solid 2px #28563f}

.pieceWorkType{display: none;visibility: hidden}


/*HOME PAGE*/
body.home, body.about{background: #072a02;}

body.home {background: url(comp/long-bg.png) #FFF repeat-y center top}


#homeW{width: 1175px;margin: 0 auto;height: 100%}
#homeLeft{width: 585px;float: left;}
#homeRightW{width: 590px;float: left;/*background: url(comp/bg-home-right.png) #FFF repeat-y*/;height: 100%;}
#homeRight{padding: 0 25px;color: #979797;font-size:12px}
#homeRight h1{color: #0d2f08;padding-bottom: 7px;font-size: 20px}
#homeRight h2{color: #0d2f08;padding-bottom: 7px;font-size: 18px}
#homeRight h3{color: #0d2f08;padding-bottom: 7px;font-size: 16px}
#homeRight h4{color: #0d2f08;padding-bottom: 7px;font-size: 14px}
#homeRight h5{color: #0d2f08;padding-bottom: 7px;font-size: 12px}
#homeRight p, .content p{padding-bottom:10px}
#homeRight strong, content strong{color:#764c29}
#homeRight a{color:#0b9444;text-decoration:none}
#homeRight a:hover{text-decoration:underline}

#homeRightContent{padding-left: 150px;}


.service h3.title{font-weight: normal;color: #cacaca;font-style: italic;padding: 5px 0 5px 10px;background: url(comp/arrow-right-serv.png) no-repeat 0px 10px}
.service h3.title:hover{color:#4DA97D}
.service div.content{font-style: italic}
.service h3.opened{background: url(comp/arrow-down-serv.png) no-repeat 0px 12px}



.service div.content a{color:#4da97d;text-decoration: none}
.service div.content a:hover{text-decoration: underline}

#aboutW{width:625px;margin: 0 auto;}
#aboutW .left{width:305px;float: left;font-size:12px;}
#aboutW .right{width:305px;float: left;padding-left: 15px;font-size:12px;}
#aboutW .left h1{font-size:12px;font-style: italic; font-weight: bold;padding: 7px 0 3px 0;}

.bigText {font-size: 24px; font-style: italic; color: #0b9444;font-weight:normal;padding: 0px 0 7px 0}
#aboutW .right h1{font-size:12px;font-style: italic; font-weight: bold;padding: 7px 0 3px 0}
#aboutW .left h2{font-size: 18px; font-style: italic; color: #0b9444;padding: 7px 0 3px 0;font-weight:normal;padding: 0px 0 7px 0}
#aboutW .right h2{font-size: 11px; font-style: italic; color: rgb(11, 148, 68);padding: 7px 0 3px 0;}
#aboutW .left h3{font-size: 14px; color: rgb(11, 148, 68);padding: 0px 0 7px 0}

#contactW{width:625px;margin: 0 auto;}
#contactW .left{width:305px;float: left;font-size:12px;}
#contactW .right{width:305px;float: left;padding-left: 15px}
#contactW .left h1{font-size:12px;font-style: italic; font-weight: bold;padding: 7px 0 3px 0;}
#contactW .right h1{font-size:12px;font-style: italic; font-weight: bold;padding: 7px 0 3px 0;}
#contactW .left h2{font-size: 11px; font-style: italic; color: rgb(11, 148, 68);padding: 7px 0 3px 0}
#contactW .right h2{font-size: 11px; font-style: italic; color: rgb(11, 148, 68);padding: 7px 0 3px 0;}
#contactW .left h3{font-size: 11px; color: rgb(11, 148, 68);}

div.errors{color: #ec1624;padding-bottom: 10px}
input.name{width: 290px;margin-bottom: 5px}
input.email{width: 290px;margin-bottom: 5px}
textarea.comments{width: 290px;margin-bottom: 5px;height: 100px}

h3.title{cursor:pointer;}