@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
html {background: #66330A url(../images/bg.jpg)}
body{ font:normal 14px sans-serif, Arial, Helvetica, sans-serif; color:#222;  line-height:20px;}
img { border:0;}

td { vertical-align:top;}
#content p{ margin:7px 0px 7px 0px}
#content .p_indent{ margin:7px 0px 7px 0px; text-indent:20px;}
#content .p_justify{ margin:7px 0px 7px 0px; text-align:justify;}

ul { list-style:disc; margin-left:15px; margin-right:5px;} ol { margin-left:15px; margin-right:5px;}
.ul2 ul li span{color:#FF0305; text-decoration:none; background:url(../images/0_z2.gif)  top left no-repeat; padding-left:20px; font-weight:bold; font-size:14px;} 



h1 { font-size:22px; line-height:normal; font-family: Georgia, "Times New Roman", Times, serif;}
h2 { font-size:20px; margin-bottom:15px; margin-top:20px; font-family: Georgia, "Times New Roman", Times, serif;}
h2 a, h2 a:hover { text-decoration:none;}
h3 { font-size:18px; margin-top:20px; font-family: Georgia, "Times New Roman", Times, serif;}
h4 { font-size:16px; margin-top:20px; font-family: Georgia, "Times New Roman", Times, serif;}
a:link, a:visited, a:active { color:#245C69; font-weight:bold; text-decoration:underline;} a:hover { color:#990100; text-decoration:none;}
#container { width:1000px; margin:0px auto;  margin-top:20px; background: #F4F6F3; border:solid 5px #fff; }
#menu { background: #F1ECDF url(../images/menubg.gif) repeat-x top; color:#4E412D;}

#header { margin:0px auto 0 auto;  text-align:left;  border-bottom:solid 4px #990100;}

.float-right{float:right;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.block{display:block;}
.top-indent-5px{margin-top:5px; display:block;}
.top-indent-10px{margin-top:10px; display:block;}
.top-indent-15px{margin-top:15px; display:block;}
.top-indent-20px{margin-top:20px; display:block;}
.top-indent-25px{margin-top:25px; display:block;}
.top-indent-30px{margin-top:30px; display:block;}



#content {  }
#right {
float:right;
width:778px;
background:#FFF;
}





#vmenu { }
#vmenu ul { padding: 0px 7px 20px 0px; list-style-type: none;}
#vmenu ul li{ padding-bottom: 5px;}
#vmenu  a {display:block; font-size:14px; font-family:arial, verdana, sans-serif; height:28px; line-height:25px; text-decoration:none; background:#E3E9E0 url(../images/btn_bg.gif) left top no-repeat; padding:0 0 0 20px; color:#000; /*border-left:#fff solid 4px;*/ }
#vmenu a:hover {display:block; background:#17646C url(../images/btn_bgw.gif) left top no-repeat; color:#fff; /*border-left:#4AC9D7 solid 4px;*/ }
#vmenu a i {float:right; font-style:normal; padding-right:15px;}



#footer { background:#0A282C; clear:both;
height:80px; color:#ffffff; line-height:15px;font-size:11px; border-bottom:solid 3px #EB2121;}
 
#footer span {color:#B5AEA3; text-decoration:none; font-size:11px; font-weight:bold;}
#footer a {color:#F4F6F3; text-decoration:underline; font-size:12px; font-weight:normal; line-height:15px;}
#footer a:hover{ color:#fefefe;text-decoration:none;}
#footer #altnav { width:600px; float:right; text-align:right; padding-top:13px; color:#F4F6F3;}
#footer #copyright { padding-top:13px; text-align:left; color:#ffffff;}



/*********************************************************************************************************/
.line5{ line-height:5px;}
.line15{ line-height:15px;}
.line20{ line-height:20px;}

.padding { padding:0px 8px;}
.padding5 { padding:5px;}.padding8 { padding:8px;} .padding10 { padding:10px;} .padding15 { padding:15px;} .padding20 { padding:20px;} .padding25 { padding:25px;} .padding30 { padding:30px;}

.main_border { border:solid 1px #672226;}
.c_l { clear:left;} .c_r{ clear:right;} .c_b{ clear:both;}
.brown { color:#431601;}
.red { color:#D41B29;}
.blue {color:#22929F;}
.whitebg { background:#FFF;}
.em { font-style:italic;}
.pic_border img{ border:double 5px #39352A }
.b { font-weight:bold;}
.bold_blue {font-size:16px; color:#447D86; font-weight:bold;}


<!--====================================== LAYOUT =============================================-->


.clear { clear:both;}
#content .indent{ padding:15px 10px 0px 20px; margin-bottom:1px }



/*index.php*/
#page1 #container #content .col1 {  width:222px; float:left;}
#page1 #container #content .col2 { margin-left:225px;}
#page1 #container #content .col3 { width:214px}
#page1 #container #content .col4 { width:206px}

/*about.php*/
#page2 #container #content .col1 {  width:160px; float:left;}
#page2 #container #content .col2 { margin-left:162px;}
#page2 #container #content .col3 { width:214px}
#page2 #container #content .col4 { width:206px}

/*products.php*/
#page3 #container #content .col1 {  width:250px; float:left;}
#page3 #container #content .col2 { margin-left:254px;}
#page3 #container #content .col3 { width:214px}
#page3 #container #content .col4 { width:206px}
/*services.php*/
#page4 #container #content .col1 {  width:350px; float:left;}
#page4 #container #content .col2 { margin-left:354px;}
#page4 #container #content .col3 { width:214px}
#page4 #container #content .col4 { width:206px}
/*shopathome.php*/
#page5 #container #content .col1 {  width:740px; float:left;}
#page5 #container #content .col2 { margin-left:742px;}
#page5 #container #content .col3 { width:214px}
#page5 #container #content .col4 { width:206px}

/*savings.php*/
#page6 #container #content .col1 {  width:250px; float:left; background-color:#CEDADB}
#page6 #container #content .col2 { margin-left:254px;}
#page6 #container #content .col3 { width:214px}
#page6 #container #content .col4 { width:206px}

/*builders.php*/
#page7 #container #content .col1 {  width:160px; float:left;}
#page7 #container #content .col2 { margin-left:162px;}
#page7 #container #content .col3 { width:214px}
#page7 #container #content .col4 { width:206px}

/*locations.php*/
#page8 #container #content .col1 {  width:250px; float:left; background-color:#CEDADB}
#page8 #container #content .col2 { margin-left:254px;}
#page8 #container #content .col3 { width:214px}
#page8 #container #content .col4 { width:206px}

/*contact.php*/
#page9 #container #content .col1 {  width:735px; float:left; background-color:#FFF;}
#page9 #container #content .col2 { margin-left:740px; background-color:#225A67; color:#FFF;}
#page9 #container #content .col3 { width:214px}
#page9 #container #content .col4 { width:206px}




/*********************** PAGE1 *****************************************/


#left a:link, #left a:visited, #left a:active { color:#03393F; font-weight:bold;} #left a:hover { color:#DDD; text-decoration:none;}

#slideshow { border:solid 1px #A2A2A2; width:725px; height:300px; float:left;
 margin:0 0 0px 0px


}

#special {width:240px; height:300px; float:left; background:#F4F6F3; border:solid 1px #A2A2A2;
color:#144C59; margin-left:16px; margin-bottom:20px;
}
#special a { color:#fff; font-weight:normal;}
#special a:hover { color:#CCC; font-weight:normal;}
#rectangles { clear:right; margin-top:0px;}


#products  { clear:both; }
.productmenu  { float:left; width:150px; margin:0px 1px;}





#container #content #right #col2 a:link, #container #content #right #col2 a:visited  {color:#fff; font-weight:bold; text-decoration:underline;} 

#container #content #right #col2 a:hover { color:#40823A; text-decoration:none;}


/******************** 	ABOUT US **********************************/
/*#page2 #container #content #col2 #col3 {width:278px; 
float:right; 
border-left:solid 1px #7A7975; 
margin-left:15px;}*/

#page2 #container #content .col1 img { margin-top:28px; padding:0;}

/****************** PRODUCTS *************************************/
#page3 #container #content #right #col1 { 
margin-right:245px;}

#page3 #container #content #right #col2 { 
 width:238px;
float:right; 
border-left:solid 1px #7A7975; 
margin-left:8px;}

.prod_icon {
	background:#333; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#FFF; 
	height:28px; 
	padding-top:4px;}

.prod_menu { text-align:center;;}	
#page3 #container #content table td { vertical-align:middle; padding:5px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                             Sub Titles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.subtitles  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size:20px;
	font-weight:bold;
}

.subtitles a:link {
	color: #333333;
	text-decoration: underline;
}
.subtitles a:visited {
	text-decoration: underline;
	color: #333333;
}
.subtitles a:hover {
	text-decoration: none;
	color: #333333;
}
.subtitles a:active {
	text-decoration: underline;
	color: #333333;
}


/*********************************Services*******************************************/
#page4 #container #content .col2 h2 { margin:35px 0 15px 15px; color:#144959;}
#page4 #container #content .col1 .appointment { margin-left:15px;}
#page4 #container #content .col1 .appointment .label { clear:both; margin-top:10px; margin-bottom:5px;}
#page4 #container #content .col1 .appointment .inp{ background-color:#E3E9E0; border:solid 1px #666; width:300px;}

/*********************************Services*******************************************/
#page5 .light { background-color:#eee;}
#page5 .dark { background-color:#ccc;}




/************************LOCATIONS***********************************/
.map { width:425px; float:right; margin-left:20px; text-align:center; color:#D41B29;}
/************************CONTACT***********************************/


/*#page9 #container #content .col1 h3 em { color:#225A67;}
#page9 #container #content .col1 h3 strong { color:#F00;}
#page9 #container #content .col1 h3 em { color:#225A67;}*/



.ul1 ul{margin:0; padding:0; list-style:none; line-height:40px; margin-top:50px;}
.ul1 ul li{background:url(../images/0_li.gif)   bottom left repeat-x; margin:0px; }
.ul1 ul li span{ text-decoration:none; background:url(../images/0_z2.gif)  top left no-repeat; padding-left:20px; font-weight:bold; font-size:14px;} 
.ul1 ul li span strong{ color:#D41B29; padding-right:5px;} 
.ul1 ul li span em{ color:#205865;} 

/*------------------------FORM----------------*/
/*.contactform {width:210px; background-color:#F5F0E3;border:1px solid #8E877F;}
input {vertical-align:middle; }
textarea {background-color:#F5F0E3; width:210px; border:1px solid #8E877F;}*/
.contactform {width:230px; background-color:#CEDADB;border:1px solid #8E877F;}
.contactform2 {width:300px; background-color:#CEDADB;border:1px solid #8E877F;}
.form_right { float:right; margin-right:10px; padding:8px;}
.form_left { float:left; margin-left:10px; padding:8px;}

.colform { width:315px; float:left; }
input, select, textarea{ background:#AAE0FA; border: solid 1px #E3B48C; }
.contactform1 {width:263px;}
.date { width:90px; padding:0 5px; margin-left:20px; }
.time { width:100px; margin-left:20px; }
#labels { padding-top:10px;}
#labels span { display:inline-block; width:150px;}
#msgform p { padding:10px 0 0 0; }
.address_box {width:100%;overflow:hidden;padding:11px 0 9px 0; /*border:#0C0 solid 1px;*/}
.address_box input { width:410px;}
.textarea_box {min-height:80px;width:420px;overflow:hidden;padding-bottom:9px}
textarea {overflow:auto;width:400px;height:60px; padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}
#submit_box { width:200px; float:left; text-align:right; padding:50px 0 0 0;}
#submit_box input { padding:0 10px;}
.button2 {display:inline-block;font-size:18px;color:#fff;line-height:34px;padding:0 15px;background:#07707C;letter-spacing:-1px}
.button2:hover {text-decoration:none;color:#fff;background:#DE2F14}

.mgt10 { margin-top:10px;} .mgt20 { margin-top:20px;} .mgt30 { margin-top:0px;} .mgt30 { margin-top:0px;} .mgt40 { margin-top:40px;} .mgt50 { margin-top:50px;}  .mgl0 { margin-left:0;}
.f_l { float:left} .f_r { float:right;}



