a:link { color: #0000ff; }
a:visted { color: #0000ff; }
a:hover { color: #ff0000; }
a:active { color: #0000ff; }
a.resite {
	float: right;
	color: #816f59;
}
/* Overview */
#shortStory{ /* Description of the site */
	float: left;
	width: 420px;
	_width: 400px;
	text-align: justify;
	font-size: 1em;
}
#shortStory h2{
	font-family: arial;
	font-size: 18px;
	font-weight: bold;	
}

#communityVideo{
	float: right;
	width: 320px;
	height: 130px;
	margin-top: 15px;
	margin-right: 100px;
	_margin-right: 40px;
	padding: 0px;
}

ul#videoLink {
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
}

ul#videoLink li {
	list-style-type: none;	
}

ul#videoLink li a {
	background: url('../images/communityVideoSprite.jpg') no-repeat #928472;
	display: block;
	height: 130px;	
}

ul#videoLink li a.mouseOut {background-position:0px 0px;}
ul#videoLink li a:hover.mouseOut {background-position:0px -129px;}

#amenityImage { /* photo for amenity side of things */
	width: 297px;
	height: 225px;
	font-size: 0.9em;
	background: url("../images/bkg-overview-pic.gif") no-repeat #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
}

#amenityImage img {
	width: 251px;
	height: 180px;
}

#specialAmenities { /* MoveIn specials and amaneitites */
	float: left;
	width: 300px;
	font-size: 0.8em;
	margin: 0px 20px 0px 0px;
}
.facility #specialAmenities {	
	margin: 0 0 0 20px;
}
#specialAmenities p { /* The special of the day */
	font-size: 1.2em;
	margin: 0px 0px 15px 0px;
	float: left; 
	clear: both; 
}

#specialAmenities #amenityList { /* Amenity div */
	width: 297px;	
}

#specialAmenities ul {	/* Amenities list */
	font-size: 1em;
	font-weight: bold;
	font-family: verdana;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
	border: none;
	float: left; 
}

#specialAmenities li {	
	padding: 0px 0px 5px 0px;
}

/* End Overview */
/*-------------------------------------------*/
/* Floor Plan */
.floorplan, .communityFloorPlan{	
	float:left;
	margin-bottom:5px;
	padding-bottom:5px;
	width:720px;
}

.communityFloorPlan { width: 390px; }

.communityFloorPlan .smallFloorplanImage {
	float: right;
	width: 75px;
	text-align: center;
}
.fpTopBorder{
	border-top:1px solid black;
	padding-top:10px;
}

.communityFloorPlan .floorplanDetails {
	float: left;
	width: 270px;
}

.floorplanDetails{
	float:left;
	width:380px;
}
.floorplanDetails p{ font-size:1.1em; }
.smallFloorplanImage img{
	cursor:pointer;
	float:right;	
}
.largeFloorplanImage span,
.smallFloorplanImage span{
	color:blue;
	clear:both;
	cursor:pointer;
	float:right;
	font-size:.9em;
	text-align:center;
	text-decoration:underline;
	width:72px;
}
.largeFloorplanImage img{
	cursor:pointer;
	float:left;
	height:720px;
	margin-left:15px;
	width:680px; 
}
.largeFloorplanImage span{
	
	width:340px; 
}


/* End Floor Plan */
/*-------------------------------------------*/
/* Maps and Directions */
#yellowBrickRoad { /* Map Image */
	float: left;
	width: 419px;
	margin: 0px 15px 0px 0px;
	_margin: 0px 13px 0px 0px;
	_width: 400px;
}

#actionBtns {
	float: left;
	width: 419px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;	
	background: url("../images/fade.gif") no-repeat top transparent;
}

#actionBtns a { text-decoration: none; }

#printLink {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	border: none;
}

#printLink img, #interactiveLink img {
	margin: 0px 10px 0px 0px;
}

#interactiveLink {
	float: right;
	text-align: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
}

#addrsDirection {
	float: left;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#addrs {
	float: left;
	width: 267px;
	height: 205px;
	font-size: 0.9em;
	background: url("../images/bkg-overview-pic.gif") no-repeat #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 30px;
}

#addrs h2 {
	_font-size: 1.75em;
	margin: 0px 0px 0px 0px;
}
	
#mapCityState { margin: 0 0 10px 0; }

.speakEasy {
	float: left;
	width: 200px;
}

.speakEasyType {
	float: left;
	width: 40px;	
	margin: 0 0 5px 0;
}

#direction {
	font-size: 0.9em;
	text-align: justify;
	float: left;
	_width: 270px;
	_clear: none;
}
#direction .subHeader h2 { _width: 250px; }
*+html #direction .subHeader h2 {
	width: 300px; 
	float: left;
	clear: right;
} 
#direction p { 
	float: left; 
	/*margin-top: -10px;*/
	_width: 290px;
	_margin-top: 8px;
}
*+html #direction p { 
	float: left; 
	clear: both;
	width: 300px;
	margin: 8px 0 0 0px;
}

#form {
	float:left;
	width:415px;
	margin-left:10px;
}
#info {
	float:right;
	width:300px;
}
#info .vcard {
	background:url('../images/bkg-overview-pic.gif') no-repeat;
	padding:20px;
	height:180px;
	font-size:1.25em;
	
}
#info .vcard h3 {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.3em;	
}
#info .vcard .adr {
	margin-bottom:10px;
	font-weight:bold;
}
#info .vcard .tel { clear:both; }

#info .vcard .tel span, #info .vcard .email span{
	float:left;
	display:block;
	margin-right:5px;
}
#info .vcard .tel .type, #info .vcard .tel #noToll,
#info .vcard .email .type { width:45px; }
#info .vcard .email .type span a { _float: left; _clear: left; _width: 50px;}
#info .vcard .work .type { width: 115px;}
#info .hours {
	padding:20px;
	font-size:1.25em;
	
}
input {
	border:1px solid #ccc;
	width:380px;
	margin:5px 10px;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	font-size:1.25em;
	margin:5px 10px;
}
.required span { color:red; }
.citystatezip label{
	padding:0;
	float:left;
	width:200px;
}
.citystatezip label.state{
	width:45px;
}
.citystatezip label.zip{
	width:95px;
}
#city {
	margin:5px 0 0 0;
	width:200px;
}
#state{
	margin:5px 0 0 0;
}
#zip {
	width:95px;
	_width:85px;
	margin:5px 0 0 0;
}
.name label{
	padding:0;
	float:left;
	width:180px;
}
.name label input {
	margin:5px 0 0 0;
}
input#fname, input#lname{
	width:180px;
	_width:178px;
}
textarea {
	border:1px solid #ccc;
	margin:5px 10px;
	width:380px;
}
input.submit {
	border:0;
	float:right;
	width:115px;
	margin-right:18px;
	background:url('../images/button.gif') no-repeat;
	height:37px;
	color:#fff;
}
/* End Map and Directions */
/*-------------------------------------------*/
/* Neighborhood Information */

table.categoryTable {
	clear:left;
	float: left;
	width: 740px;
	border-width: 2px;
	border-spacing: 2px;
	border-style: solid;	
	border-collapse: collapse;
	background: #ffffff;
}
table.categoryTable th {
	font-size: 1.25em;
	font-weight: bold;
	width: 117px;
	border-width: 0px 0px 0px 0px;
	padding: 3px 0px 3px 20px;
	border-style: none;
	color: #ffffff;
}
table.categoryTable td {
	font-size: 0.75em;
	width: 117px;
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 10px;
	border-style: none;
	border-color: #ffffff;
	background-color: #ffffff;
}

.line img { 
	width: 117px;
	height: 4px;
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.categoryTable strong { font-size: 1.25em; font-weight: bold; }

/* End Neighborhood Information */
/*-------------------------------------------*/
/* Photo Gallery */

table.galleryTable {
	display:inline;
	float: left;
	width: 250px;
	margin: 20px 0px 0px 23px;	
	border-style: none;
}
table.galleryTable td {
	width: 60px;
	height: 60px;
	border-style: solid;
	border-width: 1px;	
}

.thumbNailHover {
	cursor: pointer;
	background: yellow;
}

#photoWrap {
	display:inline;
	float: left;
	width: 417px;
	margin: 0px 25px 0px 0px;
	_margin-right:10px;
}

#photoBox {
	width: 417px;
	height: 290px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 2px;
}

#fadeBar {
	width: 421px;
	height: 20px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/fade.gif") no-repeat transparent;
}

#viewInstruction {
	float: left;
	width: 295px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#gallery {
	width: 295px;
	height: 234px;
	margin: 0px 0px 20px 0px;	
	background: url("../images/photo-bkgrd.gif") no-repeat #ffffff;
}

#instruction {
	float: left;
	width: 295px;
	text-align: justify;
}
/* End Photo Gallery */
/*-------------------------------------------*/
/* Z-Suites */
.floorPlanBedSide span,
.floorPlanBathSide span {
	float: left;
	font-size: 2em;
	font-weight: bold;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.floorPlanBedSide span { margin-top: 5px; } 
#overviewPhotos .floorPlanBathSide .floorPlanIcons,
#zsuiteDesc .floorPlanBathSide .floorPlanIcons{
	float: left;
	width: 37px;
	height: 37px;	
	margin: 0px 10px 0px 0px;
}

#overviewPhotos .floorPlanBedSide .floorPlanIcons,
#zsuiteDesc .floorPlanBedSide .floorPlanIcons{
	float: left;
	width: 37px;
	height: 37px;		
	margin: 0px 10px 0px 0px;
}

#zsuiteLeft{
	display:inline;
	float:left;
	margin:0 10px;
	width:300px;
}
#zsuiteLeft h3{	
	font-size:20px; 
	font-weight:bold;
}
#zsuiteDesc{	
	float:left;
	width:375px;
	margin-left: 30px;
	_margin-left: 20px;
	
}
 
#overviewPhotos{
	float:left;
	margin: 0px 20px 0px 10px;
	width:390px;
}
#photoContainer{ height:255px; }
#zsuiteLeft img,
#overviewPhotos img.photo{ 
	border-width:2px;
	border-style:solid;
}
#zsuiteDesc .floorplanDetails,
#overviewPhotos .floorplanDetails{
	float:left;
	width:310px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#zsuiteDesc .floorPlanBedSide, 
#zsuiteDesc .floorPlanBathSide,
#overviewPhotos .floorPlanBedSide, 
#overviewPhotos .floorPlanBathSide {
	float: left;
	width: 110px;
	margin: 0px 0px 20px 0px;
}
#zsuiteDesc img.floorPlanImage,
#overviewPhotos img.floorPlanImage {
	margin: 15px 0px 0px 10px;
	width: 105px;
	height: 105px;
	border: 2px solid #c9af70;
	cursor: pointer;
}
#zsuiteDesc .closeImage,
#overviewPhotos .closeImage { cursor: pointer; }
#zsuiteDesc .floorPlanBathSide,
#overviewPhotos .floorPlanBathSide{ margin: 0px 0px 0px 0px; }

#zsuiteDesc  .floorplanSqft,
#zsuiteDesc .floorplanPrice,
#overviewPhotos .floorplanSqft,
#overviewPhotos .floorplanPrice{
	float:left;
	vertical-align:top;
	width:100px;
}
#zsuiteDesc .floorplanSqft,
#overviewPhotos .floorplanSqft{
	clear:left;
	margin-top:10px;
}

#zsuiteDesc .floorplanSqft span,
#zsuiteDesc .floorplanPrice span,
#overviewPhotos .floorplanSqft span,
#overviewPhotos .floorplanPrice span{	
	display:block;
	font-weight:bold;
}
#zsuiteDesc .rent,
#overviewPhotos .rent{ font-size:20px; }

#zsuiteDesc .click,
#zsuiteDesc .clickImage,
#overviewPhotos .click, #overviewPhotos .clickImage{
	float:right;
	margin-right:25px;
	font-size: 0.85em;
}

#overviewPhotos .clickImage { margin: 20px 35px -10px 0px; }

.imageContainer{ 
	float:right;
	width: 297px;
	height: 225px;	
	background: url("../images/bkg-overview-pic.gif") no-repeat #ffffff;
	margin: 0 0 0 10px;
	padding: 20px 0 0 23px;
}