/* Sandhu style.css */

body {
	width: 950px;
	margin: 15px auto;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
header, nav, section, article, footer, img {
	display: block;
}
a img {
	border: none;
}




/*** Header ***/
header {
	height: 80px;
}
.logo {
	float: left;
}
ul.youtube {
	float: right;
	list-style: none;
	margin: 10px 10px 5px 0;
	padding: 0;
}
ul.youtube li {
	float: left;
	padding: 0 5px;
}
ul.youtube a img {
	border: none;
}





/*** Side Nav ***/
nav {
	float: left;
	width: 175px;
	margin: 0;
	position: relative;
}
nav ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
nav ul li {
	font-size: 13px;
	line-height: 21px;
	margin: 0;
	padding: 0;
}
nav ul li a {
	text-decoration: none;
	color: #ac862e;
	display: block;
	width: 160px;
}
nav ul ul {
	padding: 0 0 2px 0;
	margin: 0;
}
nav ul ul li {
	border-bottom: #ad861e 1px solid;
	font-size: 10px;
	line-height: 10px;
	padding: 2px 10px;
}
nav ul ul li.top {
	border-top: #ad861e 1px solid;
}
nav ul li.selected a,
nav ul li:hover a {
	color: #fff;
}
nav ul li.selected li a {
	color: #ac862e;
}
nav ul ul li.selected a,
nav ul ul li:hover a {
	color: #fff;
}

nav .bordo {
	width: 175px;
	background: #571521;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	margin: 40px 0 10px 0;
}
nav .bordo p {
	margin: 5px 0;
}
nav .bordo h2 {
	color: #e2d5b1;
	margin: 5px 0;
	font-size: 15px;
}
nav .bordo a {
	color: #fff;
	text-decoration: none;
}






/*** Footer ***/
footer {
	clear: both;
	font-size: 10px;
	color: #666;
}
footer .left {
	float: left;
}
footer .right {
	float: right;
}
footer a {
	color: #666;
	text-decoration: none;
}
footer p {
	margin: 0;
}







/*** Content ***/
section.content {
	margin: 0 0 0 190px;
	padding: 0;
	position: relative;
}
section.content.border {
	margin: 20px 0 25px 190px;
	padding: 0 0 0 15px;
	border-left: #ac862e 1px solid;
}
section.content.white {
	background: #fff;
	color: #000;
}
section.left {
	float: left;
	width: 175px;
	margin: 20px 0 25px 0;
}
article.right {
	float: right;
	margin: 0 0 25px 0;
}
div.right {
	float: right;
	width: 210px;
	margin: 0 0 15px 15px;
}
.right img {
	margin: 16px 0 0 0;
	float: right;
}


article {
	margin: 0 215px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
}
.white article {
	color: #000;
}
article.home {
	margin: 0;
}

h1 {
	color: #ac862e;
	font-size: 44px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0;
}
h2 {
	color: #fff;
	font-size: 18px;
	margin: 18px 0 10px 0;
}
.white h2 {
	color: #000;
}
a {
	color: #ac862e;
}
p {
	margin: 10px 0;
}
article ul {
	margin: 8px 0;
	padding: 0;
	list-style: disc;
}
article ul li {
	margin: 3px 0 3px 15px;
	padding: 0;
}
article p {
	letter-spacing: 0.6px;
	line-height: 19px;
}
.clear {
	clear: both;
}
.highlight {
	color: #ac862e;
	font-weight: bold;
}



/* Home page */
.cols div {
	float: left;
	margin: 20px 0;
}
.cols .col1 {
	width: 300px;
}
.cols .col2 {
	width: 300px;
	margin: 20px  50px;
}
.cols .col3 {
	width: 205px;
	border-left: #ac862e 4px solid;
	padding: 0 0 0 35px
}
.col1 img {
	margin: 10px 0 0 40px;
}
.col2 p {
	font-size: 12px;
	margin: 0;
}
.col2 a {
	font-size: 14px;
	font-weight: bold;
	color: #ac862e;
}
.col3 p {
	margin: 5px 0;
	padding: 0;
}
.col3 a {
	color: #999;
	font-size: 12px;
}





/* Floorplans */
article.floorplans {
	margin: 0;
	padding: 0;
	text-align: center;
}
.floorplans h1 {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 18px;
	word-wrap: nowrap;
}
.floorplans #unitinfo {
	height: 80px;
}
.floorplans p {
	margin: 5px 0;
	text-align: center;
	font-size: 12px;
}
.floorplans img {
	display: block;
}
.floorplans ul {
	list-style: none;
	margin: 20px 0 0 40px;
	padding: 0;
	
}
.floorplans ul li {
	float: left;
	margin: 0;
	padding: 0;
}
.floorplans a img {
	border: none;
}
.floorunit {
	margin: 0;
	padding: 0;
}
.floorunit .unitimg {
	float: right;
	margin: 10px;
}

.floorunit .unitinfo {
	float: left;
	margin: 0;
}
.floorunit .unitinfo p {
	font-size: 17px;
}
.floorunit .unitinfo p strong {
	font-size: 20px;
	font-weight: normal;
}
.unitinfo .pdf img {
	margin: 60px 0 0 50px;
	padding: 0;
}





/* Map */
#map {
	clear: both;
	width: 950px;
	height: 960px;
	position: relative;
	background: #000 url(../images/map/bigmap.jpg) top left no-repeat;
}
.legend {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	float: left;
}
.legend img {
	margin: 0;
	padding: 0;
}
.legend li {
	height: 30px;
}
.box {
	position: absolute;
	text-align: center;
	padding: 25px 0 0 0;
	display: none;
	color: #000;
}
.box p.status {
	text-transform: uppercase;
	font-size: 10px;
	word-wrap: nowrap;
}
.box p {
	margin: 3px 0;
	padding: 0;
	font-size: 8px;
}
.box div {
	width: 150px;
	margin: 0;
}
.box h2 {
	margin: 0 0 3px 0;
	padding: 0;
	color: #000;
}
.box.bottomleft {
	background: transparent url(../images/map/box_bottomleft_top.png) top left no-repeat;
}
.box.bottomright {
	background: transparent url(../images/map/box_bottomright_top.png) top left no-repeat;
}
.box.topleft {
	background: transparent url(../images/map/box_topleft_top.png) top left no-repeat;
}
.box.topright {
	background: transparent url(../images/map/box_topright_top.png) top left no-repeat;
}
.box.bottomleft div {
	background: transparent url(../images/map/box_bottomleft_bottom.png) bottom left no-repeat;
	padding: 0 30px 30px 50px;
}
.box.bottomright div {
	background: transparent url(../images/map/box_bottomright_bottom.png) bottom left no-repeat;
	padding: 0 55px 30px 25px;
}
.box.topleft div {
	background: transparent url(../images/map/box_topleft_bottom.png) bottom left no-repeat;
	padding: 0 30px 30px 50px;
}
.box.topright div {
	background: transparent url(../images/map/box_topright_bottom.png) bottom left no-repeat;
	padding: 0 55px 30px 25px;
}
.box.bottomleft p.status,
.box.topleft p.status {
	padding: 0 30px 0 50px;
}
.box.bottomright p.status,
.box.topright p.status {
	padding: 0 55px 0 25px;
}


/* register */
.register {
	clear: both;
	background: #ac862e;
	color: #fff;
	font-size: 16px;
	height: 50px;
	margin: 10px 0;
	padding: 1px 0;
}
.register h1 {
	float: right;
	margin: 5px 30px;
	padding: 0;
}
.register p {
	margin:  0 50px;
	line-height: 50px;
}
.registerform th {
	text-align: right;
	font-weight: normal;
}
.required, th.required {
	font-weight: bold;
}
.registerlist {
	width: 980px;
	margin: 0 -8px;
	padding: 0;
	list-style: none;
}
.registerlist li {
	float: left;
	margin: 8px 8px;
	padding: 0;
	border: #ac862e 3px solid;
	background: url(../images/register_bg.jpg) top left no-repeat;
}
.registerlist a img {
	opacity: 1;
}
.registerlist a img:hover {
	opacity: 0.6;
}
#register .rright {
	float: right;
	width: 450px;
	margin: 40px 0 0 0;
}
#register .rleft {
	float: left;
	margin: 0 0 20px 50px;
}
#register h1 {
	margin: 5px 0;
}
#registrationForm table {
	width: 450px;
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
	color: #fff;
}
#registrationForm td, #registrationForm th {
	padding: 2px;
	margin: 0;
	text-align: right;
}
#registrationForm td {
	width: 60%;
}
#registrationForm th {
	width: 40%;
	font-weight: normal;
}
#registrationForm input,
#registrationForm textarea,
#registrationForm select {	
	width: 100%;
	border: #444 1px solid;
	font-size: 11px;
	padding: 1px;
	background: #222;
	color: #fff;
}
#registrationForm .required {
	font-weight: bold;
	color: #ac862e;
}
#registrationForm input.text_button {
	border: 0;
	background-color: transparent;
	padding: 0;
	text-transform: uppercase;
	color: #ac862e;
	overflow: visible; 
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
#registrationForm input.text_button:hover {
   color: #6F3741;
}


/* Contact */
.careers {
	background: #a0a455;
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 5px 5px 15px 5px;
	margin: 15px 0;
}
.careers a {
	color: #000;
}
.careers p {
	margin: 0;
}
.careers h2 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 2px;
	color: #000;
}
.imglink img {
	border: #ac862e 1px solid;
}
ul.imglink {
	list-style: none;
	padding: 0;
	margin: 0;
}
.imglink li {
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
}