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


/* --------- COLORS

	tan backgrnd : #d7d3c3
	



  -------------- */

html { min-height:700px; cursor:auto; overflow-y: scroll;}

body { background-image: url("bkground.gif"); background-repeat:repeat-x; margin:0; padding:0; background-color:#d7d3c3;}
	

#container { width:940px;   margin:0 auto;}
#brand { width:940px; height:190px; margin: 0 0 14px 0; }
#brand .logo a {position:relative; width:330px; top:56px; height:112px; display:block;  background-repeat:no-repeat; background-position:top left;}
#brand #nav { position: relative; top:56px; height:20px; width:512px;   left:398px; height:50px;  display:block;}
#canvas_wrapper #secondNav {position:absolute; top:107px; width:145px; height:300px; left:40px; z-index: 50; }
#canvas_wrapper #secondNav_lifestyle {position:absolute; left:-33px; top:95px; width:145px;  float:left; z-index: 50;   }
#canvas_wrapper #secondNav_amenities {position:absolute; left:-33px; top:95px; width:145px;  float:left; z-index: 50;}



/* ---------MAIN CONTENT-------------- */



#canvas_wrapper {position:relative;  width:940px;}
#canvas_wrapper #canvas {position:relative; width:770px; float:right; display:block; background-image: url("canvas_shadow.png"); background-repeat:no-repeat; }


#canvas_wrapper #canvas #content {position: relative; top:6px; left:10px; width:747px; background-image: url("canvas_background.gif"); background-repeat:repeat-y; display:block;  }
#canvas #content p.canvas_top {background-image: url("canvas_top.gif"); background-position: top left; margin:0; padding:0; height:9px; top:0; background-repeat:no-repeat;}
#canvas #content p.canvas_bottom {background-image: url("canvas_bottom.gif"); background-position:bottom left; background-repeat:no-repeat; bottom:0; padding:0; margin:0; display:block; height:20px; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.page_spacer { display:block; width:395px; height:50px; margin:0; padding:0; }
.title_spacer {display:block; width:395px; height:5px;}
.bottom_spacer { display:block; width:385px; height:15px;}
ul#canvas_content { padding:0; margin:14px 0 0 40px; list-style:none; display:block; width:675px; top:0; left:0; min-height:450px;}
#canvas_content  li.content_left { display:block;  float:left; margin:15px 20px 0 0;}
#canvas_content li.content_right { display:block; float:right; width:375px; padding: 0 15px 0 0;}


/* ---------FOOTER -------------- */
#blah {float:right; width:825px;}

#canvas_wrapper #footer { float:right; margin: 10px; 0 0 0; }


#footer ul#footer_area {list-style:none; padding:0; display:block; display:block;  text-align:right; margin:0 auto;}


#footer td.top { margin:10px 0 40px 0; display:block;}
#footer td.top a.footer_spacing { display:block; padding: 3px 10px 3px 10px; float:right;}
a.footer_spacing_end { display:block; padding: 0 0 0 10px;}

#footer a.icon { padding:10px 0 0 0;}


/* ---------TEXT SIZER-------------- */
	
#canvas_wrapper #canvas  ul#text_sizer {position:absolute; top:30px; left:620px; padding:0; margin:0; list-style:none; width:110px; z-index:200;}
#canvas_wrapper #canvas  ul#text_sizer li.caption { width:62px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position: 0 -19px;}

#canvas_wrapper #canvas  ul#text_sizer li.minus { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:66px -19px;}
#canvas_wrapper #canvas  ul#text_sizer li.minus a { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-60px -19px;}
#canvas_wrapper #canvas  ul#text_sizer li.minus a:hover { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-60px -1px;}

#canvas_wrapper #canvas  ul#text_sizer li.plus { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:66px -19px;}
#canvas_wrapper #canvas  ul#text_sizer li.plus a { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-82px -19px;}
#canvas_wrapper #canvas  ul#text_sizer li.plus a:hover { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-82px -1px;}





/* ---------TEXT SIZER SELECTED STATES-------------- */
#canvas_wrapper #canvas  ul#text_sizer li.minus_off { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-60px -38px;}
#canvas_wrapper #canvas  ul#text_sizer li.plus_off { width:22px; height:20px; display:block; float:left; background-image: url("text_size.gif"); background-repeat:no-repeat; background-position:-82px -38px;}


/* --------- MENU -------------- */


#nav ul#main_nav { position:relative; left:0; top:0; display:block;  padding:0; margin:0; width:533px; list-style:none; height:60px; }
#nav ul#main_nav li.home { float:left; width:75px; height:38px;  display:block;}
#nav ul#main_nav li.about_us { float:left; width:111px; height:38px;  display:block;}
#nav ul#main_nav li.lifestyles { float:left; width:124px; height:38px;  display:block;}
#nav ul#main_nav li.amenities { float:left; width:215px; height:38px;  display:block;}



#secondNav ul#secondary_nav  { position:relative; left:0; top:0; display:block;  padding:0; margin:0; width:146px; list-style:none; height:60px; z-index:100; }
	
ul#secondary_nav li.our_staff  { position:relative; width:146px; height:30px;  display:block;}
ul#secondary_nav li.our_philosophy { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav li.our_history { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav li.directions { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav li.contact_us { float:left; width:146px; height:30px;  display:block;}

#secondNav ul#secondary_nav_lifestyle  { position:relative; left:0; top:0; display:block;  padding:0; margin:0; width:146px; list-style:none; height:60px; z-index:100; }


ul#secondary_nav_lifestyle  li.asbury_village  { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_lifestyle  li.apartment_homes { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_lifestyle  li.wesleyan_suites { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_lifestyle  li.magnolia_terrace { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_lifestyle  li.events { float:left; width:146px; height:30px;  display:block;}

#secondNav ul#secondary_nav_amenities  { position:relative; left:50px; top:50px; display:block;  padding:0; margin:0; width:146px; list-style:none; z-index:100;  }
ul#secondary_nav_amenities  li.activities { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_amenities  li.amenities_services { float:left; width:146px; height:30px;  display:block;}
ul#secondary_nav_amenities  li.faq { float:left; width:146px; height:30px;  display:block;}



/* --------- TYPOGRAPHY  -------------- */


 a, a:active, a:visited {color:#b20838; text-decoration:none; }
 a:hover { color:#b20838; text-decoration:underline;}

p.footnote {color:#000;}

ul.paragraph_space {  margin: -10px 0 0 0;}
li.content_right ul.content { padding:0; margin:0 5px 0 0; }
ul li.bullet {list-style:none; background: url("red_bullet.png") no-repeat 0 5px ; padding: 0 0 0 10px; margin: 0 0 0 -25px;}
li.content_right li.content_item { margin: 0 0 0 15px; }


/* ---------- forms ------------ */

td input { margin:0; padding:0; border:solid 1px #8c8c8c; height:20px; vertical-align:top; }
.noborder { border:0;}
.form_button { width:60px; height:30px; border:0;}

.form_button_send {width:80px; height:33px; border:0; background-image: url("send.png"); background-repeat:no-repeat; cursor:pointer;}
.form_button_reset { width:80px; height:33px; border:0; background-image: url("reset.png"); background-repeat:no-repeat; cursor:pointer;}


.checkbox { border:0; vertical-align:top;}