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

/* Reset by Jon Zuck based on Eric Meyer and Andrew Jaswa */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li, a, 
fieldset, form, label, legend, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* separate block elements */  
dl, ul, ol, p, address, table, form 
	{padding-bottom: .5em;}
ol	{list-style: decimal;}
ul	{list-style: none;}
/* Don't forget to style blockquote padding to taste */
/*  End Resets */

/***************************************************** 
 * Presets--generally desirable global settings ******
   1. Links and Images */

img {display: block;} /* remove descender gap in IE */
a img {
	border: none;
	cursor: pointer;
}
.imgReplace {
	height: 0; /* most browsers */
	line-height: 0;  /* IE6 */
	text-indent: -3000em;
}
a { text-decoration: none; }
a, object {outline: 0;} /* removes Firefox's outlining on active state */

/* 2. Typical Table defaults *****************
   set border-collapse to "separate" if 
   visible gaps between cells is desired. */

table {border-collapse: collapse;} 
td {
	text-align: left;
	vertical-align: top;
}
.center, th {text-align: center;}
 
/* 3. clearfix class to enclose floats painlessly.
   Put on elements that contain floated elements
   This is the "robust" form of clearfix.
   All but IE6 use generated content to create a clearing element:
*/
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* IE6 requires a height directly on the container: */
.clearfix { height: 1%;}

/* End Presets 
 * **************************************************/

body { 
	margin: 0px auto; /* center the page */
	width: 909px;
	background: #d6d1be url(../images/bg.jpg) repeat-x;
	font: 75% Arial, sans-serif; /* 12px */
	color: #444;
}
h1 {
	font: bold 12pt "Trebuchet MS";
}
h2 { font: bold 10pt "Trebuchet MS"; }
a { color: #555; }
a:hover { text-decoration: underline; }
.super { 
	vertical-align: super;
	font-size: 8pt;
}
.hidden { display: none; }
#header {
	padding-top: 63px;	
}
#homeLink {
	display: block;
	height: 32px;
	width: 32px;
	background: url(../images/home-bttn.png) no-repeat;
	float: right;
	margin: -28px 9px 0 0;
}
#contentArea {
	height: 313px;
	position: relative;
	top: -3px;
}
#contentArea .hmContent {
	position: absolute;
	height: 313px;	
}
#contentArea #hm1 {
	width: 372px;
	height: 313px;
	left: 0;
	background: url(../images/lease-photo-bg.jpg) no-repeat;
}
#contentArea #hm1 #insideImage {
	width: 310px;
	height: 260px;
	border: 9px solid #DBD7CC;
	margin: 15px 0 0 25px;
}
#contentArea #hm2 {
	color: #DBD7CC;
	width: 363px;
	height: 313px;
	left: 372px;
	overflow: none;
	background: url(../images/lease-content-bg.jpg) no-repeat;
	padding: 10px 0 30px 20px; 
}
#contentArea #hm2 h1 { margin: 0 0 30px 0; }
#contentArea #hm2 p { 
	color: #FFF;
	margin: 0 35px 0 0; 
}
#contentArea #hm2 ul li { color: #FFF; }
#contentArea #hm3, #selectFlr {
	width: 174px;
	height: 313px;
	left: 735px;
	background: url(../images/right-bg.jpg) no-repeat;
	padding: 10px 20px 0 20px;
}
#contentArea #hm3 h1, #selectFlr h1, .rh-login-box h4 {
	width: 125px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dotted #7C7B76;
	padding: 0 0 10px 0px;
}
.photoGallery, .apply, .videoTour {
	width: 129px;
	height: 42px;
	display: block;
	margin: 15px 0 0 0;
}
.photoGallery { background: url(../images/photo-bttn1.png) no-repeat; }
.photoGallery:hover { background: url(../images/photo-bttn11.png) no-repeat; }
.videoTour {
	background: url(../images/tour-bttn11.png) no-repeat;
	height: 112px;
}
.videoTour:hover { background: url(../images/tour-bttn11.png) no-repeat; }
.apply { background: url(../images/apply-now-bttn1.png) no-repeat; }
.apply:hover { background: url(../images/apply-now-bttn11.png) no-repeat; }

/*----- footer -----*/
#footer { 
	position: relative;
	background: url(../images/bttm-shdw.jpg) no-repeat top center;
	width: 909px;
	height: 7px;
	top: -10px;
}
#footer a {
    font-family: "ITC Avant Garde", Arial, sans-serif;
    line-height: 1.9;
}
#footer a:hover { text-decoration: underline; }
#pmc, #towne, #powered, #socialMedia { position: absolute; }
#pmc { left: 0; }
#towne { left: 330px; }
#powered { right: 0; }
#socialMedia { 
	width: 230px;
	border-right-style: 1px solid #000; 
	top: 10px;
	left: 490px;
}
.youtube, .myspace, .twitter, .facebook {
	height: 19px;
	display: block; 
	float: left;
	margin-left: 5px;
}
.youtube { 
	background: url(../images/youtube-icon.jpg) no-repeat;
	width: 35px;
}
.myspace {
	background: url(../images/myspace-icon.jpg) no-repeat;
	width: 62px;
}
.twitter {
	background: url(../images/twitter-icon.jpg) no-repeat;
	width: 56px;
}
.facebook {
	background: url(../images/facebook-icon.jpg) no-repeat;
	width: 45px;
}
a#pmc, a#towne, div#powered {
	display: table-cell;
	vertical-align: top;
	padding:10px;
}
#towne { text-align: center; }
#powered { text-align: right; }
.resite {
	padding-left: 30px;
	background: url(../images/eqh-icon.gif) 0 -4px no-repeat;
}