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

/** ---------- features page ---------- **/
.features .categoryDiv { 
	width: 208px; 
	float: left; 
	margin: 0;
}
.features .categoryDiv h2 { 
	background-color: #41320B;
	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: #231F20;
	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 {
	clear:left;
	margin-left: 40px;
	padding-top: 25px;
	width: 600px;
}
.contactPage .contact th{
	font-weight: bold;
	color : #FFFFFF;
	font-size : 13px;
	background-color: #41320B;
	padding:3px;
}
.contactPage table.contact{
	border:1px solid #00235d;
	background-color: #e0e0e0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	line-height: 15px;
}
.contactPage .contact td{ 
	height:25px; 
	padding:5px;
}
/** ---------- 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; }

/** --------- maintenance ------------ **/
.maintenance .contact th{
	font-weight: bold;
	color : #FFFFFF;
	font-size : 13px;
	background-color: #41320B;
	padding:3px;
}
.maintenance table.contact{
	border:1px solid #00235d;
	background-color: #e0e0e0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	line-height: 15px;
}
.maintenance .contact td{ 
	height:25px; 
	padding:5px;
}
.maintenance ol{ margin-left:30px; }