@charset "utf-8";
/* CSS Document */
body{
	background:#6E7348;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	}
#masthead { 
	margin:0 auto;
	width:830px;
	
	border-right:40px solid #656A42;
}	
#containerWrap{
	width:815px;
	background:#fff url(/inc/img/bg/20090119_wrap_bg.jpg) repeat-y left top; /*url(/inc/img/bg/gradient_vertical.png) repeat-x top left;*/
	margin:0 auto;
	border-left:14px solid #656A42;
	border-right:40px solid #656a42;
	}
#secondaryContent{
	width:235px;
	background:#D4D4D4 url(/inc/img/bg/gradient_vertical.png) repeat-x top left;
	}	
#mainContentWrap{
	float:right;
	width:580px;
}
#promo{
	height:180px;
	width:580px;
	background-repeat:no-repeat;
	background-position:top left;
	}
/*#resourcesPage #promo {background-image:url(/inc/img/ico/retaining_wall_with_flowersl.jpg);}
#portfolioPage #promo {background-image:url(/inc/img/ico/full_service_landscaping.png);}
#resourcesPage #promo {background-image:url(/inc/img/ico/golf_course_green.jpg);}
#aboutPage #promo{background-image:url(/inc/img/ico/lake_with_fountain.jpg);}
#meetPage #promo {background-image:url(/inc/img/ico/grill.jpg);}
#constructionPage #promo {background-image:url(/inc/img/ico/retaining_walls.jpg);}
#contactPage #promo {background-image:url(/inc/img/ico/bench.jpg);}
#designPage #promo {background-image:url(/inc/img/ico/custom_gate.jpg);}
#homePage #promo {background-image:url(/inc/img/ico/home_page_.jpg);}
#hoaPage #promo{background-image:url(/inc/img/ico/retaining_wall_with_flowersl.jpg);}
#maintenancePage #promo {background-image:url(/inc/img/ico/pool.jpg);}*/

#mainContent{

	padding:0px 20px;
}

#mainMenu {
	margin:0px 5px 0px 17px;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	border-bottom: 1px solid #dadada;
	padding-top:60px;
	}

ul#mainMenu li {
	position: relative;
	}
	
#mainMenu li ul {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border-bottom:1px solid #dadada;
	}

/* Styles for Menu Items */
#mainMenu li a {
	display: block;
	text-decoration: none;
	background:url(/inc/img/bg/trans_listitem.png) repeat top left; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #DADADA;
	border-bottom: 0;
	font-size:26px;
	font-weight:bold;
	color: #7E332C;
	}

/* Fix IE. Hide from IE Mac \*/
* html #mainMenu li { float: left; height: 1%; }
* html #mainMenu li a { height: 1%; }
/* End */

#mainMenu li a:hover { color:#777; background: #f9f9f9; } /* Hover Styles */
		
#mainMenu li ul li a /* Sub Menu Styles */ { 
	padding: 2px 5px; 
	font-size:18px;
	background:#fff;
	} 
		
#mainMenu li:hover ul, li.over ul { display: block; width:180px; } /* The magic */

#mainContent h1{
	margin-top:30px !important;
	margin-bottom:10px;
	}
#mainContent p{
	padding-top:10px;
}
#mainContent p a {
	color: #7E332C;
	text-decoration:underline;
	}
#mainContent p a:hover, #mainContent p a:visited{
	color:#666;
	text-decoration:none;
}
#secondaryContent address{
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color:#7e332c;
	margin-left:20px;
	margin-top:5px;
}

#footerWrap {
	background: #2a2a2a;
	text-align:right;
	height:250px;
	position: relative;
	bottom: 0px;
}

#innerfoot {
	margin: 0px auto;
	width: 875px;
	position: relative;
}
#footerMenu {
		padding:15px 25px;
		}
#footerMenu li {
	display:inline;
	padding:0px 10px;
}
#footerMenu li a, #footerMenu li a:visited  {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#footerMenu li a:hover{
	text-decoration:underline;
	}
#footerIcon {
	position:absolute;
	width:198px;
	height:99px;
	z-index:1;
	background:url(/inc/img/ico/footer_icon.jpg) no-repeat top left;
	left: 35px;
	top: -50px;
}
p#copyright{
	padding-top:60px;
	padding-bottom:15px;
	text-align:right;
	font-weight:normal;
	font-size:11px;
}
p#shompton{
	color:#CCC;
	font-size: 9px;
	padding-right:40px;
	line-height:16px;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	color: #333;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #7E332C;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #7E332C;
}	
html,body,div,ul,ol,li,dl,dt,dd,h1,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
	{
	margin: 0;
	padding: 0;
	}
ul, li, h3, h2, h1, p {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}	
a img{border:none;}	
.clear{clear:both;}

/* common styling */
.menu {	font-size:26px;
	font-weight:bold;
	width:200px;
	position:relative;
	margin:0;
	margin:0px 0 0 16px;
	padding-top:25px;
	padding-bottom:20px;
	}
.menu ul li a, .menu ul li a:visited {
	display:block;
	padding:5px;
	text-decoration:none;
	width:200px;
	color: #7E332C;
	text-align:left;
	border:1px solid #dadada;
	/*border-width:1px 1px 0 0;*/
	border-width:1px 1px 0px 1px;
	font-size:26px;
	}
.menu ul {
	padding:0; 
	margin:0;
	list-style-type:none;
	}
.menu ul li.last {border-bottom:1px solid #dadada !important;}	
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#7e332c; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:210px; width:200px;}
.menu ul li:hover ul li a.hide {background:#fff; color:#7e332c;}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; font-size:16px; color:#7e332c; width:200px;}
.menu ul li:hover ul li a:hover {background:#fff; 	color:#ccc;}

.slideshow { height: 180px; width: 580px; margin: auto }
/*.slideshow img {}*/