/* Welcome to the Bridlewood stylesheet.
   Below you'll find a table of contents that
   may help you with finding what you need in
   this file.

	1.) Default element styles
	2.) Containers, Columns and Rows
	3.) Top Navigation
	4.) Main Navigation
	5.) Content-related classes
	6.) Page Footer
	7.) Home page styles





	1.) Default element styles
-------------------------------------------------------------------*/

body {
	background: #01203f url(../images/main_bg.png) repeat-x 0 105px;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
}

a {
	color: #a4894e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em 0;
	color: #001e3a;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

img {
	border: 1px solid #78777c;
}

p {
	margin: 0 0 1em 0;
}

ul {
	line-height: 1.5em;
}

li {
	list-style-image: url(../images/bullet.gif);
}












/*	2.) Containers, columns and rows
-------------------------------------------------------------------*/

#rootContainer {
	width: 867px;
	text-align: left;
	margin: 0 auto;
}

#headContainer {
	background: url(../images/top_bg.png) no-repeat;
	position: relative;
	margin: 30px 0 0 0;
	padding: 43px 0 0 0;
}

#bodyContainer {
	clear: both;
	background: url(../images/content_bg.png) repeat-y;
}

#contentContainer {
	background: url(../images/content_bg_top.png) no-repeat;
	border-top: 14px solid #fff;
	width: 781px;
	margin: 0 23px;
	padding: 10px 20px 0 20px;
	position: relative;
}

#topFlash {
	padding: 0 33px;
	background: url(../images/flash_bg.png) no-repeat;
	height: 230px;
}

#footerContainer {
	padding: 0 33px 43px 33px;
	height: 46px;
	background: url(../images/bottom_bg.png) no-repeat 0 100%;
	text-align: right;
}





#topFlash img{float:left; }






/*	3.) Top Navigation
-------------------------------------------------------------------*/

h1#mainLogo {
	text-indent: -10000px;
	width: 200px;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

#topNav {
	padding: 0 23px 0 23px;
	background: url(../images/content_bg.png) repeat-y #fff;
	width: 812px;
	height: 33px;
	text-align: right;
}

#topNav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 33px;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	background: url(../images/top_nav.png) no-repeat 100% 0;
}

#topNav li {
	float: right;
	margin: 0 0 0 1px;
}

#topNav li.email_a_friend {
	margin: 0;
}

#topNav a {
	display: block;
	background-image: url(../images/top_nav.png);
	background-repeat: no-repeat;	
	text-indent: -1000px;
	overflow: hidden;
	height: 33px;
	text-align: left;
}

#topNav li.email_a_friend a {
	background-position: 0 0;
	width: 98px;
}

#topNav li.email_a_friend a:hover {
	background-position: 0 -36px;
}

#topNav li.download_application a {
	background-position: -100px 0;
	width: 143px;
}

#topNav li.download_application a:hover {
	background-position: -100px -36px;
}

#topNav li.maintenance_request a {
	background-position: -244px 0;
	width: 135px;
}

#topNav li.maintenance_request a:hover {
	background-position: -244px -36px;
}

#topNav li.rent_payment a {
	background-position: -380px 0;
	width: 90px;
}

#topNav li.rent_payment a:hover {
	background-position: -380px -36px;
}











/*	4.) Main Navigation
-------------------------------------------------------------------*/

#mainNav {
	clear: both;
	padding: 0 33px;
	background: url(../images/flash_bg.png) no-repeat 0 100%;
}

#mainNav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 33px;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	background-image: url(../images/main_nav.png);
}

#mainNav li {
	float: left;
	margin: 0 0 0 1px;
}

#mainNav li.features {
	margin: 0;
}

#mainNav a {
	display: block;
	background-image: url(../images/main_nav.png);
	background-repeat: no-repeat;	
	text-indent: -1000px;
	overflow: hidden;
	height: 33px;
	float: left;
}

#mainNav li.features a {
	background-position: 0 0;
	width: 104px;
}

#mainNav li.features a:hover, #mainNav li.features a.currentLink {
	background-position: 0 100%;
}

#mainNav li.photos a {
	background-position: -105px 0;
	width: 68px;
}

#mainNav li.photos a:hover, #mainNav li.photos a.currentLink {
	background-position: -105px 100%;
}

#mainNav li.floor_plans a {
	background-position: -174px 0;
	width: 100px;
}

#mainNav li.floor_plans a:hover, #mainNav li.floor_plans a.currentLink {
	background-position: -174px 100%;
}

#mainNav li.maps_and_directions a {
	background-position: -275px 0;
	width: 153px;
}

#mainNav li.maps_and_directions a:hover, #mainNav li.maps_and_directions a.currentLink {
	background-position: -275px 100%;
}

#mainNav li.neighborhood_info a {
	background-position: -429px 0;
	width: 157px;
}

#mainNav li.neighborhood_info a:hover, #mainNav li.neighborhood_info a.currentLink {
	background-position: -429px 100%;
}

#mainNav li.e-brochure a {
	background-position: -587px 0;
	width: 92px;
}

#mainNav li.e-brochure a:hover, #mainNav li.e-brochure a.currentLink {
	background-position: -587px 100%;
}

#mainNav li.contact_us a {
	background-position: -680px 0;
	width: 121px;
}

#mainNav li.contact_us a:hover, #mainNav li.contact_us a.currentLink {
	background-position: -680px 100%;
}











/*	5.) Content-related classes
-------------------------------------------------------------------*/

.contentHeadline {
	width: 717px;
	height: 54px;
	background: url(../images/headline_background.jpg) #111 0 0 no-repeat;
	color: #fff;
	margin: 20px 0 0 0;
}

.contentHeadline h3 {
	font-size: 26px;
	font-variant: small-caps;
	margin: 18px 0 0 35px;
	padding: 0 21px 0 0;
	float: left;
	background: url(../images/headline_bullet.gif) no-repeat 100% 12px;
	letter-spacing: .3ex;
	font-weight: 200;
}

img.map {
	margin-bottom: 1em;
}


h4.fn, h4.hours, span.type { font-weight:bold; }

div.vcard {
		margin-bottom: 35px;
		margin-left: 125px;
		margin-right: 60px;
		float: left;
		display: inline;
}

div.officeHours {
	float: right;
	clear: right;
}
#aptAmenity h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#aptAmenity ul{ margin-top:0; }
#aptAmenity ul li{ list-style-type:none; }
#aptAmenity ul li li{ 
	list-style-type:disc;
	margin-left:20px;
}

/* Photos */
#mainGalleryImage{
	background-color:#01203d;
	float:left;
	margin-left:150px;	
	width:486px;
}
#mainGalleryImage img{
	margin:10px;
}
#galleryButtons{ padding: 0 0 10px 210px; }
#galleryButtons a {
	float:left;
	height:17px;
	margin:0 0 10px 0;
	width:25px;
	font-size: 0pt;
}
#galleryButtons #linkPrev{
	background:url('../images/arrow-back.gif') no-repeat transparent;	
}
#galleryButtons #linkNext{
	background:url('../images/arrow-next.gif') no-repeat transparent;	
	margin-left:10px;	
}
#galleryImages{
	float:left;
	margin-bottom:30px;
	margin-left:190px;	
	width:486px;
}

/* floor plans */
table#fpNamePriceTable {
	float: left;
	border-collapse: collapse;
	border-spacing: 1;
	width: 400px;
}

#fpNamePriceTable th { 
	text-align: center;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	color: #ffffff;
	background: #0055a4;	
	border: 1px solid #0055a4;
}

#fpNamePriceTable td {
	text-align: left;
	font-weight: normal;
	padding: 3px 5px 3px 5px;
	border: 1px solid #0055a4;
}

.unitType a {
	text-decoration: none;
}

#floorPlanDiv .hover, .theChosenOne {
	color: #ffffff;
	background: #0055a4;
	cursor: pointer;
}

#floorPlanInfo {
	float: left;
	width: 400px;
	height: 60px;
	margin: 0 0 10px 0;
	padding: 0;
}

#floorPlanInfo .fpInfo {
	float: left;
	width: 240px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#floorPlanDiv {
	float: left;
	width: 750px;
	margin: 0px 0px 0px 20px;
	display: inline;
	padding: 0px 0px 0px 0px;
}
	
div#left {
	float: left;
	width: 400px;
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
}

div#left p {
	float: left;
	width: 415px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
div#right {
	float: right;
	width: 330px;
	overflow: hidden;
	margin: 20px 0px 0px 0px;
	padding: 0;
	text-align: center;
}

#zoom {
	text-align: center;
}

div#right img { width: 325px; }
#aptAmenity.fpAmenities{ float:left; }
.disclaimer {
	float: left;
	width: 85%;
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	font-size: 8pt;
}

.addInfo {
	clear: both;
}

/* maintenance request */

div.serviceRequest{
	text-align: right;
	float: left;
	clear: right;
	margin-bottom: 10px;
	width: 510px;
}

*+html div.serviceRequest{ margin-bottom: 0px; }
div.serviceRequest label{
	clear:left;
	float:left;
	width:220px;
}
input{ 
	margin-bottom: 5px;
	width:260px;
}
div.serviceRequest textarea{
	height:150px;
	width:260px;	
}
div.serviceRequest label.radio{
	clear:none;
	float:none;	
	line-height:1.4;		
}
div.serviceRequest label.radioLeft{
	margin-right:150px;	
}
div.serviceRequest label.radio input{
	width:25px;
	vertical-align:top;	
}
input.button{ 
	margin-left:135px;
	width:60px;	
}
.requestDescrip{ vertical-align: top; }

.info{ margin-top: 5px; }

.formButton{
	margin-left: 125px;
	clear: left;
}
*+html .formButton{ margin-left: 140px; }
.required { color: #880000; }

#City{ width:88px;float:left;margin-left:26px; }
#StateLabel{ width:30px;clear:none;margin:0 8px; }
#State{ width:30px;float:left; }
#ZipLabel{ width:30px;clear:none;margin-right:8px; _width: 24px;}
#Zip{ float:left;width:50px; _width: 45px;}		
*+ html #ZipLabel{ width: 24px; }
	

/* neighborhood */
#neighborhood h3 {
	border-bottom: solid 1px #001e3a;
	color:#001e3a;
	float: left;
	font-size: 12pt;
	font-weight: bold;		
	width: 700px;
}
#neighborhood h3 a{ color:#001e3a; }
#neighborhood h3 a:hover{ text-decoration:none; }
#neighborhood .row { float: left; }
#neighborhood .cell {
	float: left;
	width: 320px;
	padding: 0 0 0 25px;
}

#neighborhood #contentTab {
	float: left;
	width: 699px;
	padding: 10px 30px 20px 30px;
	background: url(../images/inside_tab_bg.gif);
}
#categoryList{
	float:left;
	margin-bottom:25px;	
	padding:0 60px 0 55px;
	text-align:center;	
}
#categoryList a{
	margin-right:15px;
	text-decoration:underline;
}
/*	6.) Page Footer
-------------------------------------------------------------------*/

#bottom_breaker {
	clear: both;
	width: 801px;
	height: 14px;
	margin: 30px 33px 0 33px;
	background: url(../images/bottom_bar.png) 50% 0 no-repeat;
}

a.resite {
	float: right;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 138px;
	height: 46px;
	text-align: left;
	text-indent: -1000px;
	overflow: hidden;
	background-image: url(../images/poweredby.png);
}

#footerContainer img {
	margin: 0 10px 0 0;
}









/*	7.) Home page styles
-------------------------------------------------------------------*/

.homePageText {
	width: 361px;
	min-height: 181px;
	padding: 50px 30px 0 30px;
	background: url(../images/content_bg_right_tile.png) repeat-y 100% 0;
}

h2.homeHead {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 0;
	left: 0;
	width: 391px;
	height: 194px;
	padding: 30px 0 0 50px;
	background: url(../images/content_bg_right.png) no-repeat 100% 0;
	font-weight: bold;
}

.home_photo {
	margin: 10px 22px 0 0;
	float: right;
}
