/**
  * core.css
  * @author Jon Zuck <jon.zuck@resiteonline.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, button,
table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

/*  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 {
	font-size: 0;   /* IE6 */
	line-height: 0; /* IE7 */
    text-indent: -3000em;
}
a {text-decoration: none;}
a, object, button {outline: 0;} /* removes Firefox's outlining on active state */

/* separate block elements */  
dl, ul, ol, p, address, table, form
    {padding-bottom: 1em;}
ol  {list-style: decimal;}
ul  {list-style: none;}

/* Style blockquote padding to taste */
blockquote {padding: 1em 3em;}


/* 2. Typical Table defaults *****************
   adjust as desired. */

table {border-collapse: collapse;}
td {
    text-align: left;
    vertical-align: top;
}
.center {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 {
	background: #fff url(../images/bg.jpg) repeat-x;
}

ul#propertySideNav {
	margin-top: 0px;	
}

#wrapper { 
	width: 960px;
	margin: 0 auto;
}
#header {
	position: relative;
	width: 927px;
	height: 280px;
}
h1#logo	{
	width: 960px;
	height: 65px;
	background: #0a0 url(../images/evanston-header.jpg) no-repeat;
}
#tagline {
	width: 960px;
	height: 215px;	
	position: relative;
}
#tagline object {
	position: absolute;
	top: -5px;
	left: 0px;
}
#mainNav {
	height: 44px;
	width: 960px;
	margin-top: -20px;
	position: relative;
} 
*+html #mainNav {
	margin-top: 0px;
}
#mainNav li 	{
	float: left; /* IE 6, of course */
} 
#mainNav li a  {
	display:block;
	position: absolute; 
	text-indent: -1000em;
	height: 44px;
	cursor: pointer;
	top: 0;
}	
#findNav 	{width: 204px; left: 0px;   background: url(../images/find-an-apartment-btn1.jpg) no-repeat;}
#applyNav 	{width: 111px; left: 204px; background: url(../images/apply-online-btn1.jpg) no-repeat;}
#contactNav {width: 104px; left: 315px; background: url(../images/contact-us-btn1.jpg) no-repeat;}
#curResNav 	{width: 151px; left: 419px; background: url(../images/current-residents-btn1.jpg) no-repeat;}
#marketplaceNav	{width: 191px; left: 570px; background: url(../images/community-marketplace-btn1.jpg) no-repeat;}
#aboutusNav	{width: 85px;  left: 761px; background: url(../images/about-us-btn1.jpg) no-repeat;}
#homeNav	{width: 115px; left: 845px; background: url(../images/home-btn1.jpg) no-repeat;}

.current #findNav, #findNav:hover		 	{background: url(../images/find-an-apartment-btn11.jpg) no-repeat;}
.current #applyNav, #applyNav:hover 		{background: url(../images/apply-online-btn11.jpg) no-repeat;}
.current #contactNav, #contactNav:hover 	{background: url(../images/contact-us-btn11.jpg) no-repeat;}
.current #curResNav, #curResNav:hover	 	{background: url(../images/current-residents-btn11.jpg) no-repeat;}
.current #marketplaceNav, #marketplaceNav:hover 	{background: url(../images/community-marketplace-btn11.jpg) no-repeat;}
.current #aboutusNav, #aboutusNav:hover 	{background: url(../images/about-us-btn11.jpg) no-repeat;}
.current #homeNav, #homeNav:hover	 		{background: url(../images/home-btn11.jpg) no-repeat;}

#footer {
	position: relative;
	clear: both;
}
.hmFooter {
	height: 46px;
	background: url(../images/footer-bg.jpg) no-repeat;	
}
.intFooter {
	height: 50px;
	background: url(../images/footer-bg1.jpg) no-repeat;
}
#footer .sitemap{ 
	color: #fff;
	position:absolute;
	right:75px;
	top:20px;
}
#footer .powered a {
	color: #fff;
	position: absolute;
	left: 40px; 
	top: 20px;
}
#footer img {
	position: absolute;
	right: 40px; 
	top: 12px;
}

/* Home Page Stuff */
#hmContentArea{
	background: url(../images/content-bg.jpg) no-repeat;
	height: 394px;
	position: relative;
}
#hmMainContent {
	left:0; 
	top: 13px;
	width: 591px;
	position: absolute;
}
#topHmContent {
	background: url(../images/content-bg-top.jpg) no-repeat;
	height: 168px;
	overflow: auto;
}
#propSpotlight {padding: 20px 20px 0 80px;}
#propSpotlight img {
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 20px;
}
#propSpotlight p { margin-top: 10px; }
#btmHmContent {
	background: url(../images/content-bg-btm.jpg) no-repeat;
	height: 222px;	
}
#propStuff {
	padding: 20px;}
/* floorplan Quick Search drop down and results **********************************/
#fpSearch {
	position: relative;	
	height: 222px;
	width: 265px;
	float: left;
	margin-right: 40px;
}
#fpSearch select {position: absolute;}
.longSel {
	width: 160px; 
	left: 40px; 
	top: 100px;
}
.shortSel{
	width: 75px;
}
select#beds  {left: 40px;  top: 140px;}
select#baths {left: 125px; top: 140px;}
select#sqft  {left: 40px;  top: 185px;}
select#price {left: 125px; top: 185px;}

#fpSearch label {
	position: absolute;
	color: white;
}
label#labProp  {left: 40px; top: 85px;}
label#labBeds  {left: 40px; top: 125px;}
label#labBaths {left: 125px; top: 125px;}
label#labSqFt  {left: 40px; top: 170px;}
label#labPrice {left: 125px; top: 170px;}

#searchTab {
	position: absolute;
	left: 227px;
	top: 90px;
	width: 44px;
	height: 116px;
	background: url(../images/search-btn1.jpg) no-repeat;
	outline: 0;
	border: 0;
}
#searchTab:hover {
		background: url(../images/search-btn11.jpg) no-repeat;
		cursor: pointer;
}

#searchTable {
	width: 830px;
	margin: 0 auto;
}
#searchTable th { 
	height: 30px; 
}
#searchTable td { 
	text-align: center; 
	border-top: 1px dotted #CCC;
	padding: 8px 0 8px 0;
}
.fpComm a, #searchTable tr { color: #003f0e; } 
#searchTable tr:hover, #searchTable tr:hover a   { 
	background-color: #30184C;
	color: #FFF;
	cursor: pointer;
}
#searchTable .heading:hover { background-color: none; }
#searchTable .fpName { 
	width: 250px;
	text-align: left; 
}
#searchTable .fpComm { width: 230px; }
/* Home pg Google map *************************************/
#hmContentArea #map { 
	right: 0; top: 13px;
	width: 315px;
	height: 373px;
	margin: 3px 40px 13px 0;
	position: absolute;
	border: 1px solid #333;
}	
/************************************************************/
/* Property Search page */

div.siteProperty {
	float: left;
	width: 837px;
	margin: 0px;
	padding: 20px;
	
}
.first.siteProperty
{
	background: url(../images/commercial-properties-bg-1.jpg) no-repeat;	
}
.siteProperty {
	background: url(../images/commercial-properties-bg-2.jpg) no-repeat;
	padding: 20px;
}
div.propertyImg {
	position: relative;
	float: left;
	width: 135px;
	height: 135px;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
		
}

div.propertyImg img.sitePhoto {
	float: left;
	width: 	122px;
	height: 122px;
	margin: 0px;
	margin-top: 5px;
	margin-left: 8px;
	padding: 0px;
	z-index: 100;
		
}
div.propertyInfo {
	float: left;
	width: 605px;
	margin: 0px;
	padding: 0px;
}

div.propertyInfo span.sitePhone {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px;	
}
div.propertyInfo h4 {
	padding-bottom: 10px;
}

div.propertyInfo a.siteLink {
	text-decoration: underline;
}

div.propertyInfo a.siteLink:hover {
	text-decoration: none;
}

div.propertyImgFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 135px;
	z-index: 500;	
}

div.propertyImgFrame img {
	float: left;	
	width: 135px;
	height: 135px;
	margin: 0;
	padding: 0;
}


/* End Property Search Map */
/************************************************************/
/* Other Corporate pages ****************************************/

.corp #contentArea {
	background: url(../images/content-top-bg.jpg) no-repeat;
	padding: 20px 45px 0 40px;
}
.corp #mainContent {
	background: url(../images/content-txt-bg.jpg) no-repeat;
	padding: 20px; 
	min-height: 358px;
}
/* Commercial Properties page and Find an Apartment (propertySearch) pg */
.first.city, .first.prop {
	background: url(../images/commercial-properties-bg-1.jpg) no-repeat;	
}
.city, .prop {
	background: url(../images/commercial-properties-bg-2.jpg) no-repeat;
	padding: 20px 40px; 	
}

.city img, .prop img {
	border: 3px solid white;;
	height: 122px;
	width: 122px;
	float: left; 
	clear: left;	
	margin:0 40px 20px 0;
}
.city .propStats {
	width: 180px;
	float: left;
	margin-right: 40px;
}
.city .propDescr {
	width: 400px;
	float: left;
	margin-right: 0px;			
}
.city a.application {
	background: url(../images/application-btn1.png) no-repeat;	
	width: 111px;
	height: 43px;
	display: block;
}
.city a.application:hover {
	background: url(../images/application-btn11.png) no-repeat;	
	_background: url(../images/application-btn11.gif) no-repeat;
}

.prop .propDescr {
	float: left;
	width: 605px;
	padding-right: 20px;
}
.prop a {
	display: block; 
	float: right;
}


.prop a span {font-weight: bold; font-size: 16px;}

/* Contact Us page **********************************************/
#guestcard {
	width: 557px;
	height: 704px;
	float: left;
	margin-right: 11px;
	background: url(../images/guestcard-bg.jpg) no-repeat;
}
#guestcard iframe {
	height: 704px;
	margin: 20px 20px;
}
#contactInfo {
	width: 307px;
	height: 704px;
	background: url(../images/guestcard-bg.jpg) no-repeat;
	float: left;
}
#contactInfo li span {
	color: #003f0e;
	display: block;}
#contactInfo ul {
	list-style-type: disc;
}
#contactInfo h4	{
	padding: 15px 0;
	border-bottom: 0;
}
#address, #officeHrs, #leasing {padding:0 20px 0;}
#address {
	height: 100px;
	background: url(../images/address-bg.jpg) no-repeat;
}
#officeHrs {
	background: url(../images/office-hr-bg.jpg) no-repeat;
}
#leasing {
	background: url(../images/leasing-bg.jpg) no-repeat;	
}

/* Current Residents page ***************************************/
#resident {
	width: 617px;
	float: left;
	margin-right: 11px;	
}
#residentContent {
	background: url(../images/content-current-resident-top-bg.jpg) no-repeat;
	padding: 30px;
}
#hub {
	width:165px;
	height: 378px;
	margin: 0px;
	margin-top: 25px;
	padding: 50px 41px;
	float: left;	
	background: url(../images/resident-hub-bg.jpg) no-repeat;
}
#hub h2 {
	height: 0;
}
#hub p {
	text-align: center;
	position: relative;
}
#hub p span {
	position: absolute;
	text-indent: -1000em;
}
#resHubForm h4 {
	display: none;
}
#resHubForm {
}
#resHubForm li 	 {margin-bottom: 10px;}
#resHubForm label{
	width: 100%;
}
#resHubForm .links {
	text-align: center;}

#resHubForm input {
	width: 100%;
}
#resHubForm li.buttons {
	width: 169px;
}
#resHubForm input.button {
	background: transparent url(../images/secure-login-btn1.jpg) no-repeat;
	width: 131px;
	height: 43px;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 15px 18px 15px 22px;	
	cursor: pointer;
	/*text-indent: -1000em;*/
	font-size: 0px;
}
#resHubForm input.button:hover {
	background: url(../images/secure-login-btn11.jpg) no-repeat;	
}
/* About Us page ************************************************/

.aboutCol {
	width:390px;
	float: left;
}
#aboutColumn1 { margin:0 20px 0 0;}


/* Typography *******************************************/

#wrapper {
	font: 12px Arial, sans-serif;
}
a		{color: #361B52;}
a:hover {color: #337700;}
#propSpotlight p.more {
	margin-top:0;
	text-align: right;
}
h3 {
	font: bold 16px/1 Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 10px 20px;
} 
h3 span {
	padding-right: 1em;
}
h3, h4, h5, th  {
	color: #003f0e;	
}
h3#siteName {
	float: left;
	width: 415px;
}

h3#sitePhone {
	float: right;
	width: auto;
	margin: 0px;
	margin-right: 60px;
	padding: 0px;
}

h4 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: .25em;
	margin-bottom: .5em;
}
h4, .floorplans th {
	font-size: 14px;
}
#hmContentArea h3 {
	font-weight: normal;
	text-transform: none;
	padding: 0 0 10px 20px;
}
.city h4 {
	padding-bottom:8px;
	margin-bottom: 10px;
}
.city h5 {
	color: #361B52;
	padding-bottom: 1em;
}
.prop h4 {
	height: 1em; 
	position: relative;
	border: 0;
	margin-bottom: 10px;	}
.prop h4 span {
	color: #361B52;
	position: absolute; 
	right: 0;
}
.floorplans th {text-align: left;}

#propertyspotlight { 
	font: bold 12pt Arial;
	border: none;	
}
#propName {	
	font: bold 10pt Arial;
	margin-bottom: 8px;
}

/** 404 Page **/
.fourohfour p,ul{margin:20px;}
.fourohfour li{margin:10px 25px;}
/** Sitemap **/
.sitemap dl{margin:20px}
.sitemap dd{margin:5px 25px;}