/* =Main Elements

----------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 

big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 

center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0px;

	font-family: arial, sans-serif;

	font-size: 100%;

	margin: 0px;

	padding: 0px;

}

body {

	background-color: #000;

	color: #fff;

	font-size: 12px;

	font-weight: normal;

	margin: 0px auto;

}

a {

	color: #066382;

	outline: none;

}

a:hover {

	color: #fff;

}

h1, h2, h3, h4, h5, h6, h7, h8 {

	font-weight: normal;

}

h1 {

	font-size: 30px;

	line-height: 32px;

}

h1 + span {

	margin-bottom: 5px;

}

h2 {

}

h3 {

	font-size: 16px;

	line-height: 18px;

}

h5 {

	color: #666;

	font-size: 12px;

	text-transform: uppercase;

}

h3 + h5 {

	margin-top: 5px;

}

p {

	line-height: 130%;

	padding-top: 15px;

}

.clearit {

	clear: both;

	height: 0px;

	line-height: 0px;

	margin: 0px;

	padding: 0px;

}





/* =Form Elements

----------------------------------------------- */



form {

	display: inline;

	}

input, select, option, textarea {

	color: #000;

	font-family: arial, sans-serif;

	font-size: 13px;

	}

input.radio {

	margin: 5px 7px 0px 20px;

	}

input.radio:first-child {

	margin-left: 0px;

	}

input.checkbox {

	margin: 5px 7px 0px 0px;

	}

input.text, input.text-alt, textarea, select {

	background-color: #ccc;

	border: 1px solid #ccc;

	font-size: 13px;

	padding: 3px;

	}

input.text, textarea {

	width: 250px;

}

fieldset {

	color: #fff;

	margin: 20px 0px 0px 0px !important;

	padding: 0px !important;

}

fieldset:first-child {

	margin-top: 0px;

}

.form-label {

	clear: left;

	padding: 8px 20px 5px 0px;

}

.form-entry {

	clear: right;

	padding: 5px 0px;

}

.form1col,

.form2col {

	font-size: 13px;

	margin-top: 5px;

	padding-top: 8px;

	width: 500px !important;

}

.form1col {

	padding-top: 0px;

}

.form2col .form-label {

	float: left;

	width: 100px;

}

.form-btn {

	margin-top: 20px;

}

.error {

	color: #c00 !important;

}

input.error {

	border: 1px solid #c00;

	color: #c00;

}





/* =Structure

----------------------------------------------- */



.container {

	margin: 0px auto;

	position: relative;

	width: 960px;

}

#header {

    background: url('../images/header.jpg') no-repeat top center;

	border-bottom: 1px solid #333;

	height: 162px;

	padding-top: 18px;

	text-align: center;

}

#logo {

	height: 66px;

	margin: 0px auto;

	width: 227px;

}

#logo a {

    background: url('../images/logo.png') no-repeat 0px 0px;

	display: block;

	height: 66px;

	text-decoration: none;

	width: 227px;

}

#logo a span {

	visibility: hidden;

}

#slogan {

	font-size: 14px;

	letter-spacing: 5px;

	margin-top: 32px;

	text-transform: uppercase;

}

#nav {

	margin-top: 15px;

	padding-left: 80px;

}

#feature {

	border-bottom: 1px solid #333;

	padding: 18px 0px 0px 0px;

}

body#home #feature {

	padding-bottom: 18px;

}

#home-feature {

	height: 320px;

	overflow: hidden;

	width: 960px;

}

#home-promo {

	background: url('../images/homefeat_nowleasing.jpg') no-repeat 0px 0px;

	height: 320px;

	position: absolute;

	right: 0px;

	top: 0px;

	width: 308px;

	z-index: 66666 !important;

}

#feature ul li {

	float: left;

	height: 135px;

	list-style: none;

	width: 160px;

}

#feature .container span {

	clear: both;

	color: #666;

	display: block;

	font-size: 9px;

	padding: 5px 0px;

	text-align: right;

	text-transform: uppercase;

}

#quads {

	margin: 18px auto;

	width: 960px;

}

#quads ul li {

	background: #06384f url('../images/fade.gif') repeat-x 0px 0px;

	float: left;

	list-style: none;

	margin-left: 18px;

	padding: 15px;

	width: 278px;

	}

#quads ul li:first-child {

	margin-left: 0px;

}

#quads h1 {

	font-size: 18px;

}

#quads p {

	color: #b4cad1;

	padding-top: 10px;

}

#quads img {

	border: 3px solid #000;

	float: right;

	margin: 0px 0px 10px 10px;

	width: 100px;

}



#quads a {

	color:#FFFFFF;

	text-decoration:none;

}



#quads a:hover {

	text-decoration:underline;

}



#home-content {

	/*background: url('../images/homecontent.gif') no-repeat 0px 10px;*/

	font-size: 14px;

	line-height: 140%;

	margin: 0px auto;

	padding: 10px 175px;

	width: 610px;

}

#home-content p {

	color: #ccc;

	line-height: 140%;

	padding-top: 0px;

	padding-bottom: 7px;

	text-align: justify;

}

#feature + .container {

	background: url('../images/side.jpg') no-repeat 0px 18px;

	padding: 18px 0px 0px 0px;

}

#side {

	float: left;

	margin-right: 25px;

	padding: 25px;

	width: 240px;

}

#side h3 {

	font-size: 11px;

	letter-spacing: 5px;

	margin: 20px 0px 0px 0px;

	text-transform: uppercase;

}

#side h3:first-child {

	margin-top: 0px;

}

#side p {

	color: #a8c9d4;

	padding-top: 2px !important;

}

#side p a {

	color: #a8c9d4;

}

#side p a:hover {

	color: #fff;

}

#side h3 + p {

	padding-top: 8px !important;

}

#side h3 + ul {

	margin-top: 10px;

}

#side ul li {

	border-top: 1px solid #1f7391;

	font-size: 13px;

	list-style: none;

	padding: 10px 0px;

}

#side ul li:first-child {

	border-top: 0px;

	padding-top: 0px;

}

#side ul li span {

	color: #a8c9d4;

	display: block;

	font-size: 11px;

	text-transform: uppercase;

}

#side ul li a {

	color: #a8c9d4;

	text-decoration: none;

}

#side ul li a:hover {

	color: #fff;

}



#side span {

	clear: both;

	color: #FFF;

	display: block;

	font-size: 9px;

	padding: 5px 0px;

	text-transform: uppercase;

}

#content {

	float: left;

	padding-bottom: 30px;

	width: 645px;

}

#content h2 {

	color: #ccc;

	font-size: 14px;

	letter-spacing: 5px;

	margin-bottom: 3px;

	text-transform: uppercase;

}

#content p {

	color: #ccc;

	font-size: 13px;

	line-height: 24px;

}

#content h3 {

	font-size: 18px;

	padding-top: 15px;

}

#content h4 {

	font-size: 22px;

	padding: 25px 0px 15px 0px;

	margin: 0px;

}

#content h3 + p {

	padding-top: 5px;

}

#content ul {

	line-height: 16px;

	list-style: none;

	margin: 15px 0px;

}

#content ul li {

	padding-bottom: 5px;

}

#content ul li ul {

	list-style: square;

	margin: 5px 20px;

}

#footer {

    background: url('../images/bottomfade.gif') repeat-x 0px 0px;

    height: 105px;

    margin-top: 18px;

    padding-top: 20px;

}

#footer ul {

	margin: 0px auto;

	width: 1000px;

}

#footer ul li:first-child {

	margin-left: -20px;

	text-align: left;

}

#footer ul li {

	color: #747474;

	float: right;

	list-style: none;

	padding-right: 26px;

	width: 140px;

}

#footer ul li h3 {

	font-size: 11px;

	margin-bottom: 3px;

	text-transform: uppercase;

}
#footer ul li p {

	padding-top: 1px;

}

#footer a {

	color: #747474;

}

#footer a:hover {

	color: #ccc;

}

#copyright {

	margin: 0px auto;

	padding: 10px 175px;

	width: 960px;

}

#copyright p {

	color: #747474;

	font-size: 11px;

	margin: 0px auto;

}

#copyright img {

	float: right;

	margin-top: -10px;

	padding-right: 10px;

}
.sm-icon-header {
	padding-top: 20px;
}
.sm-icons {
	padding-right: 3px;
}
ul#news li {

	list-style: none;

	padding-top: 15px;

}

ul#news li span {

	color: #666;

	display: block;

	font-size: 11px;

	text-transform: uppercase;

}

ul#news li p {

	line-height: 15px;

	padding-top: 0px;

}

ul#news li a {

	color: #fff;

	display: block;

	font-size: 15px;

	text-decoration: none;

}

ul#news li a:hover {

	color: #ccc;

}

.subtext {

	padding-top: 15px;

}

.subtext p {

	line-height: 15px !important;

	padding-top: 0px;

}

.subtext a {

	color: #ccc;

}

.subtext a:hover {

	color: #fff;

}

ul.gallery li {

	height: auto !important;

	margin: 0px 0px 24px 24px;

	width: 140px !important;

}

ul.gallery li:first-child {

	margin-left: 0px;

}

ul.gallery li img {

	width: 140px;

}

a.back {

	color: #066382;

	float: right;

	font-size: 11px;

	text-align: right;

	text-decoration: none;

	text-transform: uppercase;

	width: 100px;

}

a.back:hover {

	color: #a8c9d4;

}



a.translate {

	color: #066382;

	float: right;

	font-size: 11px;

	text-align: right;

	text-decoration: none;

	text-transform: uppercase;

	width: 200px;

}

a.translate:hover {

	color: #a8c9d4;

}



.pr-release ul {

	color: #ccc;

	font-size: 13px;

	line-height: 24px;

}



.pr-release li {

	list-style: none;

}



/* interior finishes */



#int-finishes {

    height: 105px;

    margin-top: 10px;

    padding: 5px 0px;

}



#quad-interior {

	float: left;

	width: 215px;

}



#quad-interior ul {



}



#quad-interior li {

	color: #ccc;

	font-size: 13px;

	line-height: 24px;

	list-style: none;

	padding-right: 18px;

}



#quad-interior2 {

	float: left;

	width: 300px;

}



#quad-interior2 ul {



}



#quad-interior2 li {

	color: #ccc;

	font-size: 13px;

	line-height: 24px;

	list-style: none;

	padding-right: 18px;

}



/* Tour

---------------------------------------------------- */



.col1 {

	float: left;

	margin-bottom: 25px;

	width: 315px;

}

.col1 img {

	float: left;

	margin-right: 8px;

}

.col1 h3 {

	font-size: 16px;

	padding: 0px;

}

.col1 h4 {

	font-size: 14px;

	padding: 0px;

}

.col1 p {

	padding: 0px;

}

.col2 {

	margin-bottom: 25px;

}

.col2 img {

	float: left;

	margin-right: 8px;

}

.col2 h3 {

	font-size: 16px;

	padding: 0px;

}

.col2 h4 {

	font-size: 14px;

	padding: 0px;

}

.col2 p {

	padding: 0px;

}





