body

	{

	margin:0px;

	padding:0px;

	background:url(images/bg.jpg) repeat-x #E5DFCF;

	}



a {

     color:#DB5F03;

     font-weight: 800;

}



.floatleft{float:left;}



.floatright{float:right;}



.clear{clear:both;}	



#wrap

	{

	width:1000px;

	margin:0 auto;

	}



/*=========Header==========*/

#header

	{

	height:140px;

	}



#topheader

	{

	height:95px;

	}



.interior

	{

	font:bold 28px Arial;

	color:#DB5F03;

	padding:15px 0px 0px 15px;

	}



.interior a {

     color: #DB5F03;

     text-decoration: none;

}

	

.interior p {

     color: #7D421E;

     font-size: 18px;

     margin-top: 0px;

}



.call

	{

	font:bold 18px Arial;

	color:#DB5F03;

	text-align:right;

	padding:45px 15px 0px 15px;

	}



.menu

	{

	

	}



.menu ul

	{

	margin:0px;

	padding:0px;

	list-style:none;

	}



.menu ul li

	{

	margin:0px;

	padding:0px;

	list-style:none;

	float:left;

	font:bold 14px Arial;

	color:#553F1C;

	padding:0px 0px 0px 0px;

	text-align:center;

	}



.menu ul li a

	{

	margin:0px;

	padding:0px;

	list-style:none;

	float:left;

	font:bold 14px Arial;

	color:#553F1C;

	padding:10px 0px f 0px;

	text-align:center;

	}



.menu1

	{

	color:#553F1C;

	width:98px;

	}



.menu1 a

	{

	color:#553F1C;

	width:98px;

	text-decoration:none;

	}



.menu1 a:hover

	{

	color:#FFFFFF;

	background:url(images/about_over.jpg) no-repeat;

	}

	

.menu2

	{

	color:#553F1C;

	width:157px;

	}

	

.menu2 a

	{

	color:#553F1C;

	width:157px;

	text-decoration:none;

	}



.menu2 a:hover

	{

	color:#FFFFFF;

	background:url(images/residential_menu_over.jpg) no-repeat;

	}

	

.menu3

	{

	width:172px;

	color:#553F1C;

	}



.menu3 a

	{

	color:#553F1C;

	width:172px;

	text-decoration:none;

	}



.menu3 a:hover

	{

	color:#FFFFFF;

	background:url(images/commercial_menu_over.jpg) no-repeat;

	}



.menu4

	{

	width:126px;

	color:#553F1C;

	}



.menu4 a

	{

	color:#553F1C;

	width:126px;

	text-decoration:none;

	}



.menu4 a:hover

	{

	color:#FFFFFF;

	background:url(images/faq_over.jpg) no-repeat;

	}



.menu5

	{

	color:#553F1C;

	width:126px;

	}



.menu5 a

	{

	color:#553F1C;

	width:126px;

	text-decoration:none;

	}



.menu5 a:hover

	{

	color:#FFFFFF;

	background:url(images/tips_menu_over.jpg) no-repeat;

	}



.menu6

	{

	color:#553F1C;

	width:90px;

	}



.menu6 a

	{

	color:#553F1C;

	width:90px;

	text-decoration:none;

	}



.menu6 a:hover

	{

	color:#FFFFFF;

	background:url(images/contact_over.jpg) no-repeat;

	}

/*=========Mid Part==========*/

#mid_part

	{

	padding:20px 0px 31px 0px;

	}



#inner_mid

	{

	background:#553F1C;

	font:14px Arial;

	padding:10px 13px 12px 11px;

	}



#containor

	{

	background:#F9ECD4;

	}



.mid_bottom

	{

	background:url(images/mid_bottom.jpg) bottom left no-repeat #FDFCF9;

	height:110px;

	}



.mid_box1

	{

	width:500px;

	float:left;

	font:11px Arial;

	color:#9C713E;

	padding:10px;

	}



.mid_box1 a

	{

	color:#A75707;

	text-decoration:none;

	}



.mid_box1 a:hover

	{

	color:#A75707;

	text-decoration:underline;

	}



.mid_box2

	{

	width:450px;

	float:left;

	font:11px Arial;

	color:#9C713E;

	padding:10px;

	}



.mid_box2 a

	{

	color:#A75707;

	text-decoration:none;

	}



.mid_box2 a:hover

	{

	color:#A75707;

	text-decoration:underline;

	}

	

.mid_box3

	{

	width:400px;

	float:left;

	font:11px Arial;

	color:#9C713E;

	padding:10px;

	}



.mid_box3 a

	{

	color:#A75707;

	text-decoration:none;

	}



.mid_box3 a:hover

	{

	color:#A75707;

	text-decoration:underline;

	}





/*=========Left Part==========*/

#left_part

	{

	width:644px;

	float:left;

	}



.flash_banner

	{

	height:351px;

	}



/*=========Right Part==========*/

#right_part

	{

	float:right;

	width:307px;

	padding:8px 13px 13px 12px;

	}



#inner_right

	{

	background:#553F1C;

	padding:10px;

	font:11px Arial;

	color:#FFF6DF;

	}



.contact_td td

	{

	padding:5px;

	}



.input

	{

	background:#D6C6A7;

	border:none;

	padding:5px;

	font:11px Arial;

	color:#553F1C;

	width: 100%;

	}



.input1

	{

	background:#D6C6A7;

	border:none;

	padding:5px;

	font:12px Arial;

	color:#553F1C;

	width:170px;

	margin-bottom:10px;

	}



/*==========Footer Part=========*/

#footer

	{

	background:url(images/footer_bg.jpg) repeat-x #E3DDCC;

	}



#inner_footer

	{

	width:980px;

	margin:0 auto;

	background:url(images/inner_footbg.jpg) no-repeat;

	padding:10px;

	}



.foct_box1

	{

	width:260px;

	font:12px Arial;

	color:#553F1C;

	text-align:justify;

	float:left;

	line-height:19px;

	padding: 0px 20px 0px 20px;

	}

	

.foct_box1 a

	{

	color:#FF6D00;

	text-decoration:none;

	}



.foct_box1 a:hover

	{

	color:#FF6D00;

	text-decoration:underline;

	}



.foct_box2

	{

	width:260px;

	font:12px Arial;

	color:#553F1C;

	text-align:justify;

	float:left;

	padding: 0px 20px 0px 60px;

	}

	

.foct_box2 a

	{

	color:#FF6D00;

	text-decoration:none;

	}



.foct_box2 a:hover

	{

	color:#FF6D00;

	text-decoration:underline;

	}



.foct_box3

	{

	width:260px;

	font:12px Arial;

	color:#553F1C;

	text-align:justify;

	float:left;

	padding: 0px 20px 0px 60px;

	}

	

.foct_box3 a

	{

	color:#FF6D00;

	text-decoration:none;

	}



.foct_box3 a:hover

	{

	color:#FF6D00;

	text-decoration:underline;

	}



.white_txt

	{

	font:12px Arial;

	}



a

	{

	outline:none;

	}

	

.leftcolumn {

     width: 45%;

     display: inline-block;

     vertical-align: top;

     margin: 0% 0% 20px 4%;

}



.rightcolumn {

     width: 45%;

     display: inline-block;

     vertical-align: top;

     margin: 0% 0% 20px 3%;

}



.singlecolumn {

     width: 90%;

     margin: 0% 0% 0% 4%;

}



.galleryimage {

     border: 2px solid #553F1C;

     margin: 0px 5px 5px 0px;

}



#googlemapping {

	height: 370px;

	width: 100%;

	margin-bottom: 15px;

}



.paymentoptions img {

     margin: 0px 10px 10px 0px;

}





#contactform label {

     margin: 15px 0px 0px 0px;

     display: block;

}



#contactform input {

     width: 99%;

     background:#D6C6A7;

	border:none;

	padding:5px;

	font:12px Arial;

	color:#553F1C;
		
 

}
 #contactform textarea {

     height: 200px;

     width: 100%;

     margin: 0px 0px 15px 0px;

     background:#D6C6A7;

	border:none;

	font:12px Arial;

	color:#553F1C;

}



/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */

/* by Alexander Endresen and mark and Nuno */

#menu_vert {

/* no margin/padding so it fills the whole div */

	margin: 0;

	padding: 0;

}

.clearb {

/* needed for some browsers */

	clear: both;

}

#menuwrapper {

	float:right;



}

ul#primary-nav, ul#primary-nav ul {

/* remove any default bullets */

	list-style-type: none;

	margin: 0;

	padding: 0;

}

ul#primary-nav {

/* pushes the menu div up to give room above for background color to show */

	margin:0px;

	padding:0px;

	list-style:none;

}

ul#primary-nav ul {

/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */

	position: absolute;

/* top being the bottom of the li it comes out of */

	top: auto;

/* keeps it hidden till hover event */

	display: none;

/* same size but different color for each border */

	border-top: 1px solid #C8D3D7;

	border-right: 1px solid #C8D3D7;

	border-bottom: 1px solid #ADC0C7;

	border-left: 1px solid #A5B9C0;

}

ul#primary-nav ul ul {

/* now we move the next level ul down from the top a little for distinction */

	margin-top: 1px;

/* pull it in on the left, helps us not lose the hover effect when going to next level */

	margin-left: -1px;

/* keeps the left side of this ul on the right side of the one it came out of */

	left: 100%;

/* sets the top of it inline with the li it came out of */

	top: 0px;

}

ul#primary-nav li {

        margin:0px;

	padding:0px;

	list-style:none;

	float:left;

	font:bold 13px Arial;

	color:#553F1C;

	padding:0px 0px 0px 0px;

	text-align:center;

}

#primary-nav li li {

/* Set the width of the menu elements at second level. Leaving first level flexible. */

	width: 220px;

/* removes any left margin it may have picked up from the first li */

	margin-left: 0px;

/* keeps them tight to the one above, no missed hovers */

	margin-top: -1px;

/* removes the left float set in first li so these will stack from top down */

	float: none;

/* relative to the ul they are in */

	position: relative;

}

/* set the "a" link look here */

ul#primary-nav li a {

margin:0px;

	padding:0px;

	list-style:none;

	float:left;

	font:bold 12px Arial;

	color:#553F1C;

	padding:10px 15px 12px 15px;

	text-align:center;

        text-decoration:none;

}

ul#primary-nav li a:hover {

/* kind of obvious */

	background-color: transparent;

}

ul#primary-nav li li a:hover {

       color: #FFF;

       text-decoration:none;

}



ul#primary-nav li.menuactive {

	color: #FFF;

       text-decoration:none;

	background:  url(images/layout/navlefttest.gif) no-repeat left top;

}



ul#primary-nav li a.menuactive {

       color: #FFF;

       text-decoration:none;

       background:  url(images/layout/navrttest.gif) no-repeat right top;

}



ul#primary-nav li a.menuactive:hover {

	color: #FFF;

        text-decoration:none;

}

#primary-nav li li a.menuparent span {

/* makes it hold a shape */

	display: block;

/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

	background:  url(images/layout/parent.html) no-repeat 98% center;

}

/* gif for IE6, as it can't handle transparent png */

* html #primary-nav li li a.menuparent span {

/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

	background:  url(images/layout/parent-2.html) no-repeat 98% center;

}

ul#primary-nav li ul a {

/* insures alignment */

	text-align: left;

	margin: 0px;

/* keeps it relative to it's container */

	position: relative;

/* less padding than first level no need for large links here */

	padding: 6px 3px 6px 15px;

/* if first level is set to bold this will reset this level */

	font-weight: normal;

/* first level is #FFF/white, we need black to contrast with light background */

	color: #000;

	border-top: 0 none;

	border-right: 0 none;

	border-left: 0 none;

}

ul#primary-nav li ul {

/* very lite grey color, by now you should know what the rest mean */

	background: #F3F5F5;

	margin: 0px;

	padding: 0px;

	position: absolute;

	width: auto;

	height: auto;

	display: none;

	position: absolute;

	z-index: 999;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #374B51;

/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/

	opacity: 0.95;

/* CSS 3 */

}

ul#primary-nav li ul ul {

/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/

	opacity: 95;

/* CSS 3 */

}

/* Styling the appearance of menu items on hover */

#primary-nav li:hover,

#primary-nav li.menuh,

#primary-nav li.menuparenth,

#primary-nav li.menuactiveh {

/* set your image here, dark grey image */

	background:  url(images/layout/navlefttest.gif) no-repeat left top;

	color: #FFF;

}



/* Styling the appearance of menu items on hover */

#primary-nav li a:hover,

#primary-nav li.menuh,

#primary-nav li.menuparenth,

#primary-nav li.menuactiveh {

/* set your image here, dark grey image */

	background:  url(images/layout/navrttest.gif) no-repeat right top;

	color: #FFF;

}



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add

#primary-nav li:hover ul ul ul,

#primary-nav li.menuparenth ul ul ul,

*/

#primary-nav ul,

#primary-nav li:hover ul,

#primary-nav li:hover ul ul,

#primary-nav li.menuparenth ul,

#primary-nav li.menuparenth ul ul {

	display: none;

}

/* for fourth level add

#primary-nav ul ul ul li:hover ul,

#primary-nav ul ul ul li.menuparenth ul,

*/

#primary-nav li:hover ul,

#primary-nav ul li:hover ul,

#primary-nav ul ul li:hover ul,

#primary-nav li.menuparenth ul,

#primary-nav ul li.menuparenth ul,

#primary-nav ul ul li.menuparenth ul {

	display: block;

}

/* IE6 Hacks */

#primary-nav li li {

	float: left;

	clear: both;

}

#primary-nav li li a {

	height: 1%;

}
.submit {background: none}
#inner_right form table tbody tr td textarea {height: 30px; width: 200px;}
#inner_right form table tbody tr td input {width: 200px;}
#inner_right form table tbody tr td input.submit {width: 200px;}
/* End of 'Navigation: CSSMenu - Horizontal' */