@charset "utf-8";

/* ------------ global css ------------ */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#523c18;
	background:url(/images/bg-tile.gif);
}

#wrapper {
	width:960px;
	margin:0 auto;
}

.color-brown {
	color:#993300;
}


/* ------------ global css ------------ */

#header {
	width:960px;
	float:left;
}

#header-top {
	width:960px;
	height:100px;
	float:left;
	background:url(/images/top-bg.gif) no-repeat center;
}

#logo {
	width:180px;
	height:100px;
	float:left;
}

#call-us {
	width:300px;
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#ccc;
	text-align:right;
	margin:22px 20px 0 0;
}

#call-us .phone-num {
	font-size:16px;
	font-weight:bold;
	color:#ccc;
}

#call-us a {
	color:#ccc;
	font-size:11px;
	text-decoration:underline;
}

#call-us a:hover {
	color:#cc6600;
	font-size:11px;
	text-decoration:underline;
}

#top-nav {
	width:300px;
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#ccc;
	text-align:right;
	margin:15px 0 0 0;
	text-transform:uppercase;
}

#top-nav ul {
	list-style:none;
}

#top-nav li {
	float:left;
	padding:0 22px;
}

#top-nav a {
	color:#ccc;
	text-decoration:none;
}

#top-nav a:hover {
	color:#84171b;
}

#banner-container {
	width:960px;
	height:455px;
	float:left;
	background:url(/images/banner-bg.jpg) no-repeat;
}

.slideshow-border {
	position:relative;
	z-index:1;	
	float:left;
	left:28px;
	width:903px;
	bottom:-302px;
}

/* BG: Renamed slideshow class to slideshow2 due a conflict with the slidehshow module: nextgen-gallery */

.slideshow2 {
	width:903px;
	height:383px;
	background:#160c01;
	position:static;
	z-index:0;
	left:28px;
	/*width:903px;
	height:383px;
	background:#160c01;
	position:absolute;
	z-index:0;
	left:28px;
	top: 158px;*/
}

.slideshow2 img {
	display:none;
	width:891px;
	height:371px;
	padding:6px;
}

/* End slideshow fix */

#sub-banner {
	width:903px;
	margin:0 auto;
}

#photo-gallery {
	width:301px;
	float:left;
	margin:10px 0 0 0;
}

#photo-gallery .p-title {
	padding:10px 0 4px 0;
}

.sub-icon {
	float:left;
	margin:0 10px 0 10px;
}

.view-them {
	width:53px;
	height:23px;
	background:url(/images/view-them.gif) no-repeat;
	float:left;
	cursor:pointer;
}

.view-them a {
	width:53px;
	height:23px;
	text-decoration:none;
	display:block;
}

.view-them a:hover {
	background:url(/images/view-them-h.gif) no-repeat;
}

#new-residences {
	width:281px;
	float:left;
	margin:10px 0 0 0;
	padding:0 10px;	
}

#new-residences h1 {
	margin:10px 0 4px 0;
	padding:0;
}

#newsletter {
	width:301px;
	float:left;
	margin:10px 0 0 0;
}

#newsletter .n-title {
	margin:10px 0 4px 0;
	padding:0;
}

.sub-icon {
	float:left;
	margin:0 10px 0 10px;
}

.learn-more {
	width:76px;
	height:18px;
	background:url(/images/learn-more.gif) no-repeat;
	float:left;
	cursor:pointer;
}

.learn-more a {
	width:76px;
	height:18px;
	text-decoration:none;
	display:block;
}

.learn-more a:hover {
	background:url(/images/learn-more-h.gif) no-repeat;
}

.news-textbox {
	border:1px solid #cc9933;
	height:19px;
	padding:3px 5px 0;
	font-size:11px;
	color:#cc9933;
	width: 150px;
}


/* ------------ body css ------------ */

#body-w {
	width:860px;
	background:url(/images/body-bg.gif) repeat-y left;
	float:left;
	padding:30px 50px 0 50px;
	color:#ccc;
	font-size:12px;
}

#body-w a {
	color:#ccc;
	font-size:12px;
	text-decoration:underline;
}

#body-w a:hover {
	color:#cc6600;
	font-size:12px;
	text-decoration:underline;
}

#body-w p {
	margin:10px 0 15px 0;
}

#main-content {
	float:left;
	width:570px;
	padding:0 30px 20px 0;
}

#contact-us {
	width:260px;
	float:left;
}



/* ------------ footer css ------------ */

#footer {
	width:660px;
	float:left;
	padding:10px 100px 30px 100px;
	color:#ccc;
	font-size:12px;
	border-top:2px solid #351f01;
	text-align:center;
}

#footer li {
	list-style:none;
	display:inline;
	padding:2px;
}

#copyright {
    text-align:center;
    margin-top:15px;
}

/* ------------ navigation ------------ */

#navigation {
	width:960px;
	float:left;
	background:url(/images/nav-bg.jpg) no-repeat;
	height:58px;
	font-size:13px;
	font-weight:bold;
}

#navigation a {
	color:#84171b;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation a:hover {
	color:#fff;
}

#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
#navigation li {
	float:left;
	padding:12px 23px 0 24px; 
  }
  
#navigation li ul {
    display: none;
    position: absolute; 
	top: 100%;
	left:0;
	padding:0 0 10px 0;
	background:#e0a234;
	margin:0 20px 0 0;
	width:200px;
	z-index:1;
  }
  
#navigation li li {
	display:block;
	padding:2px 10px 10px 10px;
	margin:10px 0 0 0;
	border-bottom:1px solid #c99532;
	width:180px;
  }  
  
#navigation li > ul {
	top: auto;
	left: auto;
	}
 
#navigation li:hover ul, li.over ul{ display: block; z-index:1; }



/* ------------ blog icons ------------ */

#read-our-blog {
    width:281px;
    float:left;
    margin:10px 0 0 0;
    padding:0 10px;    
}

#read-our-blog .b-title {
	margin:10px 0 4px 0;
	padding:0;
}

.blog-icon {
    padding:0 0 0 50px;
}

.read-more {
	width:53px;
	height:23px;
	background:url(/images/read-more.gif) no-repeat;
	float:left;
	cursor:pointer;
}

.read-more a {
	width:53px;
	height:23px;
	text-decoration:none;
	display:block;
}

.read-more a:hover {
	background:url(/images/read-more-h.gif) no-repeat;
}