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

body { margin-top: 0; background: url(../images/body_bg.jpg) center top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; }

#wrapper { margin: auto; width: 720px; }

a img { border: 0;}



/* - - - Header - - - */

#header { height: 125px; background:url(../images/header_bg.png) no-repeat; position: relative; }

a.logo { position: absolute; top: 10px; left: 10px; width: 175px; height: 105px; }

a.kite-logo { position: absolute; width: 240px; height: 30px; top: 16px; right: 8px; background:url(../images/kite_logo_top.png) no-repeat;  }

a.kite-logo:hover { background-position: 0 -30px; }



/* - - - NAV - - - */

ul#nav { list-style: none; margin: 0; padding: 0; height: 40px; width: 720px; border-bottom: 1px solid #fff; }

ul#nav li { display: inline; float: left; }

ul#nav li.nav-line { width: 1px; background:url(../images/nav_line.png) no-repeat; height: 40px; }

ul#nav li a { display: block; height: 40px; }

ul#nav li.nav-live a { background:url(../images/nav_live.png) no-repeat; width: 95px; }

ul#nav li.nav-shop a { background:url(../images/nav_shop.png) no-repeat; width: 103px; }

ul#nav li.nav-relax a { background:url(../images/nav_relax.png) no-repeat; width: 214px; }

ul#nav li.nav-leasing a { background:url(../images/nav_leasing.png) no-repeat; width: 150px; }

ul#nav li.nav-contact a { background:url(../images/nav_contact.png) no-repeat; width: 154px; }

ul#nav li a:hover, ul#nav li a.current { background-position: 0 -40px; }



/* - - - SUB NAV - - - */
ul#subnav { float: left; width: 199px; height: 240px; background-color: #D7D48F; list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 29px; border-right: 1px solid #fff; }

ul#subnav li { height: 29px; border-bottom: 1px solid #fff; text-indent: 20px; }

ul#subnav li.last { border: none; }

ul#subnav li a { color: #1a1a1a; text-decoration: none; background: url(../images/subnav_bg.png) no-repeat; width: 199px; heigh: 29px; display: block; }

ul#subnav li a:hover, ul#subnav li a.current { color: #fff; background-position: 0 -29px; }




/* - - - Main Content - - - */

.sub-image { width: 520px; height: 240px; float: right; position: relative; } 

#image-footer { clear: both; height: 10px; background:url(../images/bottom_image_bar.png) no-repeat; border-top: 1px solid #fff; _margin: -5px 0 0 0; _z-index: 100; }

#content { font-size: 11px; line-height: 22px; color: #4d4d4d; }

#content a {
	color: #007696;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover { color: #003758; text-decoration: underline; }

#content-left.two-col { width: 490px; float: left; padding: 15px 20px; }

#content-left.one-col { width: 680px; float: left; padding: 15px 20px; position: relative; }

.one-col { _padding: 15px 20px; }

#content-right { width: 190px; padding: 15px 0; float: right; }

.feature { width: 190px; height: 50px; margin-bottom: 15px; }

.feature.condos a { width: 190px; height: 50px; background:url(../images/feature_reservations.png) no-repeat; display: block; }

.feature.photos a { width: 190px; height: 50px; background:url(../images/feature_photos.png) no-repeat; display: block; }

.feature.events a { width: 190px; height: 50px; background:url(../images/feature_events.png) no-repeat; display: block; }

.feature.apartments a { width: 190px; height: 50px; background:url(../images/feature_apartments.png) no-repeat; display: block; }




.feature.hotels a {
	width: 190px;
	height: 50px;
	display: block;
	background-image: url(../images/feature_hotels.png);
	background-repeat: no-repeat;
}

.feature a:hover { background-position: 0 -50px; }

h1 { margin: 10px 0; color: #007696; font-size: 28px; font-family:Arial, Helvetica, sans-serif; line-height: 32px; }

h2 { color: #C36424; font-size: 13px; }

h4 { margin: 0; }

p.property_rule { border-bottom: 1px solid #999; padding-bottom: 8px; }

.property_form_links { padding: 2px 10px; border-right: 1px solid #666; float: left; line-height: 10px; }

.first { padding-left: 0; }

.last { border-right: none; }

.temp .property_form_links { color: #999;  border-color: #999; !important }

.left-copy { float: left; width: 330px; padding-right: 30px; }

.right-copy { float: left; width: 320px; }

.right-copy img { padding-top: 20px; }

#eddy_slideshow { _position: relative; _left: -100px;}



/* - - - Residential Preference Form - - - */

#content-left { margin: auto; }

#copy p { margin: 0 0 15px 0; } 

.form-element, .form-element-double-col { float: left; margin-bottom: 12px; font-size: 10px; }

.form-element-double-col { clear: left; float: left; }

#select-col2.form-element-double-col { clear: none; float: left; }

table#first-col { margin-right: 16px; }

.form-element-double-col table.select-cols tr td div.form-title { text-align: left; }

input.triple { width: 147px; padding: 0; margin:0 8px 0 0; } 

input.double { width: 228px; padding: 0; margin:0 8px 0 0; } 

input.single { width: 470px; padding: 0; margin:0; } 

.last { margin-right: 0; }

.radio-label { position: relative; top: -4px; padding: 0 5px 0 3px;   }

.choice { font-size: 10px; color: #007696; }

select { font-size: 9px; }

select.floorplan-select, select.floor-select { width: 336px; }

.form-element select { margin-top: 5px; }

.align-right { text-align: right; }

select.residence { width: 195px; }

textarea.comment-box { width: 470px; height: 100px; }

input.submit-button { width: 65px; height: 20px; color: #fff; background-color: #666666; border: none; font-size: 9px; line-height: 20px; display: block;}

#form-comments, #submit { clear: left; float: left; }

ul.res-forms { padding: 0 0 0 20px; margin: 0 0 15px 0; }

#content ul.res-forms a { color: #C36424; text-decoration: none; }

#content ul.res-forms a:hover { color: #A5531D; text-decoration: underline; }




/*  - - - Demographics Table - - -  */

table#prop_demo {border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; margin-bottom: 20px; }

td.prop_demo_head {background-color:#51524D; font:normal 10px verdana, arial, sans-serif; color:#fff; padding:3px; border-bottom:1px solid #999; }

td.prop_demo_data {background-color:#fff; font:normal 10px verdana, arial, sans-serif; color:#666; padding:3px; border-bottom:1px solid #999; }

td.prop_demo_rows {background-color:#fff; font:bold 10px verdana, arial, sans-serif; color:#000; padding:3px; border-bottom:1px solid #999; }




/*  - - - Siteplans - - -  */

.siteplan {
	width: 420px;
	float: left;
}

.res-siteplan { width: 520px; height: 240px; float: left; }

.siteplan-nav { width: 100px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 0; right: 0; color: #000; background-color: #99C8D5; height: 240px; text-transform: uppercase; background:url(../images/siteplan_nav_bg.png) repeat-y; }

#spRetail, #spOffice, #spHotelCondos, #spCourtyard, #spCondos, #spCityHomes, #spFlats, #spApartments, #spHotels { display: none; }

.siteplan-text { position: absolute; top: 10px; left: 12px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.siteplan-nav a { padding: 4px 10px; display: block; width: 80px; border-bottom: 1px solid #fff; text-decoration: none; color: #4d4d4d; background:url(../images/siteplan_nav_link_bg.png); }

.siteplan-nav .current a { color: #fff; background-position: 0 -100px; }

.siteplan-nav a:hover { color:#fff; }

.slide-link { color: #007696; cursor:pointer; }

.siteplan-text.condos { color: #af704d; }

.siteplan-text.courtyard { color: #cb771d; }

.siteplan-text.cityhomes { color: #007795; }

.siteplan-text.flats { color: #f6a034; }

.siteplan-text.apartments { color: #ffc10e; }

.siteplan-text.hotels { color: #4d405e; font-size: 11px; top: 5px; width: 500px; }

.siteplan-text.office { color: #aea91f; }

.siteplan-text.retail { color: #ac3c1b; }

.res-siteplan .siteplan-text { font-size: 14px; top: 10px; }




/*  - - - Accordian Text - - -  */

a.accordian-link { font-weight: bold; text-transform: uppercase; font-size: 12px; cursor: pointer; background:url(../images/slide_arrows.png) no-repeat 0 2px; padding: 0 0 0 20px; color: #007696; text-decoration: none; }

a.accordian-link:hover { background-position: 0 -13px; color: #003758; }

a.accordian-link.selected { background: url(../images/slide_arrows_up.png) no-repeat 0 -15px; text-decoration: none; }

a.accordian-link.selected:hover { background-position: 0 0; }

p.property_rule { margin: 0 0 10px 0; }

.property_form_links { margin-bottom: 10px; }




/*  - - - Retailer List - - -  */

.retailer-col { width: 320px; float: left; padding-top: 15px; }

.retailer-col.rpad { padding-right: 30px; }

.retailer { padding-bottom: 30px; line-height: 18px; }

.retailer-name { font-size: 14px; font-weight: bold; color: #cb771d; }

.retailer-hours { font-weight: bold; font-size: 10px; }

.retailer-text { font-size: 10px; line-height: 16px; padding-top: 10px; font-style: italic; }

.retailer-url a { color: #cb771d; text-decoration: none; }

.retailer-url a:hover { text-decoration: underline; }

.retailer-rule { height: 1px; border-bottom: 1px solid #666; margin: 0 0 30px 0;}




/*  - - - Parking List - - -  */

ul.parking-list { width: 120px; float: left; list-style: none; margin: 0 0 30px 0; padding: 0 0 0 5px; }

ul.parking-list.plbold { font-weight: bold; }



/* - - - Contact Form - - - */

.contact-left { width: 300px; float: left; }

.contact-right { width: 300px; float: left; }

.contact-full { clear: both; }

.contact-form-row { margin-bottom: 15px; }

textarea.comments { width: 574px; height: 150px; }

.contact-left input, .contact-right input { width: 270px; }

.contact-form-title { font-size: 10px; margin-top: 10px; }

.three { float: left; }

.contact-form-title.city { width: 160px; margin: 0; }

.contact-form-title.state { width: 47px; margin: 0; }

.contact-form-title.zip { margin: 0; }

.contact-right input.city { width: 145px; float: left; margin: 2px 10px 0 0; }

.contact-right input.state { width: 32px; float: left;  margin: 2px 10px 0 0; }

.contact-right input.zip { width: 60px; float: left; margin: 2px 0 0 0; }

.contact-full input { width: 570px; }

.contact-full input.chx { margin-top: 0; width: 15px; }

.contact-full input.radio { width: 15px; }

.contact-full label { padding-bottom: 10px; line-height: 25px; }

input#other { width: 225px; margin-left: 10px; }

.contact-form-input.other { margin: 10px 0 20px 0; }

.form-italic { font-style: italic; }

input.contact-submit { width: 100px; }



/* - - - Footer - - - */

#footer { clear: both; font-size: 9px; color: #999; background:url(../images/footer_bg.png) no-repeat; padding-top: 20px; position: relative; height: 100px; }

.footer-left { float: left; width: 670px; padding-left: 20px; letter-spacing: 0em; }

.more { padding: 0 9px; }

a.krg { position: absolute; top: 12px; right: 18px; height: 30px; width: 30px; display: block; }

.footer-left a { color: #4c4c4c; text-decoration: none; !important }

.footer-left a:hover { text-decoration: underline; } 

.footer-disclaimer { padding: 10px 20px; width: 680px; border-top: 1px solid #999; margin-top: 20px; }

.clear { clear: both; }



/* - - - KICK OFF CONCERT - - - */

#minisite.one-col {
	width: 682px;
	float: left;
	padding: 14px 19px;
	position: relative;
}
#minisite.one-col-nopad {
	width: 682px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 19px;
}

#minisite.content {
	width: 499px;
	float: left;
	padding: 0px 0px;
	position: relative;
	height: 1000px;
}

#minisite.repeaterbar {
	width: 7px;
	height: 1000px;
	float: left;
	padding: 0px 0px;
	position: relative;
	background-image: url(../images/kickoffconcerts/barRepeater.jpg);
	background-repeat: repeat-y;
}

#minisite.buttonright {
	width: 171px;
	float: left;
	padding: 0px 0px;
	position: relative;
}

#minisite.siteplan {
	width: 255px;
	float: left;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

#minisite.parkingmap {
	width: 323px;
	float: left;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#minisite.table {
	width: 244px;
	float: left;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

#minisite.border {
	height: 1000px;
	border: 2px solid #D17115;
}
#minisite.text {
	width: 479px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
}
#minisite.textparking {
	width: 166px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#minisite.textbottom {
	width: 479px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
}