/* CSS Document */



/*Universal*/


h1, h2, h3, h4, h5, p {margin:0px; padding:0px;}

ul {margin:0 0 15px 0px;}

a {outline: none}

/*Site*/

body { color:#766D6F;  background:url(images/container_bkg.gif) repeat-y center #E3DEDD; position:relative;
margin:0px auto; padding:0px;
font:12px/1.6em  "lucida grande", Verdana, Arial, Helvetica, sans-serif; }


li { list-style:none;}




#container {width:800px; margin:0 auto; padding:0;  overflow:visible; position:relative;  background:url(images/branding_bkg.gif) center top no-repeat; }


html>body #container { *position: relative; *left:1px; }

#branding { height:165px; width:800px;  overflow:visible; margin:0 auto;  } 

#branding h1 {background:url(images/logo.gif) no-repeat; text-indent:-9999px; height:96px; width:306px; position:relative; top:20px; }

#branding h1 a { display:block; height:96px; width:306px;}



#photo { background:url(images/photo_bkg_small.gif) no-repeat right top; height:90px;padding-left:7%; position:relative;}
#photo.home {height:234px; background:url(images/photo_Bkg.gif) no-repeat right top;}


#photo h1 { position:absolute; top:5px; left:400px; height:80px; width:250px;}
#photo.floorplans h1 { background:url(images/title_floorplans.gif) no-repeat left center; text-indent:-9999px;}
#photo.amenities h1 { background:url(images/title_amenities.gif) no-repeat left center; text-indent:-9999px;}
#photo.contact h1 { background:url(images/title_contactus.gif) no-repeat left center; text-indent:-9999px;}
#photo.about h1 { background:url(images/title_about.gif) no-repeat left center; text-indent:-9999px;}
#photo.neighborhood h1 { background:url(images/title_neighborhood.gif) no-repeat left center; text-indent:-9999px;}
#photo.interested h1 { background:url(images/title_interested.gif) no-repeat left center; text-indent:-9999px;}
#photo.residents h1 { background:url(images/title_residents.gif) no-repeat left center; text-indent:-9999px;}
#photo.photoGallery h1 { background:url(images/gallery.gif) no-repeat left center; text-indent:-9999px;}
#photo.home h1 { background:url(images/title_home.gif) no-repeat left center; text-indent:-9999px; top:80px;}


#content {position:relative; padding:30px 0 50px 0; width:800px; margin:0 auto; }

#content #maincontent img { border:#999999 1px solid; margin:10px 0;}
#content #maincontent.photos img {padding:10px; background:#FFFFFF; border:#999999 5px solid; margin:0px;}
#content #maincontent.photos img:hover {background: #E8E8E8 }

#maincontent { width:500px;}

#maincontent {w\idth:55%; margin-left:56px; margin-right:24px; }


#subcontent {width: 23%; float:right; padding: 0 56px 0 0px;}
#subcontent h2 { display:block; height:20px; vertical-align:text-top;}
#subcontent h2 img, #subcontent h2 a {vertical-align:text-top;}
#subcontent.photoGallery img {border:0px; padding:0px; margin:3px;}



#content h1 { padding:0 0 0 ;
text-transform:uppercase; letter-spacing:.1em; font-weight:bold; font-size:15px; text-decoration:none;
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif; color:#4668B1; display:block;}

#content h2 { padding:0 0 0 ;
text-transform:uppercase; letter-spacing:.1em; font-weight:bold; font-size:13px; text-decoration:none;
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif; color:#4668B1; }

#content p { margin:5px 0 20px 0px;}


#content h2 a {color:#4668B1; text-decoration:none; margin:0 0 20px 0;font-size:13px;}




#content #maincontent a, #subcontent a { color:#4668B1; text-decoration:none;}
#content #maincontent a:hover { background:#E3DEDD;}


em.disclaimer {font-size:85%; margin-top:20px; display:block; }
strong.descriptor {width:174px; padding:0 0 0 ;
text-transform:uppercase; letter-spacing:.1em; font-weight:bold; font-size:90%; text-decoration:none;
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif; color:#4668B1; height:31px; }



/*
#subcontent h2 a { display:block; background:url(images/arrow.gif) right center no-repeat; width:174px; padding:0 0 0 ;
text-transform:uppercase; letter-spacing:.05em; font-weight:bold; font-size:12px; text-decoration:none;
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif; color:#4668B1; height:31px;
background:url(images/floorplan_h2.gif) no-repeat; text-indent:-9999px; }
*/

#top .mainNav { position:absolute; top:130px; left:68px; height:20px; width:664px; display:block;  }
#top .mainNav li { position:absolute; height:20px; top:0px; text-indent:-9999px;}
#top .mainNav li a { display:block; height: 100%; width: 100%;}

#top li.about {left:0; width:147px; background:url(images/main_nav.gif) no-repeat;}
#top li.floorplans {left:147px; width:94px; background:url(images/main_nav.gif) no-repeat -147px 0px;}
#top li.amenities {left:242px; width:86px; background:url(images/main_nav.gif) no-repeat -242px 0px; }
#top li.neighborhood { left:328px; width:140px; background:url(images/main_nav.gif) no-repeat -328px 0px; }
#top li.gallery { left:467px; width:74px; background:url(images/main_nav.gif) no-repeat -467px 0px; }
#top li.apply {left:541px; width:113px; background:url(images/main_nav.gif) no-repeat -541px 0px; }

#top li.about a:hover {left:0; width:147px; background:url(images/main_nav_on.gif) no-repeat;}
#top li.floorplans a:hover {left:147px; width:94px; background:url(images/main_nav_on.gif) no-repeat -147px 0px;}
#top li.amenities a:hover {left:242px; width:86px; background:url(images/main_nav_on.gif) no-repeat -242px 0px; }
#top li.neighborhood a:hover { left:328px; width:140px; background:url(images/main_nav_on.gif) no-repeat -328px 0px; }
#top li.gallery a:hover { left:467px; width:74px; background:url(images/main_nav_on.gif) no-repeat -467px 0px; }
#top li.apply a:hover {left:541px; width:113px; background:url(images/main_nav_on.gif) no-repeat -541px 0px; }

#top li.contact {display: none;}
#top li.home {display: none}
#top li.residents {display: none}


#secnav { position:absolute; top:15px; height:20px; right:30px; width:260px; text-transform:uppercase; letter-spacing:.1em; font-weight:bold; font-size:11px; 
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif; }
#secnav li {float:left; list-style:none;  display:block; padding:0 10px 0 0;  } 
#secnav li a {  height:20px; text-decoration:none; color:#32121A;}
#secnav li a:hover { color:#4668B1;}



a#rcglongview {display:block; float:left;  width:160px; border-right:#766D6F dotted 1px; margin:0 20px 0 0px; text-indent:-9999px; padding:0;
background:url(images/longview.gif) no-repeat; height:63px; }

a:hover#rcglongview {background:url(images/longview_on.gif) no-repeat; }

#footer {clear:both;  margin:30px auto; padding:0px 40px 30px 40px;}

#footer ul.mainNav {position: relative;}
#footer .mainNav {display: inline;} 
#footer .mainNav li {color: #766E70; display: block; float: left; padding: 0 7px 0 0;; border-right: 1px solid; margin: 7px 7px 15px 0; font-size: .7em }
#footer .mainNav li.home {border-right: none}

#footer a {color: #766E70; text-decoration: none}
#footer a:hover {color: #AFAFAF}

#siteInfo {float: left;width: 500px; font-size: .7em}

#siteInfo p {width: 47%;}
#siteInfo p#copy {float: left; }
#siteInfo p#credits {float: right;}


/*Page*/

#content.floorplans #subcontent {width:20%; padding-right:5%; }

ul.insidelongnav {margin-bottom:20px;}
ul.insidelongnav li { display:block; height:20px; padding:5px 0;  margin:0px;}
ul.insidelongnav li a { background:url(images/mainnav_bkg.gif) no-repeat; display:block; width:100px; height:20px; padding:0 0 0 10px; color:#FFFFFF !important; text-decoration:none;
text-transform:uppercase; letter-spacing:.1em; font-weight:bold; font-size:11px; 
font-family: "Trebuchet MS", "lucida grande", verdana, Arial, Helvetica, sans-serif;}
ul.insidelongnav li a:hover { background:url(images/mainnav_bkg_over.gif); color:#333333;}


/*Forms*/

label, label span {display:block; margin-right:.25em;padding-bottom:.25em;float:left; width:40%; text-align:right}
label span {float:left; width:30%; text-align:right; padding-right:10px}

#keep_event label {display:block; padding-bottom:.25em;float:left; width:40%;}
form {
  width: 100%;
   padding: 5px;
  margin: 5px 0;
  position:relative;
}

label.checkbox {width:55%}

/* fieldset styling */
fieldset {
  margin:  0 0 5px 0; 
  
/*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: normal;
}


/* style for  labels */


/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}


input.radio, input.submit, input.checkbox {
  width: auto;
}


input.radio {
  margin-right: 1em;
}

/*textarea {
  width:200px;
  height: 100px;
}*/

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* ----- forms ------ added 2/9/08 */

#subcontent form {width: 170px}

input, textarea {float: left; width: 170px; border: 1px solid #776D6F; height: 19px; margin: 0  0 9px 0; float: left;  }
input:focus,  textarea:focus {border: 1px solid #B2CE40;}

textarea {height: 90px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em}

form label { width: 170px; float: left; text-align: right; padding-right:15px; clear: left}
#subcontent form label {text-align: left}

#subcontent input, #subcontent textarea {margin: 0px;}

input.submitBtn {background:url(images/submitBtn.gif) no-repeat; height: 21px; width: 58px; margin: 0px 0px 0 0px; border: none;position: relative; top: 5px; left: 10px }
input.resetBtn {background:url(images/resetBtn.gif) no-repeat; height: 21px; width: 58px; margin: 0px 0 0 0; border: none; position: relative; top: 5px; left: 16px}

/* --- end edits ----- */



body.floorplans2 #container {background:none}

body.floorplans2 #container #branding {display:none;}


/* ----- cpmtest rules -----*/

ul.contest { font-size: 8pt; }
ul.contest li {list-style: square}
ol.contest {font-size: 8pt}
ol.contest li {list-style:decimal}

body.floorplans #footer {margin-top: 60px}

body.floorplans #subcontent {width: 140px !important;}

body.floorplans #maincontent {width: 530px; }
body.floorplans #maincontent h1 {width: 320px; float: left; text-transform: none; font-size: 2em; letter-spacing: normal}
body.floorplans #maincontent h3 {clear: left; float: left; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; margin: 3px 0 15px 0; color: #4668B1}
body.floorplans #maincontent h3 span {color:#766D6F; }
body.floorplans #maincontent h4 {margin: 7px 0 0 0}
body.floorplans #maincontent p {margin: 0; padding: 0; }
body.floorplans #maincontent ul {padding: 0 0 0 10px}
body.floorplans #maincontent li {list-style: none; }
body.floorplans #maincontent img {float: left; margin: 0 15px 0 0; padding: 0 15px 0 0}

body.floorplans .sidebar {width:140px; float: right;}
body.floorplans .sidebar h3 {width: 140px; color: #4668B1; margin:  0 0 1px 0}
body.floorplans .sidebar ul {margin: 0 0 5px 0; padding: 0}
body.floorplans .sidebar a {text-decoration: none !important; color: #766D6F !important}
body.floorplans .sidebar a:hover {color: #4668B1 !important}