@charset "utf-8";
/* CSS Document */
 
/*TAGS*/
body {background:url(../images/lacebg.png) repeat-x #FAFAF7;margin:0;margin-top:30px;text-align:center;}
img {border:0;}
a:link, a:visited, a:active {color:#FDB434;font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover {color:#FFFE92;} 
a.mainnav {} a.mainnav:link, a.mainnav:visited {COLOR:#FDB434;font-size:10pt;FONT-FAMILY:Arial;FONT-WEIGHT:bold; text-decoration:none}
a.mainnav:hover {COLOR: #FFFE92;font-size: 10pt;FONT-FAMILY:Arial;FONT-WEIGHT:bold}
a.services {} a.services:link, a.services:visited {COLOR:#FDB434;font-size:10pt;FONT-FAMILY:Arial;FONT-WEIGHT:bold; text-decoration:none; text-align:left}
a.services:hover {COLOR: #FFFE92;font-size: 10pt;FONT-FAMILY:Arial;FONT-WEIGHT:bold}
.style3 {color:#261303;font-size:12px;font-family:tahoma;font-weight:bold;}
p {text-align:justify;color:#FFFFFF;padding:0 15px;}
.float-left {float:left;}
.margin-medium {margin:10px 10px 10px 3px;}
.display-none {display:none;}
.clear {clear:both;}

/*CONTAINER*/
#container {margin:auto;width:800px;height:600px; border: 4px solid #FFD6AA;}

/*TOPHEADER*/
#header {background:url(../images/headerbg4.png) top left;width:800px;height:93px;margin:0;}
#header #logo {position:absolute;left:0;top:0;display:block;width:290px;height:93px;text-decoration:none;text-indent:-2000px;}
#headerleft {position:relative;float:left;width:290px;height:93px;}

/*NAV BAR*/
#navbarbg {background:url(../images/mainnavbg.png) repeat scroll 0 0;color:#F4FAC5;display:inline;line-height:37px;font-family:Arial;font-size:10pt;font-weight:bold;width:800px;height:38px;margin:auto;}
#navbar {background:url(../images/mainnavbg.png) top left;width:800px;height:38px;margin:auto;}
#navbar ul {margin:0;padding:0;width:800px;height:38px;}
#navbar ul li {display:inline;float:left;height:38px;margin:0;padding:0;text-align:center;border:0 !important;}
#navbar ul li a {display:block;line-height:38px;}
.left-nav {float:left;width:150px;}

/*GALLERY*/

#leftgallerynav {background:url(../images/gallerybg.png) repeat scroll 0 0;float:left;width:230px;height:470px;}
#leftgallerynav ul {margin:0;padding:0;list-style-type:none;}
#leftgallerynav li {position:relative;}
#leftgallerynav li a {display:block;width:230px;height:78px;}
#leftgallerynav li .category {position:absolute;top:20px;left:117px;z-index:99;width:113px;color:#FDB434;font-family:arial;text-shadow:1px 1px 1px #666;cursor:pointer;}
#leftgallerynav li .category:hover {color:#BEFE92;}
.galleryImage {position:absolute;}
#gallery {width:471px;height:340px !important;background-color:#000000;}
ul.slideshowNav {margin:0;padding:0;position:absolute;top:316px;}
ul.slideshowNav li {margin:0 5px;padding:0;list-style:none;float:left;color:#FFFFFF;font-weight:bold;font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-style:italic;cursor:pointer;}
#slideshow {margin:auto;padding:0 !important;height:346px;overflow:hidden;}
#slideshow li {list-style-type:none;text-align:center;}
#slideshow li img {padding:4px;}
#slideshow-wrapper {height:346px;}
#nav-wrapper {overflow:auto;position:relative;width:558px;clear:both;} 
#nav {width:5000px;margin:0 !important;padding:0 !important;}
#nav li {width:65px;float:left;margin:7px;list-style-type:none;}
#nav a {width:65px;padding:3px;display:block;border:1px solid #ccc;}
#nav a.activeSlide {background:#FFFE92;}
#nav a:focus {outline:none;}
#nav img {border:none;margin:auto;}
#buttons img {cursor:pointer;}
#left-gallery-nav {margin:0;padding:0;list-style-type:none;}
#left-gallery-nav li {text-align:left;margin:o;padding:0;}
#gallery-left {float:left;width:230px;}
#gallery-right {float:left;width:568px;}

/*HOMEPAGE*/
#homecontainer {margin:0;width:800px;height:470px;}
#homeleftcontainer {background:url(../images/homeleftnavbg.jpg) repeat scroll 0 0;float:left;font-family:tahoma;color:#FFFFFF;font-size:12px;font-weight:bold;height:470px;text-align:left;width:250px;}
#homelefttext {float:left;width:230px;height:56px;padding:14px 10px 4px 10px;text-align:justify;}
#homeleftpic {float:left;width:246px;height:146px;padding-left:2px;}
/*#homeright {background:transparent url(../images/17.jpg) repeat scroll 0 0;color:#000000;float:left;width:550px;height:340px;}*/
#homeright {float:left;width:550px;height:340px;overflow:hidden;}
#homelowercontainer {background:transparent url(../images/greenlowerbox.png) repeat scroll 0 0;color:#000000;float:left;font-family:tahoma;font-size:12px;font-weight:bold;width:550px;height:130px;text-align:left;}
#homelower  {float:left;width:550px;height:130px;padding-left:14px;}

/*SERVICES*/
#servicescontainer {margin:0;width:800px;height:470px;}
#servicesleft {background:transparent url(../images/leftnavbg.jpg) repeat 0 0;float:left;width:200px;height:330px;padding-top:10px;text-align:left}
#servicesright {margin:0;float:left;width:600px;height:340px;text-align:left; border: 3px solid #FFD6AA;}
#serviceslowercontainer {background:transparent url(../images/800greenlowerbox.png) repeat scroll 0 0;color:#FFFFFF;float:left;font-family:tahoma;font-size:12px;font-weight:bold;width:800px;height:130px;text-align:left;}
#serviceslower  {float:left;width:786px;height:130px;padding-left:14px;}
#customhomes {background:transparent url(../images/customhomes1.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#designservices {background:transparent url(../images/designwork.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#roomadditions {background:transparent url(../images/roomaddition.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#kitchensbaths {background:transparent url(../images/kitchens.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#finishedbasements {background:transparent url(../images/basement.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#customdecks {background:transparent url(../images/customdecks.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#roofingsiding {background:transparent url(../images/roofingsiding.png) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}

/*CONTACT US*/
#contactcontainer {background:url(../images/customhomes.png) no-repeat top right #000000;margin:0;float:left;width:800px;height:340px;text-align:left;}
#contactlowercontainer {background:transparent url(../images/800greenlowerbox.png) repeat scroll 0 0;color:#FFFFFF;float:left;font-family:tahoma;font-size:12px;font-weight:bold;width:800px;height:130px;text-align:left;}
#contactlowerleft  {float:left;width:326px;height:130px;padding-left:14px;}
#contactlowerright  {float:left;width:300px;height:130px;}

/*FORMS*/
.block-label {display:block;text-align:left;width:125px;font-size:13px;font-family:tahoma;color:#FFFFFF;padding:1px 4px;}
.input-text-wide {width:200px;}
.textarea-tall {width:250px;height:90px;}
.contact-form {padding:10px 0 0 0;} 
.clear {clear:both;} 
.p {margin:8px 0;clear:both;}
.bold {font-weight:bold;}
.asterisk {color:#FFFFFF;}
.opacity-input {opacity:0.5;filter:alpha(opacity=50);background-color:#000000;border:1px solid #DDDDDD;color:#FFFFFF;padding:3px;font-family:tahoma;font-size:12px;}
.opacity-select {opacity:0.5;filter:alpha(opacity=50);background-color:#000000;border:1px solid #DDDDDD;color:#FFFFFF;font-family:tahoma;font-size:12px;}
.contact-form {margin-left:30px;}

/*STRUCTURE*/
#content {background:url(../images/bodybg.jpg) top left repeat-y;padding:0px 21px;}
#rightside {float:left;width:520px;text-align:justify;line-height:16px;font-size:13px;}
.contact-info {position:absolute;top:290px;left:0;width:220px;}
.display-msg {color:#FFFFFF;font-weight:bold;font-size:15px;padding:4px;margin:4px;border:1px solid #444444;}
.error-list li {margin-left:25px;}

/*FADESHOW*/
#fadeShow {float:left;margin:auto;width:550px;height:336px;}
.fadeIn {display:none;}

/*SIDENAV*/
#sideMenu {width:186px;height:320px;overflow:hidden;position:relative;float:left;}
#sideMenu ul {position:relative;margin:0;padding:0;}
#sideMenu ul li {list-style:none;float:left;width:186px;line-height:30px;text-align:left;padding-left:14px;}
#sideMenu ul li:hover {cursor:pointer;}

/*LIGHTBOX*/
#lightboxleft{float:left;width:200px;height:130px;padding-left:14px;}
#lightboxright{float:right;width:486px;height:130px;padding: 5px 14px 0px 0px;}
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
#lightboxgallery {background-color: #444;padding: 10px;width: 520px;}
#lightboxgallery ul { list-style: none; }
#lightboxgallery ul li { display: inline; }
#lightboxgallery ul img {border: 5px solid #3e3e3e;border-width: 5px 5px 20px;}
#lightboxgallery ul a:hover img {border: 5px solid #fff;border-width: 5px 5px 20px;color: #fff;}
#lightboxgallery ul a:hover { color: #fff; }

#thumbnailsleft {float:left;padding:5px 0 0 20px;margin:0 60px 0 0;}
#thumbnailsright {float:left;margin:4px 0 0 0;width: 500px;height: 130px;}
#thumbnailsright ul {margin:0;}
#thumbnailsright ul li {list-style-type:none;}

#alayah {background:transparent url(../images/TheAlayah_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#artisan {background:transparent url(../images/TheArtisan_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#brooke {background:transparent url(../images/TheBrooke_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#charleston {background:transparent url(../images/TheCharleston_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#granton {background:transparent url(../images/TheGranton_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#luxe {background:transparent url(../images/TheLuxe_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#summit {background:transparent url(../images/TheSummit_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}
#troyher {background:transparent url(../images/TheTroyher_1_600.jpg) repeat scroll 0 0;margin:0;float:left;width:600px;height:340px;text-align:left;}

/*SLIDESHOW*/
#slideshow {position:relative;}
#slideshow a {position:absolute;top:0;left:0;}
#slideshow a img {border:none;}
#slideshow a.show {z-index:500}
#slideshow .caption {z-index:600;background-color:#000;color:#ffffff;font-family:tahoma;font-size:16px;font-weight:bold;height:40px;width:100%;position:absolute;bottom:0;padding-top:6px;left:0;}
#slideshow .caption .content {margin:5px}
#slideshow .caption .content h3 {margin:0;padding:0;color:#1DCCEF;} 

/*FOOTER*/
#footer {width:800px;height:62px;margin:auto;padding-top:22px}

/*GALLERIA*/
.galleria{list-style:none;}
.galleria li{display:block;width:45px;height:45px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */