/**
  * apartment.css
  * 
  * @author Candi Ligutan <candice.ligutan@residentsource.com>
  * @version $Id$
  **/ 

#content {
	background: transparent; 
	width: 728px; 
	float: left; 
}
#content h2 { margin: 0 0 20px 0; }
#nav a { padding-bottom: 5px; }
#commHeader, #csHeader {
	height: 106px; 
	width: 728px; 
	display: block;
	float: left; 
	margin-top: 0px;
	z-index: -10; 
}
#commHeader { background: url(../images/top.jpg) no-repeat;}
#csHeader { background: url(../images/topsuites.jpg) no-repeat; }
#commHeader h1 { width: 198px; }
#commHeader h1, #csHeader h1 { 
	margin: 50px 0 0 20px; 
	float: left;
}
#csHeader h1 { width: 243px; }
.commLogo, .commInfo { float: left; clear: none; }
.commLogo { 
	width: 88px; 
	height: 79px; 
	margin: 15px 0 0 40px;
}
.commLogo img { 
	width: 88px; 
	height: 79px;
	float: left; 
}
.commInfo { 
	width: 290px; 
	margin: -80px 0 0 160px; 
	color: #FFF; 
	font: 10pt/1.2 Arial; 
	text-align: justify;
}
.phone { color: #FEF18A; }

/* ----------- Overview ----------- */
#contentArea .overview { 
	background: transparent; 
	min-height: 490px; 
}
.overviewLeft { 
	width: 300px; 
	float: left;
	clear: none; 
	text-align: justify;
	margin: 30px 30px 30px 20px;
}
img.overviewPic {
	border: 8px solid #FEF18A; 
	margin: 0 0 20px 25px;
	display: block; 
}
.overviewRight { 
	width: 360px;
	float: left;
	clear: none;
	margin: 25px 0 20px 0; 
}
.overviewRight ul li { 
	list-style-type: disc; 
	float: left; 
	width: 160px; 
	margin: 0 0 0 10px;
}
.overviewRight ul li.second { margin: 0 15px 0 15px; }

/* ----------- Tours ----------- */
.toursLeft { 
	width: 180px;
	float: left;  
	clear: none; 
	margin: 30px 0 0 25px;
}
.toursRight { 
	width: 500px;
	float: left; 
	clear: none;
}
.mainImage {
	width: 680px;
	margin: 30px 50px 30px 80px;
	position: relative;
}
#mainPic { 
	border: 8px solid #7C8C07; 
	width: 500px;  
	float: left; 
	clear: none;
	position: relative;
}
#linkPrev{
	background: transparent url('../images/previous1.jpg') no-repeat;	
	width: 30px;
	height: 60px;
	display: block;
	float: left;
	margin-top: 100px;
}
#linkNext{
	background: transparent url('../images/next1.jpg') no-repeat;	
	width: 30px;
	height: 60px;
	display: block;
	float: left;
	margin-top: 100px;
}
#linkPrev:hover { background: url('../images/previous11.jpg') no-repeat; }
#linkNext:hover { background: url('../images/next11.jpg') no-repeat; }
#thumbs { 
	width: 648px; 
	height: 120px;
	float: left;
	margin: 0 0 20px 40px;
	background: url('../images/thumbs-bg.jpg') no-repeat;
	padding: 0 0 0 10px;
}
#thumbs a:link, a:visited, a:hover, a:active { text-decoration: none; }
.prevImgButtons { 
	margin: 35px 15px 0 0;
	background: url(../images/lft-arrw-1.png) no-repeat;
	width: 14px;
	height: 27px;
	float: left;
	cursor: pointer;
}
.nextImgButtons { 
	margin: 35px 0 0 5px; 
	background: url(../images/rght-arrw-1.png) no-repeat;
	width: 14px;
	height: 27px;
	float: left;
	cursor: pointer;
}
.prevImgButtons:hover { background: url('../images/lft-arrw-11.png') no-repeat; }
.nextImgButtons:hover { background: url('../images/rght-arrw-11.png') no-repeat; }
#imgWrap {
	float: left;
	height: 90px;
	margin: 10px 0px 0 0px;
	overflow: hidden;
}
#slideShow {
	width: 2400px;
	padding: 0;
	margin: 0px;
	list-style-type: none;
}
#slideShow li {
	float: left;
	width: 67px;
	height: 67px;
	border: 4px solid #F3F182;
	margin: 0px 8px 0px 0px;
}
#virtualTours, #virtualTours:hover {
	width: 137px;
	height: 32px; 
	float: left; 
	clear: both;
	margin: 30px 0 30px 210px; 
}
#virtualTours { background: url(../images/vt-bttn1.jpg) no-repeat; }
#virtualTours:hover { background: url(../images/vt-bttn1.jpg) no-repeat; }
a#vtPopup { 
	display: block;
	width: 137px; 
	height: 32px;
}
a#vtPopup span { display:none; }

/* ----------- Floorplans ----------- */
#contentArea.floorplans {  
	background: url(../images/floorplan-bttmbg.jpg) repeat-y;
	overflow: visible;
	width: 992px; 
	float: left;
	min-height: 600px;	
}
table { 
	width: 728px;
	color: #FFF;
	margin: 10px 0 20px 0;  
}
td { vertical-align: middle; }
#fpNamePriceTable th { 
	font: bold 10pt Arial; 
	color: #FFF69F; 
	cursor: default; 
}
#fpNamePriceTable tr { 
	background: transparent url(../images/bg11.jpg) no-repeat center center;
	width: 728px;
	height: 30px; 
	z-index: -10;
}
#fpNamePriceTable tr:first-child, #fpNamePriceTable tr:first-child:hover { background: transparent; }
#fpNamePriceTable tr:hover { 
	background: url(../images/bgRO.jpg) no-repeat center center; 
	width: 728px;
	height: 30px;
	cursor: pointer; 
	color: #2E2118;
}
#fpNamePriceTable tr td { text-align: center; }
.name { width: 210px; }
.bed, .bath, .sqft { width: 70px; }
.rent{ width:90px; }
.fp { width: 60px; }
.fpIcon { margin: 0 auto; }
#floorplanner h2 { margin: 20px 0 0 65px;}
.roomplanner { 
	background: url(../images/roomplanner-icon.jpg) no-repeat;
	width: 123px; 
	height: 55px; 
	float: left; 
	margin: 10px 40px 0 60px; 
}
.roomplanner:hover { 
	background: url(../images/roomplannerRO-icon.jpg) no-repeat;
	cursor: pointer; 
}
.instructions {
	float: left; 
	width: 420px; 
	border: 20px solid #728200;
	background-color: #728200;
	color: #FFF; 
	margin: 0 20px 30px 20px; 
}
.star { color: #FEF18A; }

/* ----------- Corporate Suites ----------- */

#content.corpsuites { background: transparent; }
.csLeft { 
	color: #FFF; 
	float: left;
	width: 475px; 
	margin: 10px 20px 0 20px; 
}
.categoryDiv {
	width: 475px;
	margin: 10px 20px 10px 10px; 
}
.categoryDiv p { 
	text-align: justify;
	color: #2E2118;
	margin: -10px 0 10px 0; 
}
.address {
	width: 475px;
	margin: 10px 20px 0 10px;
} 
.address span.name{ margin-top: -10px; }
.address span {
	text-align: justify;
	color: #2E2118;
	margin: -10px 0 30px 0; 
	float: left; 
	clear: left; 
	margin: 0; 
}
.address .email { 
	margin-bottom: 10px;
	color: #2E2118;
}
.address span a:hover {
	text-decoration: underline;
	color: #FFF;
}
.csRight { 
	float: left;
	margin: 30px 0 0 0;
	width: 210px; 
}
.csRight h4 { font-weight: bold; text-align: center; }
.csRight h2 { text-align: center; }
.pdf { 
	background: url(../images/pdf-icon.jpg) no-repeat;
	width: 70px;
	height: 70px;
	margin: 10px auto; 
	display: block;
}

/* ----------- Maps & Directions ----------- */
#content.map { background: transparent; }
.mapsLeft { 
	width: 220px; 
	float: left;
	clear: none; 
	text-align: justify;
	margin: 30px; 
}
.mapsLeft p { margin-bottom: 40px; }
.directionsLink { 
	color: #FEF18A; 
	font-weight: bold; 
	text-decoration: underline; 
}
.mapsRight { 
	width: 320px;
	float: left;
	clear: none;
	margin: 20px; 
}
#map {
	border: 8px solid #5B6606;
	margin: 20px 0 10px 0; 
	height: 365px;
	width: 365px;
	text-decoration: none;
}

/* ----------- Neighborhood Info ----------- */
#innerWrapper .neighborhood {  
	background: url(../images/neighborhood-bttmbg.jpg) repeat-y 0 0;
	overflow: hidden;
	width: 992px;
	float: left;
}

#contentArea .school { 
	background: #677601 url(../images/neighborhood-topbg.jpg) repeat-y 0 0;
	width: 728px;
}
#content .schoolInfo h2 { 
	width: 125px; 
	margin: 20px 0 0px 20px;
	float: left; 
}
#schoolBlock {
	background-color: #728200; 
	width: 520px; 
	color: #FEF18A; 
	border: 5px solid #728200; 
	float: left; 
	line-height:1.2em;
	margin: 10px 0 10px 0; 
	padding: 10px 20px; 
	text-align: justify; 
}

/*<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3*/
/* Property Centric Directoy Begin */
.directory { float: left; }
.directory h1 {
	float: left; 
	clear: both; 
	width: 650px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #2E2118;
	padding-bottom: 5px; 
}
#right_col h2 { margin-bottom: 5px; }
#right_col a { 
	color: #677601; 
	border-left: 1px solid #2E2118;
	padding: 0 5px 0 5px;
}
#right_col a.vortaloptics_popular_searches_first { 
	color: #677601; 
	border: 0;
	padding-left: 0px; 
}
.directory {
	width: 675px;
	margin: 0 25px 0 25px; 
}
#directoryTable {
	width: 675px;
	color: #2E2118;
}
#directoryTable a { color: #677601; }
.first_col, .second_col { 
	width: 320px; 
	float: left; 
	margin: 15px 0 15px 0; 
}
.second_col { margin-left: 35px; }
.vortaloptics_category {
	font-weight: bold;
	border-bottom: 1px solid #2E2118;
	width: 310px; 
	float: left; 
	display: block;
	padding-bottom: 3px; 
	margin: 15px 0 0 0; 
}

.vortaloptics_subcategory {
	float: left;
	clear: none; 
	font-size: 9pt; 
	border-right: 1px solid #2E2118; 
	padding: 0 5px 0 5px;
	margin-top: 5px;
}

#search_footer { 
	text-align: center; 
	float: left;
	clear: both; 
	padding: 5px 0; 
	border-top: 1px solid #2E2118; 
	width: 665px;
}
.vortaloptics_footer { 
	color: #677601;
	padding-left: 5px; 
	text-align: center; 
	border-left: 1px solid #2E2118;
}
.vortaloptics_footer:first-child { border: 0; }
/* Property Centric Directory End */
/*<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3*/
#advertise {
	background: url(../images/advertise-bttm-bg.jpg) repeat-y; 
	padding-left: 280px; 
	width: 998px; 
	float: left;
}
#advertise h1 { 
	font-size: 18pt;
	width: 630px; 
	margin: 10px 0px 5px 20px;
}
#advertise p {
	font-size: 12pt;
	color: #E8E8A8; 
	width: 630px; 
	margin: 0 0px 10px 20px; 
}
#advertise a { color: #2E2118; font-size: 12pt; }
#advertise a:hover { text-decoration: underline; color: #FFF; }
#neighborhoodInfo {
	width: 660px; 
	margin: 0px 0 20px 30px; 
	float: left;
	padding-bottom: 20px;
}
.neighCategory h1 {        
	font-size: 14pt;
	width: 655px; 	
	margin: 20px 0 15px 0;
	padding: 0 0 5px 0;
	color: #2E2118;
	float: left; 
	clear: both; 
	border-bottom: 1px solid #2E2118; 
}
.neighCategory ul li {
	width: 210px;
	float: left; 
	clear: none;
	margin: 0 0 15px 10px; 
}
.neighCategory ul li strong { text-align: left !important; }
.neighCategory .first { clear: left; }

/* ----------- Contact Us ----------- */
#contentArea .contact {
	padding: 20px 0 0 20px; 
	width: 713px; 
	background: transparent; 
}

.guestcard {
	width: 520px; 
	overflow: hidden; 
	float: left;
}
.hours { 
	width: 165px; 
	float: left; 
	margin: 0 0 0 20px;
}
.hours h3 { margin: 0 0 10px 0; color: #2E2118; }