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

html	{height:100%;}

body {
	margin:20px 0 0 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	font-size:11px;
	line-height:27px;
	background:#0c1c26;
	}

img	{border:none;}

h1 { color:#b19037; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; line-height:27px; text-transform:uppercase;}
h2 { color:#490000; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:27px;}
h3 { color:#490000; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin:0px;}

a { color:#b19037; border-bottom:dotted 1px #b19037; text-transform:uppercase; text-decoration:none;}
a:hover { color:#0c1c26; border-bottom:solid 1px #0c1c26; text-transform:uppercase; text-decoration:none;}

ul {list-style:square;}

/*positioning*/

#globalWrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background-color:#fff;
	}

*html #headerWrapper { height:300px; overflow:hidden;} 
#headerWrapper {
	width:900px;
	height:304px;
	background:#420001;
	}

#headerImage {
	width:900px;
	height:95px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat;
	}

#headerImage a {border:none;}

#goldLine {
	width:900px;
	height:17px;
	background-image:url(../images/gold-line.gif);
	background-repeat:repeat;
	}

*html #headerPhotos { height:148px; width:360px; overflow:hidden;}
#headerPhotos {
	width:360px;
	height:150px;
	background:#000;
	float:left;
	margin:0;
	padding:0;
	}

*html #headerText { border-left:none; width:530px; height:148px; overflow:hidden;} 
#headerText { 
	width:538px;
	height:150px;
	background:#000;
	float:right;
	border-left:#420001 solid 2px;
	overflow:hidden;
	}

#mainNav {
	width:900px;
	height:42px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:repeat;
	}

#navItems {
	width:900px;
	height:42px;
	display:block;
	float:left;
	}
	
#navItems ul { display:block; float:left; margin:0; padding:0; overflow:hidden;}
#navItems li { display:block; float:left; list-style:none; margin:0; padding:0;}
#navItems a {border:none;}
	
#contentWrapper {
	width:900px;
	background-color:#d4dbdf;
	}

#col1 {
	width:297px;
	height:100%;
	float:left;
	padding-bottom:30px;
	}

#col1Image {
	width:297px;
	height:35px;
	color:#d4dbdf;
	}

#col1NavItems {
	width:297px;
	height:105px;
	}

#col1NavItems ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	}

#col1NavItems li {
	font-size:11px;
	text-transform:uppercase;
	height:35px;
	width:298px;
	border-bottom:#fff solid 2px;
	background-color:#f2f2f2;
	}
	
#col1NavItems li a{ color:#0c1c26; margin-left:20px; text-decoration:none; border:none;}
#col1NavItems li a:hover{ text-decoration:none; border:none;}

#col1NavItems ul li:hover { color:#b19037; text-decoration:none;background-color:#fff;}
	
#col1NavItems img{ margin-left:24px; margin-top:12px;}

#col1 a{ color:#0c1c26; text-decoration:none; text-transform:uppercase;}
#col1 a:hover{ color:#b19037; text-decoration:underline;}

*html #col2 { border-left:#fff solid 1px;}
#col2 {
	width:541px;
	height:100%;
	float:right;
	background-color:#e8edf1;
	border-left:#fff solid 2px;
	padding:30px;
	}

#col2Nav {
	width:541px;
	height:20px;
	}

#col2Nav ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	}

#col2Nav li {
	display:block;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	margin-right:30px;
	}

#col2Nav a { color:#b19037; border-bottom:dotted 1px #b19037; text-transform:uppercase; text-decoration:none;}
#col2Nav a:hover { color:#0c1c26; border-bottom:solid 1px #0c1c26; text-transform:uppercase; text-decoration:none;}
#col2Nav a:active { color:#0c1c26; border-bottom:dashed 1px #0c1c26; text-transform:uppercase; text-decoration:none;}

#bullets1 {
	width:265px;
	height:auto;
	float:right;
	}
	
#bullets1 ul {margin-left:12px; padding:0px;}
#bullets1 li {
	margin:0px;
	list-style:square;
	line-height:16px;
	}

#bullets2 {
	width:235px;
	height:auto;
	float:left;
	}
	
#bullets2 ul {margin-left:12px; padding:0px;}
#bullets2 li {
	margin:0px;
	list-style:square;
	line-height:16px;
	}

#cityscape {
	width:541px;
	height:295px;
	border-bottom:1px dotted #0c1c26;
	border-top:1px dotted #0c1c26;
	padding-bottom:30px;
	padding-top:30px;
	background-color:#fff;
	}

#skyline {
	width:541px;
	height:255px;
	border-bottom:1px dotted #0c1c26;
	padding-bottom:30px;
	padding-top:30px;
	background-color:#d4dbdf;
	}

#metropolis {
	width:541px;
	height:265px;
	padding-top:30px;
	border-bottom:1px dotted #0c1c26;
	background-color:#fff;
	}
	
#bottom {
	width:900px;
	height:30px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}
#bottom ul {display: block; list-style: none; margin: 0;}
#bottom li {display: inline; list-style: none; margin: 0; padding: 0 5px;}
#bottom a {text-transform: none; font-size: 11px;}
#bottom a:hover {color: #cccccc;}

/*classes*/

.home_btn {display:block; width:150px; height:42px; overflow:hidden; float:left; background-image:url(../images/home-btn.jpg); background-position:top; }
.home_btn:hover { display:block; background-position:0 100%; }
.home_btn_active {display:block; width:150px; height:42px; float:left; background-image:url(../images/home-btn.jpg); background-position:bottom; overflow:hidden; }

.features_btn {display:block; width:148px; height:42px; overflow:hidden; float:left; background-image:url(../images/features-btn.jpg); background-position:top; }
.features_btn:hover { display:block; background-position:0 100%; }
.features_btn_active {display:block; width:148px; height:42px; float:left; background-image:url(../images/features-btn.jpg); background-position:bottom; overflow:hidden; }

.floorplans_btn {display:block; width:151px; height:42px; float:left; background-image:url(../images/floorplans-btn.jpg); background-position:top; }
.floorplans_btn:hover { display:block; background-position:0 100%; }
.floorplans_btn_active {display:block; width:151px; height:42px; float:left; background-image:url(../images/floorplans-btn.jpg); background-position:bottom; overflow:hidden; }

.area_btn {display:block; width:121px; height:42px; float:left; background-image:url(../images/area-btn.jpg); background-position:top; }
.area_btn:hover { display:block; background-position:0 100%; }
.area_btn_active {display:block; width:121px; height:42px; float:left; background-image:url(../images/area-btn.jpg); background-position:bottom; overflow:hidden; }

.residentliving_btn {display:block; width:179px; height:42px; float:left; background-image:url(../images/residentliving-btn.jpg); background-position:top; }
.residentliving_btn:hover { display:block; background-position:0 100%; }
.residentliving_btn_active {display:block; width:179px; height:42px; float:left; background-image:url(../images/residentliving-btn.jpg); background-position:bottom; overflow:hidden; }

.contact_btn {display:block; width:151px; height:42px; float:left; background-image:url(../images/contact-btn.jpg); background-position:top; }
.contact_btn:hover { display:block; background-position:0 100%; }
.contact_btn_active {display:block; width:151px; height:42px; float:left; background-image:url(../images/contact-btn.jpg); background-position:bottom; overflow:hidden; }

.floorplan {font-size:11px; color:#b19037; text-transform:uppercase; font-weight:bold;}
.floorplanName {font-size:11px; color:#490000;}

/* forms styles */
.form-container {
	padding-bottom:10px;
	margin:2px 0 20px 0;
	background: url(images/formContainer_bkg.png);
}

.form-container td {
	width:204px;
	padding-top:2px;
	padding-bottom:3px;
	border-bottom:1px dotted #660000;
}
.float-left {
	float:left;
	margin-right:5px;
}
input, select, submit, textarea {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding: 2px;
	margin-top:2px;
	border: 1px solid #999999;
}
input:hover, select:hover {
	background:#FFFFCC;
}
#reset:hover {
	background:#CC0000;
	color:#FFFFFF;
}
#submit:hover {
	background: #339900;
	color:#FFFFFF;
}
#first, #last, #email, #phone, #address, #city, #other, #other2 {
	width:175px;
}
#comments {
	width:409px;
}
.rate {
	width:13px;
	height:13px;
	margin-right:5px;
	font-size:10px;
	text-align:center;
}