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

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	width: 900px;
	background: #ffffff;
	margin: 0 auto;
	text-align: left;
}

#header {
	margin-top:15px;
	width: 900px;
	height: 129px;
	background: #fff;
	}

#header_bar {	
    width: 900px;
	height: 88px;
	background: #666;
	margin-top: 12px;
	float:left;
}
#header_logo {
	float: left;
	padding: 6px 0px;
	background: #666;
}

#header_buttons{
	padding-left:172px;
}

#top_header {
	margin-left: 35px;
	padding-top: 22px;
	background: #666;
}

.top_header_button{
	cursor: pointer;
	margin-right: 12px;
	display:inline;
	font: 15px Arial, Helvetica, Verdana, sans-serif;	
	color: #ffffff;
	background: #666;
}

#bottom_header {
	margin-top:7px;
	margin-left:12px;
	background: #666;
}

.bottom_header_button{
	cursor: pointer;
	margin-right: 12px;
	display:inline;	
	border: #000;
}


#form_apply_now{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#apply_now {
	float: left;
	margin-left: 715px;
	background: #ffffff;
	border: 1px solid #666;
	width:170px;
	margin-top:-110px;
}

#apply_now_button {
	cursor: pointer;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.apply_now_form {
	margin-left: 4px;
	
}

label.apply_now_form {
	font-size: 12px;
	display:block;
	height: 14px;
	color: #59647a;
}

input.apply_now_form {
	width: 155px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
	
}


#get_started {
	margin-left: 74px;
	margin-bottom: 4px;
	margin-top: 4px;
}

#photos {
	float: left;
	margin: -385px 0px 0px 0px;
	width: 900px;
	height: 50px;
}

.video_photos {
	cursor: pointer;
	float: left;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	margin-top: 15px;
	border: 1px solid #666;
}

#middle {
	width: 900px;
	margin-top: 15px;
}

#video {
	float: left;

	width: 890px;
    height: 360px;
	margin: -30px 0px 0px 4px;
}

#home_photobox {
	float: left;

	width: 890px;
    height: 330px;
	margin: -10px 0px 10px 4px;
}

#unit_info {
	float: left;
	padding-top: 5px;
	width: 890px;
    height: 355px;
	margin: -30px 0px 0px 4px;
}



#bottom_buttons {
	margin-top: 0px;
	width: 900px;
	background: #ffffff;
}

#button_one {
	position: absolute;
	z-index: 100;
	float: inherit;
	margin: -57px 0px 0px 8px;	
}

#button_1 {
	background: #eee;
	margin-left: 5px;
	margin-top: 5px;
	border: 1px solid #888;
}

#button_1_select {
	margin-top: -1px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
	
#button_1_signin {
	margin-top: -1px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 9px;
	color: #000;
}

#button_1_periods {
	margin-top: -7px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 9px;
	color: #000;
}

#button_1_applied {
	margin-top: -1px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

#button_5{
	background: #eee;
	margin-top: 5px;
	border: 1px solid #888;
}

label.login_form {
	font-size: 11px;
	display:block;
	height: 14px;
	color: #59647a;
	margin-left: 8px;
}

input.login_form {
	width: 155px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
	margin-left: 8px;
	
}

#login {
	float: left;
	margin-left: 130px;
}

.buttons {
	width: 171px;
	height: 84px;
	border: 1px solid #888;
	background: #ffffff;
	margin-left: 6.25px;
	margin-top: 5px;
	float: left;
	cursor:pointer;
}

.bottom_button_title {
	margin-top: 1px;
	margin-left: 4px;
	margin-right: 2px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.bottom_button_subtitle {
	margin-left: 4px;
	margin-right: 2px;
	font-size: 9px;
	color: #000;
}

.bottom_button_photo {
	margin-top: 1px;
	margin-left: 4px;
	margin-right: 2px;
	width: 164px;
	height: 54px;
}

#footer {
	height: 35px;
	width: 900px;
	margin-top: 5px; 
	background: #666;
	display: block;
}

#address {
	float: left;
	margin: 4px;
}

#trittenbach {
	float: right;
	margin-top: 9px;
	margin-right: 10px;
}

#facebook {
	float: right;
	margin-top: 8px;
	margin-right: 10px;
}

#myspace {
	float: right;
	margin-top: 6px;
	margin-right: 10px;
}
	
.apply {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #003366;
	background: #D9E8EA;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




#unit_left_sidebar {
	float: left;
	width:94px;
	height: 340px;
}

#unit_buttons{
	position:absolute;
	height:60px;
	width: 94px;
}

.unit_button {
	margin-bottom: 2px;
	width: 94px;
	color: 59647a;
}

#button_photo {
	width: 94px;
	color: 59647a;
}

#unitphoto1 {
	width: 46px;
	height: 46px;
	background: #666;
}

#unitphoto2 {
	margin-left: 2px;
	width: 46px;
	height: 46px;
	background: #666;
}


#photo_filler {
	float: left;
	margin-left: 60px;
	margin-top: -340px;
}

#photostack {
	position:absolute;
}

#unitmap_legend{
	position:absolute;
	visibility:hidden;
	z-order:-100px;
	height:280px;
}

#unit_buttons_container{
	height:60px;
}

#floorplan_bar_container{
	position:absolute;
	visibility:hidden;
	z-order:-200px;
	height:280px;

}

#floor_slider {
	position:absolute;
	left:16px;
	top:7px;
	z-index:500;
	height:255px;

}

.photostack_thumb_left {
	float: left;
	width: 46px;
	height:46px;
	margin-right: 0px;
}

.photostack_thumb_right{
	margin-left: 48px;
	width: 46px;
	height: 46px;
}

.photopair{
	margin-bottom:2px;
}

#left_photo_navigation_button {
	float: left;
	width: 46px;
	height:40px;
	margin-right: 0px;
}

#right_photo_navigation_button {
	margin-left: 48px;
	width: 46px;
	height: 40px
}

#photobox_bg{
	background-image:url('http://www.brooksidetownhomes.com/images/units/units_photobox_bg.png');
	margin-left: 100px;
	width: 600px;
	height: 340px;
	border: 1px solid #59647a;
	margin-top: 0px;	
}

#photobox {

}

#price_features {
	float: left;
	margin-left: 720px;
	margin-top: -354px;
	padding-top: 15px;
	width: 160px;
}

#features_title {
	width: 180px;
	margin-left: -5px;
	color: #59647a;
	font-weight: bold;
	font-size: 20px;
	line-height: 110%;
}

#pricing_title {
	width: 190px;
	margin-left: -5px;
	color: #59647a;
	font-weight: bold;
	font-size: 14px;
	line-height: 110%;
}

#features {
	width: 190px;
	margin-left: -5px;
	color: #59647a;
	font-size: 12px;
	/*line-height: 66%;*/
}

#features ul{
	padding-left: 1em;
	margin-left: 1em;
}

#price {
	font-size: 18px;
}

.subprice_title{
	font-weight: bold;
}

.subprice{
	margin-left:10px;
}
#pricing p{
	margin: 5px;
}
#pricing {
	width: 190px;
	margin-left: -5px;
	padding-left: 5px;
	color: #59647a;
	font-size: 10px;
	/*line-height: 66%;*/
}

#single_bar {
	float: left;
	margin-left: 60px;
	margin-top: -340px;
}	

#first_floor {
	float: left;
	margin-left: 65px;
	margin-top: 55px;
}	
	

#floor_options {
	float: left;
	margin-left: 620px;
	margin-top: -340px;
}	



#twobed {
	float: left;
	margin-left: 380px;
	margin-top: -325px;	
}

#floorbuttons {
	float: left;
	margin-left: 10px;
	margin-top: -295px;
}

#next {
	margin-left: 262px;
	margin-top: 5px;
}

#field1 {
	float: left;
	margin-left: 50px;
	margin-top: 20px;
}

#field2{
	float: left;
	margin-left: 30px;
	margin-top: -320px;
}

.radio {
	font-size: 12px;
	color: 59647a;
}

#message {
	float: left;
	margin-left: 140px;
	margin-top: 100px;
}

#day {
	margin: 15px;
	float: left;
}

#field3 {
	float: left;
	margin-left: 20px;
	margin-top: -325px;
	z-index: -1v;
}





.formbox legend{
	text-align:left;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	border:1px solid #000000;
	background:#FFF;
	color:#036
}

#find_photo {
	float: left;
	background: #ffffff;
	width: 890px;
	height: 300px;
	margin: -10px 0px 0px 0px;
}

#find_middle {
	width: 900px;
	height: 300px;
	margin-top: 20px;
}

#questions {
	font: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	color: #59647a;
	font-size: 16px;
	font-weight: bold;
}

#options {
	font: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	color: #59647a;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}

label.apply_now_form_email {
	font-size: 13px;
	color: ##59647a;
	font-weight: bold;
}

input.apply_now_form_email {
	width: 311px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px:
	background: #ffffff;
	border: 1px solid #59647a;
	
}

#find_middle {
	margin-top: -5px;
	width: 900px;
	height: 340px;
	background: #666;
}

#find_middle_left {
	margin-top: 55px;
	width: 200px;
	height: 230px;
	background: #d1d3d4;
	float: left;
}

#find_middle_center {
	margin-left: 10px;
	margin-top: 10px;
	width: 480px;
	height: 320px;
	background: #eee;
	float: left;
}

#middle_center_center {
	margin: 5px;
	width: 469px;
	height: 315px;
}

#find_middle_right {
	margin-top: 55px;
	margin-left: 10px;
	width: 200px;
	height: 230px;
	background: #d1d3d4;
	float: left;
}

input.first_name_form {
	width: 130px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
	
}

input.last_name_form {
	width: 130px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
	display: inline;	
	float: left;
}

input.address_lineone_form {
	width: 355px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

input.address_linetwo_form {
	width: 305px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}
input.address_city_form {
	width: 177px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

input.address_state_form {
	width: 20px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

input.address_zip_form {
	width: 75px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

input.address_phone_form {
	width: 310px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

input.address_email_form {
	width: 315px;
	font-size: 10px;
	margin-bottom: 2px;
	background: #ffffff;
	border: 1px solid #666;
}

.fltlft {
	float:left;
	margin-right:8px
}

.normal_fieldset {
	margin:1em 0;
	padding:1em;
}

.invis_fieldset {
	margin:10px 0;
	padding:0;
	border: none;
}

#feature_icon {
	margin-top: 5px;
	height: 46px;
	margin-left: 60px;
	line_height: 66%;
	color: #59647a;
	font-weight: bold;
	font-size: 18px;
}

#feature_icon_right {
	float: left;
	margin-left: 500px;
	margin-bottom: 10px;
	margin-top: -305px;
}

#feature_icon_right_inside {
	margin-top: 5px;
	height: 46px;
	line_height: 66%;
	color: #59647a;
	font-weight: bold;
	font-size: 18px;
}

#dayinlife {
	width: 450px;
}

#day_photocolumn {
	width: 100px;
	margin-left: 5px;
}

#day_photo {
	width: 100px;
	margin-top: 10px;
}

#day_text_column {
	float: left;
	width: 345px;
	margin-left: 110px;
	margin-top: -100px;
}

#day_text {
	margin-left: 5px;
	line_height: 50%;
	color: #59647a;
	font-size: 14px;
}

#dayinlife_right {
	width: 450px;
	float: left;
	margin-left: 455px;
	margin-top: -330px;
}