@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) repeat-x #ffffff;
}

#page-wrap {
	margin: 0 auto;
	width: 1006px;
}
a {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #da2d27;
	text-decoration: none;
}
ul {
	margin: 5px 0px;
}
li {
	font-size: 14px;
	padding: 3px 0px;
}
/*Header*/
#header {
	width: 960px;
	height: 130px;
	margin: 0 auto;
}
#header-left {
	float: left;
	width: 200px;
	margin: 20px 10px 0px 20px;
	padding: 0px;
}
#header-right {
	float: right;
	width: 700px;
	margin: 0px;
	padding: 0px;
}
#header-appt-banner {
	width: 324px;
	height: 35px;
	margin: 0px;
	float: right;
	display: block;
	overflow: auto;
}
#header-appt-banner a {
	opacity: 1.0;
}
#header-appt-banner a:hover {
	opacity: 0.8;
}
#header-text {
	float: right;
	text-align: right;
	color: #ffffff;
}
#header-text h2 {
	font-size: 28px;
	margin: 10px 0px;
	padding: 0px;
}
#header-text h3 {
	font-size: 20px;
	margin: 10px 0px;
	padding: 0px;
}
/*Image Rotator*/
#main-img {
	width: 940px;
	height: 357px;
	background: url(images/main-img-bg.png);
	padding: 10px 33px;
}
.rotator{
background-color:#ffffff;
width: 940px;
position: relative;
border: 1px solid #FFFFFF;
}
.rotator-img{
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
width: 940px;
}
#rotator-menu{
float:left;
width:360px;
height:305px;
text-decoration:none;
list-style:none;
margin: 0px; padding: 0px;
}
#rotator-menu a {
	text-decoration: none;
}

#rotator-menu span.btn, #rotator-menu span.btn.default {
font-weight:bold;
font-size:18px;
text-decoration:none;
color:#af8a6e;
list-style:none;
margin: 0px;
padding: 10px 20px 3px 20px;
color:#af8a6e;
height: 67px;
position: relative;
top: -5px;
display: block;
}
#rotator-menu strong {
	display: block;
}
.rt-subtext{
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size:11px;
	font: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
#rotator-menu span.btn:hover, #rotator-menu span.btn.default {
	background-image: url('images/nav_hover.png');
	background-repeat: no-repeat;
	right: 10px;
	padding: 10px 20px 3px 30px;
	color: #FFFFFF;
	z-index: 999;
}
#rotator-menu:hover span.btn.default {
	padding: 10px 20px 3px 20px;
	color: #af8a6e;
	height: 67px;
	position: relative;
	top: -5px;
	right: 0px;
	display: block;
	background-image: none;
}
#rotator-menu span.btn.default:hover {
	background-image: url('images/nav_hover.png');
	background-repeat: no-repeat;
	right: 10px;
	padding: 10px 20px 3px 30px;
	color: #FFFFFF;
	z-index: 999;
}
.rotator {
	height: 357px;
}
.rotator #model_banner {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 20px;
}

/*Main Content*/
#content {
	margin: 0px 0px 0px 25px;
}
#index-content {
	margin: 0px 25px;
}
#index-content img {
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;
	background: #ffffff;	
}
#content-left {
	float: left;
	width: 600px;
	padding-left: 10px;
}
#content-left h2 {font-size: 18px; color: #da2d27; margin: 0px; padding: 0px;}
#sidebar {
	float: right;
	width: 340px;
	margin-top: 10px;
}
.sb-tn {
	margin: 0px 6px -20px 6px;
	width: 310px;
	position: relative;
}
.sb-box {
	background: #1e1e1e;
	padding: 3px 0px;
}
.sb-title {
	background: url(images/tn-arrow.gif) no-repeat left;
	height: 42px;
	margin: 8px;
	padding: 0px 0px 0px 30px;
	color: #ffffff;
}
.sb-title h3 {
	margin: 0px;
	padding: 8px 0px;
	font-size: 20px;
}
.sb-img {
	margin: 0px 8px 8px 8px;
}
.sb-form {
	padding: 5px 15px 25px 15px;
}
.sb-btn {
	position: relative;
	bottom: 25px;
	left: 200px;
	width: 113px;
	height: 38px;
}
/*Our Models*/
.ourmodels-main {
	width: 560px;
	margin: 15px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #d5d5d5;
}
.ourmodels-img {
	float: left;
	width: 260px;
}
.ourmodels-img img {
	border: 1px solid #999999;
	padding: 2px;
	background: #ffffff;
}
.ourmodels-content {
	float: right;
	width: 290px;
}
.ourmodels-title{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 5px 0px;
}
.ourmodels-size {
	float: left;
	width: 170px;
	font-size: 14px;
	margin: 5px;
}
.ourmodels-style {
	float: left;
	width: 90px;
	font-size: 14px;
	margin: 5px;
}
.ourmodels-details {
	font-size: 10px;
	padding: 0px;
}
.ourmodels-floorplan {
	width: 260px;
	margin: 5px;
}
.ourmodels-pics {
	width: 300px;
	margin: 5px 0px;
}
.ourmodels-pics img {
	float: left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #999999;
}
/*Our Developments*/
.ourdev-main {
	width: 560px;
	margin: 15px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #d5d5d5;
}
.ourdev-lf {
	width: 560px;
	font-size: 12px;
	line-height: 18px;
}
.ourdev-rt {
	float:right;
	width: 200px;
}
.ourdev-title {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 5px 0px;
}
.ourdev-img {
	margin: 10px 0px;
}
/*Contact Us*/
.contact-address {
	float: left;
	width: 250px;
	font-size: 16px;
	color: #333333;
	line-height: 22px;
	margin: 10px 0px 0px 0px;
}
.contact-address h4 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #da2d27;
}
.contact-map {
	float: right;
	width: 340px;
}
/*General Photo Galleries*/
.gen-photo-gallery {
	width: 600px;
	margin: 5px 0px;
}
.gen-photo-gallery img {
	float: left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #999999;
}
/*Index Thumbnails*/
#index-thumbs {
	margin: 0px 25px;
	padding: 0px;
}
.index-tn {
	float: left;
	margin: 0px 6px -20px 6px;
	width: 306px;
	position: relative;
}
.index-thumbs-box {
	background: #1e1e1e;
	padding: 3px 0px;
}
.index-tn-title {
	background: url(images/tn-arrow.gif) no-repeat left;
	height: 42px;
	margin: 8px;
	padding: 0px 0px 0px 30px;
	color: #ffffff;
}
.index-tn-title h3 {
	margin: 0px;
	padding: 8px 0px;
	font-size: 20px;
}
.index-tn-img {
	margin: 0px 8px 8px 8px;
}
.index-tn-btn {
	position: relative;
	bottom: 25px;
	left: 180px;
	width: 113px;
	height: 38px;
}
/*Footer*/
#footer {
	background: #1e1e1e;
	margin: 10px 0px 0px 0px;
	padding: 15px 0px;
}
#footer-content {
	margin: 0 auto;
	width: 960px;
	color: #ffffff;
}
#footer-content a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 5px;
}
#footer-content a:hover {
	color: #da2d27;
}
#ftr-lf {
	float: left;
	width: 600px;
	font-size: 12px;
}
.ftr-nav {
	text-transform: uppercase;
}
.ftr-address {
	margin-top: 10px;
	padding: 0px 0px 0px 5px;
}
#ftr-rt {
	float:right;
	width: 300px;
}
#ftr-rt h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}
/*Forms*/
.textinput-short {
	width: 150x;
	height: 25px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textinput-med {
	width: 275px;
	height: 25px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textinput-long {
	width: 400px;
	height: 25px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textarea-short {
	width: 150x;
	height: 75px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textarea-med {
	width: 275px;
	height: 75px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textarea-long {
	width: 400px;
	height: 75px;
	border: 1px solid #8b8b8b;
	background: #ffffff;
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}
.btn-submit {
	width: 86px;
	height: 38px;
	background: url(images/btn-submit.png) no-repeat;
	border: none;
}
.sb-label {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
.label {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
/*Typography*/
h1 {font-size: 30px; color: #1e1e1e; margin: 10px 0px 5px 0px; padding: 0px;}
h2 {}
h3 {}
h4 {margin: 10px 0px 0px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #da2d27;}
h5 {}
h6 {}
p {font-size: 14px; color: #333333; margin: 0px; padding: 5px 0px; line-height: 18px;}

/*Misc*/
.clear {clear:both;}
.red {color: #da2d27; font-weight: bold;}

/*Navigation*/
#nav {
	width: 980px;
	height: 35px;
	background: url(images/nav-bg.png) no-repeat;
	padding: 15px 28px 0px 28px;
}
#nav a {
	color: #cccccc;
	font-weight: bold;
	padding: 7px 31px;
	text-decoration: none;
}
#nav a:hover {
	color: #ffffff;
}
#nav span.nav_btn {
	position: relative;
	overflow: visible;
}
/*Drop Down Nav*/
.nav_btn , #nav .nav_btn {display: inline-block; height: 100%;}
.nav_btn .menu_container , #nav .nav_btn .menu_container, .nav_btn .menu {
	display: none;
}
.nav_btn:hover .menu_container , #nav .nav_btn:hover .menu_container {
	display: block;
	position: absolute;
	left: 0px;
	top: 34px;
	z-index: 999;
	cursor: default;
}
	.nav_btn:hover .menu , #nav .nav_btn:hover .menu {
		display: block;
		height: auto;
		width: auto;
		margin: 0px auto;
		border-right: 2px solid #333333;
		border-left: 2px solid #333333;
		border-bottom: 2px solid #333333;
		background-color: #1e1e1e;
		cursor: default;
		padding: 0px 0px 10px 0px;
		text-align: left;
	}
	.menu ul  , #nav .menu ul {
		display: inline-block;
		width: 170px;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		vertical-align: top;
	}
	.menu li , #nav .menu li  {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		background-image: url('images/img/gray_arrow.png');
		background-repeat: no-repeat;
		line-height: 24px;
		font-size: 14px;
		color: #ffffff;
	}
	.menu li:hover , #nav .menu li:hover {
		color: #999999;
	}
	.menu li a , #nav .menu li a  {color: inherit; padding: 5px 15px;}

/* Misc */
#fb-btn {
	width: 53px;
	height: 172px;
	position: fixed;
	right: 0px;
	top: 100px;
}