*{margin:0px; padding:0px; outline:none; list-style:none;}
html, body{width:100%;}
body{background:url(/images/bg.jpg) repeat-x #eceded;  font-family:Tahoma; font-weight:normal;}
a{text-decoration:none;}
a img{border:none;}




/* container */

#container{width:990px; margin:0px auto;}


/* header */

#header{width:990px; float:left; padding:0px 0px 8px 0px;}
.logo-wrap{float:left; padding:30px 0px 0px 20px;}
.header-right{width:595px; float: right; padding:0px 0px 0px 0px;}
.top-link-bg{background:url(/images/top-link-bg.png) no-repeat; width:122px; height:38px; float:left; padding:0px 0px 0px 30px;}
.top-link-bg2{background:url(/images/top-link-bg2.png) no-repeat; width:100px; height:38px; float:left; padding:0px 0px 0px 30px;}
.top-link{background:url(/images/arrow.png) no-repeat left center; width:122px; line-height:30px; float:left; font-size:20px; font-weight: normal; color:#000000; padding:0px 0px 0px 10px;}
.top-link:hover{ background:url(/images/arrow-hover.png) no-repeat left center;color:#e90f00;}

.calls-detail{ width:450px; height:77px; float: right; text-align:center; padding:10px 0px 0px 0px; font-size:16px; color: #000;margin:5px 0px 0px 0px; line-height:26px;}





/* navigations */

.menu{ width:580px; float: right;padding:15px 0px 0px 0px;}
.menu ul{float:left;}
.menu ul li{float:left; margin-right:20px;}
.menu ul li a{float:left;height:28px; line-height:28px; float:left; padding:0px 0px 0px 18px; font-size:14px; color:#000; font-weight:bold;}
.menu ul li a span{float:left;height:28px; line-height:28px; padding:0px 18px 0px 0px;}

.menu ul li a:hover{float:left; background:url(/images/menu-bg-left.png) no-repeat left; height:28px; line-height:28px; float:left; padding:0px 0px 0px 18px; font-size:14px; color:#FFFFFF; font-weight:bold;}
.menu ul li a:hover span{float:left; background:url(/images/menu-bg-right.png) no-repeat right; height:28px; line-height:28px; padding:0px 18px 0px 0px;}

.menu ul li a.active{float:left; background:url(/images/menu-bg-left.png) no-repeat left; height:28px; line-height:28px; float:left; padding:0px 0px 0px 18px; font-size:14px; color:#FFFFFF; font-weight:bold;}
.menu ul li a.active span{float:left; background:url(/images/menu-bg-right.png) no-repeat right; height:28px; line-height:28px; padding:0px 18px 0px 0px;}



/* banner */

#banner{ width:990px;float:left; padding:4px 0px 0px 0px; height:344px; border:none;}
.pics-intro{font-size:18px; color:#FFFFFF;padding:10px 0px 10px 10px; }
.pics-intro2{font-size:12px; color:#FFFFFF; font-weight:bold;padding:0px 0px 10px 10px; }



/* center-main */

#center-main{ background:#e3e2e2; width:990px; float:left; padding:0px 0px 0px 0px; }
.clear{clear:both;}

/* left-wrap */

.left-wrap{width:210px; float:left; padding:0px 0px 20px 30px;}
.left-intro-wrap{background:url(/images/white-bg-middle.png) repeat-y; width:193px; float:left; padding:15px 0px 90px 12px;}
.intro-heading{width:180px; float:left; padding:0px 0px 10px 10px; font-size:20px; color:#542421; font-weight:normal;}

.buy-wrap{width:162px; float:left; padding:10px 0px 0px 10px; background:#f0eeee; border:1px solid #a8a5a5; margin-bottom:10px;}
.buy-heading{width:150px; float:left; font-size:12px; color:#2a2828; padding:0px 0px 10px 0px;}
.find{ background:url(/images/red-arrow.png) no-repeat left center;width:35px;  float:right; padding:0px 0px 0px 10px; height:7px; line-height:7px; color:#FF0000; font-size:12px;}
.find:hover{text-decoration:underline;}
.buy-field{width:150px; float:left; height:25px; border:1px solid #2a2828; margin-bottom:10px;}

.buy-heading2{width:100px; float:left; font-size:12px; color:#2a2828; padding:20px 0px 10px 0px; font-weight:bold; text-decoration:underline;}
.buy-heading2:hover{text-decoration: none;}
.gallery-txt{ width:180px; float:left; font-size:11px; color:#333333; padding:10px 0px 10px 0px; line-height:18px;}
.gallery-pic{float:left; padding:0px 0px 5px 0px;}
.more{width:100px; float:right; font-size:12px; color:#000000; text-decoration:underline; padding:0px 0px 0px 0px; margin-bottom:10px; margin-top:5px;}
.more:hover{text-decoration:none;}
.bottom-bg{float:left; padding:0px 0px 0px 0px;}

.pics-wrap{width:170px; float:left; padding:5px 0px 5px 5px; background:#FFFFFF;}
.brochure{float:left; padding:0px 0px 0px 0px;}





/* right-wrap */

.right-wrap{width:740px; float:left; padding:0px 0px 0px 0px;}

.banner-intro-bg{background:url(/images/header-link-bg.png) no-repeat; width:202px; height:28px; float:left; padding:0px 0px 0px 40px;}
.banner-intro-bg:hover{background:url(/images/header-link-bg-hover.png) no-repeat; width:202px; height:28px; float:left; padding:0px 0px 0px 40px;}


.banner-intro{background:url(/images/arrow-1.png) no-repeat left center; width:187px; float:left; padding:0px 0px 0px 8px; font-size:11px; color:#000000; font-weight:bold; line-height:22px;}
.banner-intro:hover{background:url(/images/arrow-2.png) no-repeat left center; width:187px; float:left; padding:0px 0px 0px 8px; font-size:11px; color:#fff; font-weight:bold; line-height:22px;}



.banner-intro-bg2{background:url(/images/header-link-bg-hover.png) no-repeat; width:212px; height:28px; float:left; padding:0px 0px 0px 30px; margin:0px 5px 0px 5px}
.banner-intro-bg2:hover{background:url(/images/header-link-bg.png) no-repeat; width:212px; height:28px; float:left; padding:0px 0px 0px 30px; margin:0px 5px 0px 5px}
.banner-intro2{background:url(/images/arrow-2.png) no-repeat left center; width:187px; float:left; padding:0px 0px 0px 8px; font-size:11px; color:#fff; font-weight:bold;line-height:20px;}
.banner-intro2:hover{background:url(/images/arrow-1.png) no-repeat left center; width:187px; float:left; padding:0px 0px 0px 8px; font-size:11px; color:#000; font-weight:bold;line-height:20px;}



.intro-pics-wrap{ width:730px; float:left; padding:0px 0px 0px 10px;}

.intro-pics{float:left; padding:0px 6px 0px 0px;}

.intro-content{width:700px; float:left; font-size:17px; line-height:16px; text-align:justify; padding:0px 0px 0px 15px;}


.welcome-heading{width:350px; float:left; font-size:20px; color:#542421; padding:16px 0px 10px 15px; font-weight:normal;}





/* footer */

#footer-main{width:100%; background:url(/images/footer-bg.jpg) repeat-x #9a9a9a;  float:left; height:54px;}
.footer-wrap{width:990px; margin:0px auto;padding:20px 0px 20px 0px;}

.footer-link{width:520px; float: right; padding:0px 0px 0px 0px;}
.footer-link ul{float:left;}
.footer-link ul li{float:left; font-size:12px; color:#fff; }
.footer-link ul li a{float:left; font-size:12px; color:#fff; padding:0px 6px 0px 6px;}
.footer-link ul li a:hover{text-decoration:underline;}

.copyright{width:300px; float:left; text-align:center; font-size:12px; color:#fff;padding:0px 0px 10px 0px;}



/* services page */

.serviecs-pic-wrap-main{width:740px; float: left; padding:20px 0px 0px 10px;}
.serviecs-pic-wrap{width:245px; float:left; padding:0px 0px 40px 0px;}
.serviecs-pic-heading{width:245px; float:left; text-align:center; font-size:12px; font-weight:bold; color:#000000; padding:0px 0px 10px 0px;}
.serviecs-pic-wrap1{ background:url(/images/servies-pic-1.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.serviecs-pic-wrap2{ background:url(/images/servies-pic-2.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.serviecs-pic-wrap3{ background:url(/images/servies-pic-3.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.serviecs-pic-wrap4{ background:url(/images/servies-pic-4.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.serviecs-pic-wrap5{ background:url(/images/servies-pic-5.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.serviecs-pic-wrap6{ background:url(/images/servies-pic-6.png);width:234px; height:20px; float:left; padding:165px 0px 0px 0px;}
.more-detail{width:90px; float:left; padding:0px 0px 0px 0px; margin-left:140px; font-size:11px; color:#FFFFFF; font-weight:bold; margin-top:2px;}
.more-detail:hover{text-decoration:underline;}

.replacement-pic{float:left; padding:10px 0px 10px 10px;}

.back{ background:url(/images/back-arrow.png) no-repeat left center;width:150px; float:right; padding:0px 0px 0px 20px; font-size:12px; color:#000000; font-weight:bold; margin-top:30px; height:16px;}
.back:hover{text-decoration:underline;}




/* contact page */

.form-wrap{width:705px; float:left; padding:20px 0px 20px 0px; border:1px solid #bbb; margin-left:10px;}
.form-wrap-left{width:420px; float:left; padding:0px 0px 0px 0px; background:url(/images/devider.jpg) no-repeat right top;}
.form-wrap-right{width:285px; float:left; padding:0px 0px 0px 0px;}


.forms-row{width:420px; float:left; padding:2px 0px 2px 0px; }
.formsname{width:100px; text-align:right;height:30px;line-height:30px;font-size:12px; float:left;color:#000000; padding:0px 10px 0px 0px; }
.sub-txt{float:left; font-size:11px; font-weight:normal; margin:0px; padding:0px; line-height:14px; clear:both;}
.form-fields{ width:290px; height:22px;margin:5px 0px 0px 0px; border:1px solid #999999; line-height:32px;}
.form-area{width:300px; height:139px;margin:5px 0px 0px 0px; border:none;}

.form-fields-area{ width:290px; height:100px;margin:5px 0px 0px 0px; border:1px solid #999999; }
.submit-button{ background: url(/images/submit-button.png) no-repeat; width:88px; height:36px;float:left; padding:0px 0px 0px 0px; cursor:pointer; border:none; margin-top:5px;margin-left:30px;}
.submit-button:hover{background:url(/images/submit-button-hover.png) no-repeat;}

.reset-button{ background: url(/images/reset-button.png) no-repeat; width:88px; height:36px;float:left; padding:0px 0px 0px 0px; margin-left:150px; cursor:pointer; border:none; margin-top:5px;}
.reset-button:hover{background:url(/images/reset-button-hover.png) no-repeat;}

.contact-detail{ width:270px; height:77px; float: right; padding:10px 0px 0px 10px; font-size:12px; color: #000;margin:5px 0px 0px 0px; line-height:26px;}
.contact-detail2{ width:280px; height:77px; float: right; padding:10px 0px 0px 0px; text-align:center; font-size:12px; color: #000;margin:5px 0px 0px 0px; line-height:26px;}


.gallery{width: 180px; float:left;}
.gallery ul{list-style: none;}
.gallery ul li{display: inline;}
.gallery ul img{}
.gallery ul a:hover img{color: #fff;}
.gallery ul a:hover{color: #fff;}






/* gallery page */

#photo-gallery{width:700px; float:left; padding:0px 0px 0px 0px;}
#show-case{width:650px; float:left; padding:0px 0px 20px 10px;}
#gallerys {position:relative; width:686px; padding:10px; border:6px solid #fff; background:#AAA;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(/images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(/images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(/images/rights.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


/* offers page */


.offers-container{width:640px; float:left;padding:6px 0px 0px 0px;}
.offers-box{width:205px; float:left;padding:0px 0px 0px 5px;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: #999999;padding: 5px;left: -2500px;border:5px solid 999;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top:0;left: 60px; /*position where enlarged image should offset horizontally */}


#windows ul, #windows ul li, #doors ul, #doors ul li {
display:inline;
}

.gallerybox {
text-align:center;
float:left;
padding:20px 20px;
margin:10px 10%;
border: 1px solid #9B9B9B;
}

.gallcathead {
float: left;
clear: left;
font-size: 1em;
padding: 10px 15px;
}
.ggallcathead {
float: right;
clear: left;
font-size: 1em;
padding: 10px 15px;
}