/* Global styles */

body {
  background: #fff;
  text-align: center;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}



.hidden { display: none; }

.breaker { clear: both; }






/* Container div for index.php.
   and for inside pages.
   Splitting this up allows us to
   use some styles from the regular
   head in the inside pages, while
   discarding others, and still
   use the same HTML markup. */

.container, .insideContainer {
  margin: 10px auto;
  width: 750px;
  text-align: left;
}

a:link, a:visited{
	text-decoration: underline;
	color: #000000;
}

a:hover, a:active{
	text-decoration: underline;
	color: #0b6ab6;
}



/* Main Header styles */

.head {
  float: left;
  width: 750px;
  padding: 0;
  margin: 0;
  background: url("images/bluebar.jpg") 0 100% repeat-x #fff;
}

.head h1 {
  margin: 0;
  display: block;
  width: 167px;
  float: left;
}

.head h1 a:link, .head h1 a:visited {
  display: block;
  background: url("images/sunlake-logo.jpg");
  width: 167px;
  height: 76px;
}

.head a.applyOnline:link, .head a.applyOnline:visited {
  display: block;
  float: left;
  width: 114px;
  height: 30px;
  margin: 46px 0 0 0px;
  background: url("images/apply-online.jpg") no-repeat;
}

.head a.applyOnline:hover {
  background: url("images/apply-online.jpg") 100% 0;
}

.head a.residentServices:link, .head a.residentServices:visited {
  display: block;
  float: left;
  width: 154px;
  height: 30px;
  margin: 46px 0 0 0;
  background: url("images/resident-services.jpg") no-repeat;
}

.head a.residentServices:hover {
  background: url("images/resident-services.jpg") 100% 0;
}

.head a.corporateSuites:link, .head a.corporateSuites:visited {
  display: block;
  float: left;
  width: 149px;
  height: 30px;
  margin: 46px 0 0 0;
  background: url("images/corporate-suites.jpg") no-repeat;
}

.head a.corporateSuites:hover {
  background: url("images/corporate-suites.jpg") 100% 0;
}

.head a.contactUs:link, .head a.contactUs:visited {
  display: block;
  float: left;
  width: 104px;
  height: 30px;
  margin: 46px 0 0 0;
  background: url("images/contact-us.jpg") no-repeat;
}

.head a.contactUs:hover {
  background: url("images/contact-us.jpg") 100% 0;
}

.head a.home:link, .head a.home:visited {
  display: block;
  float: left;
  width: 61px;
  height: 30px;
  margin: 46px 0 0 0;
  background: url("images/home.jpg") no-repeat;
}

.head a.home:hover {
  background: url("images/home.jpg") 100% 0;
}







/* Additional styles for inside page headers */

.insideContainer .head {
  height: 110px;
  background: url("images/inside-head-bg.jpg") no-repeat 100% 100%;
}

.insideContainer .head a:link, .insideContainer .head a:visited {
  margin: 46px 0 0 0;
}

.insideContainer .head a:link.applyOnline, .insideContainer .head a:visited.applyOnline {
  _margin-left: -28px;
}

.insideContainer .head h1 a:link, .insideContainer .head h1 a:visited {
  background: url("images/inside-logo.jpg") no-repeat;
  height: 110px;
  margin: 0;
  width: 195px;
}








/* Class for the Flash box */

flashBox {
  border-left: 1px solid #0066cc;
  border-right: 1px solid #0066cc;
}





/* Classes for the secondary row of navigation on index.php */

.nav2 {
  border: 0;
  height: 30px;
  display: block;
  text-align: right;
  background: url("images/bluebar.jpg") repeat-x 0 100%;
  padding: 0 0 0 1px;
  border-left: 1px solid #0066cc;
  border-right: 1px solid #0066cc;
  float: left;
}

.nav2 a.features:link, .nav2 a.features:visited {
  display: block;
  float: left;
  width: 88px;
  height: 30px;
  margin: 0;
  background: url("images/features.jpg") no-repeat;
}

.nav2 a.features:hover {
  background: url("images/features.jpg") 100% 0;
}

.nav2 a.floorplans:link, .nav2 a.floorplans {
  display: block;
  float: left;
  width: 102px;
  height: 30px;
  margin: 0;
  background: url("images/floorplans.jpg") no-repeat;
}

.nav2 a.floorplans:hover {
  background: url("images/floorplans.jpg") 100% 0;
}

.nav2 a.photos:link, .nav2 a.photos {
  display: block;
  float: left;
  width: 75px;
  height: 30px;
  margin: 0;
  background: url("images/photos.jpg") no-repeat;
}

.nav2 a.photos:hover {
  background: url("images/photos.jpg") 100% 0;
}

.nav2 a.location:link, .nav2 a.location:visited {
  display: block;
  float: left;
  width: 88px;
  height: 30px;
  margin: 0;
  background: url("images/location.jpg") no-repeat;
}

.nav2 a.location:hover {
  background: url("images/location.jpg") 100% 0;
}

.nav2 a.neighborhoodInfo:link, .nav2 a.neighborhoodInfo:visited {
  display: block;
  float: left;
  width: 162px;
  height: 30px;
  margin: 0;
  background: url("images/neighborhood-info.jpg") no-repeat;
}

.nav2 a.neighborhoodInfo:hover {
  background: url("images/neighborhood-info.jpg") 100% 0;
}

.nav2 a.eBrochure:link, .nav2 a.eBrochure:visited {
  display: block;
  float: left;
  width: 101px;
  height: 30px;
  margin: 0;
  background: url("images/ebrochure.jpg") no-repeat;
}

.nav2 a.eBrochure:hover {
  background: url("images/ebrochure.jpg") 100% 0;
}

.nav2 a.emailFriend:link, .nav2 a.emailFriend:visited {
  display: block;
  float: left;
  width: 131px;
  height: 30px;
  margin: 0;
  background: url("images/email-friend.jpg") no-repeat;
}

.nav2 a.emailFriend:hover {
  background: url("images/email-friend.jpg") 100% 0;
}









/* Alternate styles for inside page nav2 */

.insideContainer .nav2 {
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 193px;
  padding: 0;
  height: 457px;
  background-image: none;
  background-color: #cbcbcb;
  font-size: 2px;
  line-height: 2px;
  position: relative;
  text-align: left;
}

.insideContainer .nav2 a:link, .insideContainer .nav2 a:visited {
  float: none;
  display: block;
}

.insideContainer .nav2 a.features:link, .insideContainer .nav2 a.features:visited, .insideContainer .nav2 div.features {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-features.jpg") no-repeat;
}

.insideContainer .nav2 div.features {
  background:url("images/inside-features-current.jpg");
}

.insideContainer .nav2 a.features:hover {
  background: url("images/inside-features.jpg") 100% 0;
}

.insideContainer .nav2 a.floorplans:link, .insideContainer .nav2 a.floorplans:visited, .insideContainer .nav2 div.floorplans {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-floorplans.jpg") no-repeat;
}

.insideContainer .nav2 a.floorplans:hover {
  background: url("images/inside-floorplans.jpg") 100% 0;
}

.insideContainer .nav2 div.floorplans {
  background:url("images/inside-floorplans-current.jpg");
}

.insideContainer .nav2 a.photos:link, .insideContainer .nav2 a.photos:visited, .insideContainer .nav2 div.photos {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-photos.jpg") no-repeat;
}

.insideContainer .nav2 a.photos:hover {
  background: url("images/inside-photos.jpg") 100% 0;
}

.insideContainer .nav2 div.photos {
  background:url("images/inside-photos-current.jpg");
}


.insideContainer .nav2 a.location:link, .insideContainer .nav2 a.location:visited, .insideContainer .nav2 div.location {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-location.jpg") no-repeat;
}

.insideContainer .nav2 a.location:hover {
  background: url("images/inside-location.jpg") 100% 0;
}

.insideContainer .nav2 div.location {
  background:url("images/inside-location-current.jpg");
}


.insideContainer .nav2 a.neighborhoodInfo:link, .insideContainer .nav2 a.neighborhoodInfo:visited, .insideContainer .nav2 div.neighborhoodInfo {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-neighborhood-info.jpg") no-repeat;
}

.insideContainer .nav2 a.neighborhoodInfo:hover {
  background: url("images/inside-neighborhood-info.jpg") 100% 0;
}

.insideContainer .nav2 div.neighborhoodInfo {
  background:url("images/inside-neighborhood-info-current.jpg");
}


.insideContainer .nav2 a.eBrochure:link, .insideContainer .nav2 a.eBrochure:visited, .insideContainer .nav2 div.eBrochure {
  display: block;
  width: 193px;
  height: 19px;
  margin: 0;
  background: url("images/inside-ebrochure.jpg") no-repeat;
}

.insideContainer .nav2 a.eBrochure:hover {
  background: url("images/inside-ebrochure.jpg") 100% 0;
}

.insideContainer .nav2 div.eBrochure {
  background:url("images/inside-ebrochure-current.jpg");
}


.insideContainer .nav2 a.emailFriend:link, .insideContainer .nav2 a.emailFriend:visited, .insideContainer .nav2 div.emailFriend {
  display: block;
  width: 193px;
  height: 18px;
  margin: 0;
  background: url("images/inside-email-friend.jpg") no-repeat;
}

.insideContainer .nav2 a.emailFriend:hover {
  background: url("images/inside-email-friend.jpg") 100% 0;
}

.insideContainer .nav2 div.emailFriend {
  background:url("images/inside-email-friend-current.jpg");
}

.contactInfo {
  margin: 1em 0 0 12px;
  width: 181px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
  color: #000;
}






/* Classes for index.php content area */

.indexContent {
  width: 437px;
  background: url("images/index-content-bg.jpg") no-repeat;
  text-align: right;
  border-left: 2px solid #0066cc;
  padding: 8px 5px 5px 5px;
  font-size: 13px;
  float: left;
  margin: 0;
  display: block;
}

.indexContent h2 {
  color: #0066cc;
  font-weight: normal;
  font-size: 18px;
  margin: 0; padding: 0;
  display: block;
  width: 437px;
}

.indexContent h3 {
  font-weight: normal;
  font-size: 13px;
  margin: .9em 0 0 0; padding: 0;
  display: block;
  width: 437px;
}

.indexContent h3 a:link, .indexContent h3 a:visited {
  text-decoration: none;
  font-style: italic;
  color: #000;
}

.indexContent h3 a:hover {
  color: #0066cc;
  text-decoration: underline;
}

.indexContent p {
  margin: 0 0 .9em 0;
  _margin: 0 0 11px 0;
}





/* Classes for inside content area */

.insideContent {
  float: left;
  min-height: 457px;
  width: 547px;
  background: repeat-x 0 100% #fff url("images/inside-content-bg.jpg");
  border-right: none;
  border-bottom: none;
  padding: 0 0 0 6px;
  font-weight: normal;
  font-size: 13px;
}


.insideArea {
  float: left;
  background: url(images/inside-nav2-bg.gif) repeat-y;
  border-bottom: 2px solid #0066cc;
  border-left: 2px solid #0066cc;
  border-right: 2px solid #0066cc;
}








/* Classes for index.php sidebar */

.indexSideBar {
  display: block;
  width: 301px;
  float: left;
}

.indexSideBar a.floorplanner:link, .indexSideBar a.floorplanner:visited {
  display: block;
  background: url("images/index-floorplanner.jpg") no-repeat;
  height: 107px;
  margin: 0;
}

.indexSideBar a.neighborhoodMap:link, .indexSideBar a.neighborhoodMap:visited {
  display: block;
  background: url("images/index-neighborhood-map.jpg") no-repeat;
  height: 111px;
  margin: 0;
}









/* Classes for eBrochure.php */

#container{
	position: relative;
	width: 754px;
	height: 550px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: #FFFFFF;
}

#container h2{
	padding: 6px 10px 8px 20px;
	margin: 0px;
	line-height: 16px;
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	border-top: #0066cc 2px solid;
	border-bottom: #0066cc 2px solid;
	background-color: #FFFFFF;
}

#eBrochureTopHead{
	float: left;
	width: 750px;
	height: 48px;
	padding: 0px;
	margin: 0px;
	border-left: #FFFFFF 2px solid;
	border-left: #FFFFFF 2px solid;
	background: #FFFFFF url(images/eBrochureTopHead.jpg) no-repeat;
}

#eBrochureBottomHead{
	float: left;
	width: 750px;
	height: 256px;
	padding: 0px;
	margin: 0px;
	border-left: #0066cc 2px solid;
	border-bottom: #0066cc 2px solid;
	border-right: #0066cc 2px solid;
	background: #FFFFFF url(images/eBrochureBottomHead.jpg) no-repeat;
}

#eBrochureContentArea{
	float: left;
	width: 750px;
	padding: 0px;
	margin: 0px 0px auto 0px;
	border-left: #0066cc 2px solid;
	border-bottom: #0066cc 2px solid;
	border-right: #0066cc 2px solid;
	background: #FFFFFF url(images/eBrochureContentArea.jpg) no-repeat;
}

#eBrochureBottomArea{
	float: left;
	width: 750px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	border-left: #0066cc 2px solid;
	border-bottom: #0066cc 2px solid;
	border-right: #0066cc 2px solid;
	background: #FFFFFF url(images/eBrochureBottomArea.jpg) no-repeat;
}

.columnOne{
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px 0px auto 0px;
	border-right: #0066cc 2px solid;
	background: transparent;
}

.columnTwo{
	float: right;
	width: 446px;
	padding: 0px;
	margin: 0px 0px auto 0px;
	background: transparent;
}











/* Footer classes */

div.regency {
  text-align: right;
  padding: 2px 2px 0 0;
  display: block;
  float: left;
  width: 373px;
  height: 30px;
  background: url(images/regency-windsor-logo.jpg) no-repeat;
}

div.resite {
  text-align: right;
  padding: 2px 2px 0 0;
  float: left;
  width: 373px;
  height: 30px;
}

a.resite:link, a.resite:visited {
  color: #000;
  font-size: 10px;
}

.insideContent table {
  margin: 0 0px 0px 8px; 
  }

TABLE.floorTable {
	width: 527px;
	border-top:1px solid #0b6ab6;
	border-left:1px solid #0b6ab6;
	border-right:1px solid #0b6ab6;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #FFFFFF;
}
.floorTable {
	
}
tr.floorTable-key {
	font-weight: bold;
	color : #FFFFFF;
	background-color: #0b6ab6;
}
TABLE.floorTable TD {
	border-bottom:1px solid #0b6ab6;
	text-align: center;
	height: 25px;
}

td.floorTable-col-style { display: none }
 
TABLE.neighborhood {
	width: 527px;
	border-top:1px solid #0b6ab6;
	border-left:1px solid #0b6ab6;
	border-right:1px solid #0b6ab6;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color: #FFFFFF;
	line-height: 15px;
}
tr.neighborhood-key {
	font-weight: bold;
	color : #FFFFFF;
	background-color: #0b6ab6;
}
TABLE.neighborhood TD {
	border-bottom:1px solid #0b6ab6;
	text-align: center;
	height: 20px;
}
a.neighborhood {
	font-weight: bold;
	color : #FFFFFF;
	text-decoration : none;
}

TEXTAREA {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

INPUT {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

TH.contact {
	font-weight: bold;
	color : #FFFFFF;
	font-size : 13px;
	background-color: #0b6ab6;
}
TABLE.contact {
	border:1px solid #0b6ab6;
	background-color: #FFFFFF;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #000000;
	line-height: 15px;
}