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

#right h2 {
	color: #fff;
}
/** ---------- features page ---------- **/
.features .categoryDiv { 
	width: 208px; 
	float: left; 
	margin: 0;
}
.features .categoryDiv h2 { 
	background-color: #999999;
	width: 208px;
	padding: 15px 20px;
	color: #FFF;
}
.features .categoryDiv ul, .features .categoryDiv ul li {
	width: 180px; 
	list-style-type: disc;
}
.features .categoryDiv ul { margin: 0 0 25px 20px; }
.features .categoryDiv ul li { margin: 0 0 0 15px; }
.features .categoryDiv .first { clear: left; }

/** ---------- photos page ---------- **/
#mainPic {
	float: left;
	position: relative;
	padding-bottom: 10px;
}
.photoNav {
	width: 60px;
	margin: 0 auto;
}
#linkPrev, #linkNext {
	width: 28px;
	height: 24px;
	display: block;
	float: left;
	margin-bottom: 20px;
}
#linkPrev{ background: transparent url('../images/arrow-left.gif') no-repeat; }
#linkNext{ background: transparent url('../images/arrow-right.gif') no-repeat; }
#linkPrev:hover { background: url('../images/arrow-left-over.gif') no-repeat; }
#linkNext:hover { background: url('../images/arrow-right-over.gif') no-repeat; }
.thumbs { 
	width: 250px;
	margin: 0 auto 15px; 
	clear: both;
	height: auto;
}
.thumbBox {
	float: left;
	padding: 4px;
}
.photoThumb { border: 1px solid #FFF; }
.cover {
	top: -35px;
	left: 25px;
	bottom: -10px;
	margin-bottom: -20px;
	height: 22px;
}
.tourThumb img { position: relative; }

/** ---------- maps & directions page ---------- **/
.map {
	width: 497px;
	margin: 15px auto; 
	border: 1px solid #675125;
}
.sitemap {
	width: 100px;
	float: left;
	margin: -10px 0 30px 20px;
}
.mapLink { 
	width: 320px;
	float: right;
	margin: -10px 15px 30px 0;
}

/** ---------- neighborhood page ---------- **/
#categoryList { 
	width: 550px;
	margin: 0 0 15px 0; 
}
#categoryList a.category { 
	float: left;
	clear: none;
	margin: 0 10px 15px 0;
	white-space: pre;
}
.neighborhood .categoryDiv h2, .neighborhood .categoryDiv h2 a { 
	width: 540px; 
	color: #333436;
	float: left;
	clear: both;
	text-decoration: none;
}
.neighborhood .categoryDiv ul {
	width: 540px; 
	margin: 0px 0px 25px 0px;
	padding: 0 10px 10px 10px;
	float: left;
	clear: both;
}
.neighborhood .categoryDiv li {	
	float: left;
	width: 175px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
.neighborhood .categoryDiv ul li p a.external, .neighborhood .categoryDiv ul li p { text-align: left; }
.neighborhood .categoryDiv ul li p a.external { 
	color: #FFF;
	font-weight: bold;
}
.neighborhood .categoryDiv ul li p a.external:hover { text-decoration: underline; }
.neighborhood .categoryDiv .first { clear: left; }

/** ---------- contact page ---------- **/
#contactInfo { 
	width: 450px;	
	margin: 0 auto;
	font-size: 9pt; 
	padding: 10px 0 0 10px;
}
.contact, .street-address, .extended-address, .tel { 
	width: 250px;
	float: left; 
}
.hours { 
	width: 180px; 
	float: left; 
	margin-left: 20px;
}
.hours p { margin-top: 0; }
.type { font-weight: bold; }
.guestcard { 
	float: none;
	margin: 0 auto;
	padding: 20px 0;
}

/** ---------- maps & directions page ---------- **/
.testimonials .content h2 { font-style: italic; }
.testimonials .content ul { margin-bottom: 20px; }

/** ---------- email a friend page ---------- **/
.email p { 
	width: 550px; 
	margin: 30px 20px 0 60px;
}
.sendToFriend { margin: 0 auto; }
.sendToFriend td { text-align: right; }
.sendToFriend td input { 
	float: left;
	text-align: left;
	margin: 0 0 5px 10px;
}
.sendToFriend td textarea { margin-left: 10px; }

/** ---------- resident login page ---------- **/
.login .content h2, .login .content p {
	width: 300px;
	float: left;
	clear: none;
}
.content table { 
	width: 188px; 
	height: 180px;
	float: left;
	margin: -50px 15px 0 30px;
}
.content td { 
	vertical-align: middle;
	padding-left: 5px;
}
.content td a { text-align: center; } 
.content input {
	border: 1px solid #CCC;
	width: 88px;
	text-align: left;
	float: right;
	padding: 3px 7px 0 7px;
	margin-right: 10px; 
}