@charset "utf-8";
body {
	background-color: #4c4239;
	font-family:Arial, Helvetica, sans-serif;
	color:#66584d;
}
.reqarow {
	background-attachment: scroll;
	background-image: url(../images/reqarow.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 17px;
	margin-top: 25px;
	background-position: left;
	position: absolute;
	margin-left: 5px;
	left: 754px;
	top: 72px;
}
#wraper{
	width: 955px;
	margin:0px auto;
}
*{
margin:0px;
padding:0px;
}
#main {
	background-attachment: scroll;
	background-image: url(../images/maim_bg.jpg);
	background-repeat: repeat-y;
	margin:0px;
	width: 955px;
	float: left;
}
.logo{
	background-attachment: scroll;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 63px;
	width: 414px;
	margin-top: 10px;
	margin-left: 40px;
}
#header {
	clear: right;
	float: left;
	height: 138px;
	width: 955px;
}
#headercontact {
	float: left;
	height: 255px;
	width: 897px;
	margin-left: 50px;
}
#headercontactsub {
	float: left;
	height: 100px;
	width: 897px;
	margin-left: 50px;
}
#headercontactsub #hsortimg .headetexb {
	float: left;
	height: 50px;
	width: 600px;
	margin-top: 30px;
	margin-left: 45px;
	font-size: 36px;
	font-weight: 300;
	color: #666666;
}
#himgdtat{
	background-attachment: scroll;
	background-image: url(../images/top_header_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	clear:right;
	height: 250px;
	width: 872px;
}
#headercontactsub #hsortimg {
	background-attachment: scroll;
	background-image: url(../images/top_header_bg_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: right;
	float: left;
	width: 872px;
	height: 92px;
	font-style: italic;
}
#headercontactsub .botimg {
	background-attachment: scroll;
	background-image: url(../images/header_bot.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 8px;
	width: 872px;
}
#menucontainer {
	float: left;
	height: 63px;
	width: 950px;
}
.address {
	clear: right;
	float: right;
	height: 65px;
	width: 200px;
	margin-right: 20px;
	margin-top: 8px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
#contcontainer {
	float: left;
	height: auto;
	width: 947px;
}

#content {
	float: left;
	width: 872px;
	margin-left: 50px;
	margin-right: 25px;
	font-size:12px;
}

#left {
	float: left;
	height: auto;
	width: 715px;
}
#lefttab {
	float: left;
	width: 658px;
	margin-left: 50px;
}
#menu {
	float: left;
	height: 37px;
	width: 675px;
	margin-left: 50px;
	margin-top: 25px;
}
#menu li {
	background-attachment: scroll;
	background-image: url(../images/menu_div.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 37px;
	width: 137px;
	list-style-position: inside;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
}
#menu li a {
	font-size: 12px;
	font-weight: bold;
	color: #545454;
	text-decoration: none;
}

#menu li a:hover {
	color: #969696;
}

#menu ul {
	height: 37px;
	width: 710px;
}
#request {
	background-attachment: scroll;
	background-image: url(../images/request_bg.jpg);
	background-repeat: repeat-x;
	float: right;
	height: 50px;
	width: 185px;
	margin-top: 14px;
	margin-right: 28px;
}

#testimonial {
	background-attachment: scroll;
	background-image: url(../images/testi_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	float: left;
	width: 200px;
	margin-top: 20px;
}

#installations {
	height: 350px;
	width: 200px;
}

#testimonial .header{
	color:#F2F0E1;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom:5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#testimonial .recentinstallname {
	font-size: 12px;
	color: #373330;
	clear: right;
	width: 175px;
	margin-top: 12px;
	margin-bottom: 5px;
	padding-left: 15px;
}

#testimonial .botdiv {
	background-color: #5D5F5C;
	background-repeat: repeat;
	clear: right;
	float: left;
	height: 5px;
	width: 200px;
	margin-top: 15px;
}

#request .text {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 20px;
}
#right {
	float: right;
	width: 200px;
	background-color: #F2F0E1;
	margin-right: 25px;
	height: 800px;
}
#contcontainer .tarea {
	float: left;
	width: 690px;
}
#trecontainer {
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-left: 35px;
}
#trecontainer  .boxbottre {
	clear: right;
	float: left;
	height: 325px;
	width: 209px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#trecontainer .boxbottre .textdetail {
	font-size: 11px;
	font-weight: normal;
	color: #545A4E;
	text-decoration: none;
	float: left;
	width: 185px;
	margin-right: 4px;
	margin-left: 10px;
	margin-top: 5px;
}

#trecontainer  .boxbottre  .image1 {
	background-attachment: scroll;
	background-image: url(../images/bot_img1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 123px;
	width: 209px;
}
#trecontainer  .boxbottre  .image2 {
	background-attachment: scroll;
	background-image: url(../images/bot_img2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 123px;
	width: 209px;
}
#trecontainer  .boxbottre  .image3 {
	background-attachment: scroll;
	background-image: url(../images/bot_img3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 123px;
	width: 209px;
}
#trecontainer  .boxbottre  .textarea {
	background-attachment: scroll;
	background-image: url(../images/bot_tarea.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 170px;
	width: 209px;
}
#trecontainer  .boxbottre  .tophead {
	background-attachment: scroll;
	background-image: url(../images/ttopbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 33px;
	width: 209px;
}
#trecontainer .boxbottre .tophead .headtext {
	font-size: 12px;
	font-weight: bold;
	color: #f3f1e2;
	text-decoration: none;
	margin-top: 8px;
	margin-left: 40px;
	font-variant: normal;
	letter-spacing: 1px;
}

#contcontainer .tarea h3 {
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	color: #66584d;
	text-decoration: none;
	margin-top: 5px;
	margin-left: 10px;
}
#contcontainer .tarea h6 {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	font-style: italic;
	margin-left: 10px;
}
#contcontainer .tarea .t1 {
	float: left;
	height: 60px;
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
}
#contcontainer .tarea .greanarrow {
	background-attachment: scroll;
	background-image: url(../images/ind_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 53px;
	width: 70px;
	margin-top: 15px;
	margin-left: 2px;
}
#tabcotainertext {
	float: left;
	height: 240px;
	width: 625px;
	margin-right: 10px;
	margin-left: 10px;
}
#trecontainer .more {
	font-size: 11px;
	font-weight: normal;
	color: #CC3300;
	text-decoration: none;
	float: right;
	margin-right: 15px;
	width: 75px;
	margin-top: 8px;
}
#footer {
	font-size: 12px;
	color: #F1EFE2;
	background-color: #4e5449;
	text-align: center;
	float: left;
	height: 65px;
	width: 916px;
	margin-top: 15px;
	margin-left: 31px;
}
#footer  #menuf {
	clear: right;
	width: 700px;
	margin-top: 10px;
	margin-bottom:15px;
	text-align: center;
}
#footer #menuf ul {
	font-size: 12px;
	font-weight: normal;
	color: #F1EFE2;
	margin-left: 100px;
}
#footer #menuf li {
	font-size: 12px;
	color: #F1EFE2;
	list-style-type: none;
	text-align: center;
	width: 100px;
	clear: right;
	float: left;
}
#footer #menuf li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer #menuf li a {
	font-size: 11px;
	color: #F1EFE2;
	text-decoration: none;
	text-align: center;
}

#footer #copyright {
	font-size: 11px;
	font-weight: normal;
	color: #F1EFE2;
	text-decoration: none;
	clear: right;
	width: 700px;
	text-align: center;
	padding-top:15px;
}




#trecontainer .more a{
text-decoration:underline;
color: #CC3300;}
#trecontainer .more :hover{
text-decoration:none;
color: #CC3300;}

#tabcotainertext .textheader {
	font-size: 24px;
	font-weight: bold;
	color: #373330;
	text-decoration: none;
	float: left;
	width: 300px;
	margin-left: 20px;
}
#tabcotainertext  h5 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 335px;
	margin-left: 15px;
	margin-top: 10px;
}

#tabcotainertext  h4 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 615px;
	margin-left: 5px;
	margin-top: 10px;
}


#tabcotainertext .tabimageshow {
	clear: right;
	float: left;
}
#tabcotainertext2 {
	float: left;
	height: 300px;
	width: 625px;
	margin-right: 10px;
	margin-left: 10px;
}
#tabcotainertext2 .textheader {
	font-size: 24px;
	font-weight: bold;
	color: #373330;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
#tabcotainertext2  h5 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 335px;
	margin-left: 15px;
	margin-top: 10px;
}

#tabcotainertext2  h4 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 615px;
	margin-left: 5px;
	margin-top: 10px;
}
#tabcotainertext2 .tabimageshow {
	clear: right;
	float: left;
}
#tabcotainertext3 {
	float: left;
	height: 240px;
	width: 625px;
	margin-right: 10px;
	margin-left: 10px;
}
#tabcotainertext3 .textheader {
	font-size: 24px;
	font-weight: bold;
	color: #373330;
	text-decoration: none;
	float: left;
	width: 300px;
	margin-left: 20px;
}
#tabcotainertext3  h5 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 335px;
	margin-left: 15px;
	margin-top: 10px;
}

#tabcotainertext3  h4 {
	font-size: 11px;
	font-weight: normal;
	color: #373330;
	float: left;
	width: 350px;
	margin-left: 5px;
	margin-top: 10px;
}

.listleft {
float:left;
width:200px; 
font-size:12px;
padding-left:30px;}

.listright {
float: right;
width:170px; 
font-size:12px;}

#tabcotainertext3 .tabimageshow {
	clear: right;
	float: left;
}
#right .banner {
	float: left;
	height: 350px;
	width: 185px;
	margin-left: 8px;
	margin-top: 10px;
}



img {
border:0px;
}

 /**** Footer logos Styles ****/
#logos {
	text-align: center;
	float: left;
	height: 50px;
	width: 916px;
	margin-top: 10px;
	margin-left: 31px;
	margin-bottom:10px;
}


 /**** Font Styles ****/
.titles {
font-style: italic;
font-size: 24px;
color: #5a5652;
font-weight:bold;
}

.titlessmall {
font-size: 18px;
color: #5a5652;
font-weight:bold;
line-height: 25px;
}

.style1 {
font-size: 15px;
color: #5a5652;
font-weight:bold;
}

.style2 {
font-size: 12px;
}

.style3 {
font-size: 15px;
color: #5a5652;
font-weight:bold;
line-height: 35px;
}

 /**** Contact Page ****/
.contactbox {
margin-left: 30px; 
padding:10px 10px 10px 20px;    /**** top right bottom left ****/
width: 350px;
background-color:#f0eee2;
border-width:1px;
border-color:#e1dfc8;
border-style:solid; 
float:left;}

.textbox {
margin-left: 30px; 
width: 400px;
float:left;}


 /**** Counter Top Gallery ****/

#galleryleft1  {
	float: left;
	width: 200px;
	margin-left: 70px; 
	margin-top: 10px;
	background-image:url(../images/gallery_menu_bar.jpg);
	background-repeat:repeat-y;
	color:#a72456;
	font-weight:bold; }
	
#galleryleft  {
	float: left;
	width: 190px;
	margin: 10px 0 0 56px;      /**** top right bottom left ****/
	padding-left:10px; 
	background-color:#f0eee2;
	border-width:1px;
	border-color:#e1dfc8;
	border-style:solid; 
	color:#a72456;
	font-weight:bold; }
	
#galleryright {
	float: right;
	width: 648px;
	margin: 0 25px 0 10px;       /**** top right bottom left ****/
	 }


ul.gallery {
	height: 100%;
	width: 585px;
}

.gallery li{
	float:left;
    display: inline;
	clear:right;
	margin:10px 0 15px 10px;    /**** top right bottom left ****/
	padding-right:20px;
	list-style:none;
    text-align: center; 
}

.submenu {
font-size:14px;
margin-left: 15px;
line-height: 1.5em;
}

/**************** Request Quote Form ****************/ 

.quoteformleft  {
	float: left;
	width: 420px;
	margin:0;      /**** top right bottom left ****/
	font-size:12px;  }
	
.quoteformright {
	float: right;
	width: 435px;
	margin: 0;       /**** top right bottom left ****/
	font-size:12px; }


/**************** Links ****************/ 

a:link { 				/* Link you haven't been to */
color: #000000; 
text-decoration: underline; } 

a:visited {   			/* Link you have been to */
color: #000000; 
text-decoration: underline; } 

a:hover {    			 /* Link when you hover */
color: #999999; 
text-decoration: underline;
} 


/**************** Gray Links ****************/ 

a.gray:link { 				/* Link you haven't been to */
color: #999999; 
text-decoration: underline; } 

a.gray:visited {   			/* Link you have been to */
color: #999999; 
text-decoration: underline; } 

a.gray:hover {    			 /* Link when you hover */
color: #6a6a6a; 
text-decoration: underline;
} 

/**************** Dark Gray Links ****************/ 

a.darkgray:link { 				/* Link you haven't been to */
color: #666666; 
text-decoration: none; } 

a.darkgray:visited {   			/* Link you have been to */
color: #666666; 
text-decoration: none; } 

a.darkgray:hover {    			 /* Link when you hover */
color: #373737; 
text-decoration: none;
} 

/**************** Gallery Menu Links ****************/ 

a.gallerymenu:link { 				/* Link you haven't been to */
color: #a72456; 
text-decoration: none; } 

a.gallerymenu:visited {   			/* Link you have been to */
color: #a72456; 
text-decoration: none; } 

a.gallerymenu:hover {    			 /* Link when you hover */
color: #610020; 
text-decoration: none;
} 

/**************** Footer Links ****************/ 

a.footerlink:link { 				/* Link you haven't been to */
color: #F1EFE2; 
text-decoration: none; 
padding: 0 15px 0 15px;} 

a.footerlink:visited {   			/* Link you have been to */
color: #F1EFE2; 
text-decoration: none;
padding: 0 15px 0 15px;} 

a.footerlink:hover {    			 /* Link when you hover */
color: #ffffff; 
text-decoration: underline;
padding: 0 15px 0 15px;} 

/************************* Images *************************/ 

img.floatright { 
    float: right; 
    margin: 0px 0px 10px 15px;     /**** top right bottom left ****/
}

img.floatleft { 
    float: left; 
    margin: 0px 15px 10px 0px;     /**** top right bottom left ****/
}


/************************* Columns *************************/ 

.column {
float:left;
width:125px; 
padding-left:15px;
line-height:14pt;}

.column2 {
float:left;
width:100px; 
padding-left:15px;
padding-bottom:25px;
line-height:14pt;
text-align:center; }


/************************* Other *************************/ 

.extraspace {
padding-left: 10px; }

.extraspace2 {
padding-left: 25px; }

.extraspace3 {
padding: 5px 0 0 25px }

.extraspace4 {
padding-bottom: 5px; }

.extraspace5 {
padding: 7px 0; 
clear:both;}

.extraspace6 {
padding-right: 85px; 
padding-top: 10px;}