/**
  * 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,i, fieldset, form, 
label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background-repeat: no-repeat;
}
dl, ul, ol, p, address, table, form /* separates blocks elems */	
		{padding-bottom: .5em;}
ol 		{list-style: decimal;}
ul 		{list-style: none;}
img 	{display: block;} /* fixes descender gap in IE */
a img 	{border: none;	cursor: pointer;}
a  		{text-decoration: none;}
a, object {	outline: 0;}	
table	{border-collapse: collapse; }
td 	{
	text-align: left;
	vertical-align: top;
}
.center {text-align:center;}
/* .clearfix class to enclose floats painlessly (see also ieFixes.css) */
.clearfix:after { 
	content: '.';
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
} 

/* End Reset */

/* Approving global styles */
body {
	background: #e4e0bb url(/images/bg.gif) repeat-x;
	font: 75%/1.5 Georgia, serif; /* ~12px/18px */ }
#wrapper { 
	margin: 0px auto; /* center the page */
	width: 940px; }
h3 {
	font: bold 1.4em/1.7 "Times New Roman", Georgia, serif; /* ~17px/20px */
	color: #320;
}
h4 {
	font: bold 1.2em/1.5 Arial, Helvetica, sans-serif; /* ~14px/18px */
}
	
#header {
	height: 97px;
	position: relative;
	background: url(/images/top-bg.gif); }
#header {
	font-size: 1.167em;  /* ~14px */
	line-height: 1.29em; /* ~18px */}	
#logo  {
	position: relative;
	width: 173px;
}
#logo a {
	display: block;
	height: 0px;
}
#logo i {
	position: absolute;
	top: 5px;	
	left: 40px;	
	display:block;
	height: 100px;
	width: 173px;
	text-indent: -1000em;
	background: url(/images/scully-logo.gif);			
	cursor: pointer;
}

/* Property Quick Search form */
#findHome {
	width: 460px;
	position: absolute; 
	left: 490px; 
	top: 30px;}
#findHome form 	 {display: inline;}
#findHome label  {margin-right:1.5em;}
#findHome ul, #findHome li 
				 {display: inline;}
#findHome .city label
				 {display: none;}
#findHome select {width: 187px;}

/* nav styles ******************************/
#mainNav, #subNav {
	float: left;
	width: 940px; 
	padding:0; 
}
#mainNav {
	background: url(/images/mid-bg.gif);
	height:55px;
}
#mainNav li 	{float: left;}
#mainNav li a 	{display: block; }
#mainNav li a i {
	display:block;
	position: absolute; 
	text-indent: -1000em;
	height: 40px;
	cursor: pointer;
}	
#mainNav #home	{
	margin-left: 333px;
	background:  url(/images/home-bttn-trans.png);
	width: 85px;
}
#mainNav #apartments {
	margin-left: 418px;	
	width: 113px;
	background:  url(/images/apartment-bttn-trans.png);
}
#mainNav #aboutus {
	margin-left: 531px;		
	width: 96px;
	background:  url(/images/about-us-bttn-trans.png);
}
#mainNav #mgmtservices {
	margin-left: 627px;			
	width: 183px;
	background:  url(/images/management-services-bttn-trans.png);
}
#mainNav #contactus {
	margin-left: 810px;
	width: 106px;
	background:  url(/images/contact-us-bttn-trans.png);
}
#mainNav .current #home 		{background:  url(/images/home-bttn-over-trans.png);}
#mainNav .current #apartments 	{background:  url(/images/apartment-bttn-over-trans.png);}
#mainNav .current #aboutus 		{background:  url(/images/about-us-bttn-over-trans.png);}
#mainNav .current #mgmtservices {background:  url(/images/management-services-bttn-over-trans.png);}
#mainNav .current #contactus 	{background:  url(/images/contact-us-bttn-over-trans.png);}

/* Image area and content area universals 
 * all other property pages styles in aptstyles.css 
 */
#hmImageArea, #aptImageArea {
	clear: left;
	background: #eee;}
#hmImageArea  {	height: 252px; width:940px;}
#aptImageArea {	height: 189px;}
#hmContentArea, #aptContentArea {width: 940px;}
#hmContentArea, #aptDescription {color: #320;}

/* noflash */
#noflash {
	width: 250px; 
	margin:50px 0 0 70px;
}


/* Footer styles ***************************************/
#footer {
	height:20px;
	clear: both;
}
.apt #footer, .home #footer {height: 0; }
.info #footer {
	background: url(/images/bttm.gif);
	height: 34px;
}
div#powered a {
	font: 71% Arial, Verdana, sans-serif; /* ~10px */
	color: #555; }
div#powered a:hover {color: #963;}

div#powered {
	text-align: right;
	margin-right: 5px; }
div#powered img {display: none;}

div#powered a#adpEmployeeLink {
	float: left;
	width: 100px;
	text-align: left;
	margin: 3px 0px 0px 5px;
}

div#powered a.home {
	display: none;
}

div#powered a.resite {
	float: right;
	width: 125px;
	margin: 3px 5px 0px 0px;
}

/* Trac Ticket 1875 */
div#powered a#searchLink {
	float: right;
	width: 150px;
	text-align: left;
	margin: 3px 250px 0px 5px;
	font: 71% Arial, Verdana, sans-serif; /* ~10px */
	color: #555;
}
	
/* Home page content styles ****************************/
#hmContentArea {
	height: 277px;
	background: #f9f9f9  url(/images/bttm-bg.gif);
}
#hmDescription {
	width: 290px;
	padding:65px 20px 0;
	float: left;
}
#hmMap {
	width: 340px;
	height: 270px;
	padding: 5px 0 0 0;
	float: left;
	position: relative; 
}
#hmMap p {
	width: 150px;
	float:left;
	position: absolute;	
	left: 50px;
	top: 70px;
	z-index: 2;
}
#hmMap object {
	float: right;
	position: absolute;
	left: 12px;
	top: 8px;
	width: 360px;
}
noscript {
	margin:0;
	padding: 0;
}
#noflash {
	background: url(/images/map.gif) 140px 3px no-repeat;
	height: 270px;
	width: 340px;
	padding:30px 0 0 40px;
	margin: 0 0 0;
}
#noflash a		 {color: #640;}
#noflash a:hover {color: #f00;}

#resHubForm {
	padding: 50px 0 0 35px;
	width: 210px;
	height: 222px;
	float: left;
}
#resHubForm li 	 {margin-bottom: 10px;}
#resHubForm label{
	width: 100px;
	float: left;
	text-transform: uppercase;
}
#resHubForm li.buttons, #resHubForm .links
							{text-align: center;}
#resHubForm li.buttons input{width: auto;}
#resHubForm input 			{width: 80px;} 
#resHubForm .links a {
	font: 71% Arial, Verdana, sans-serif; /* ~10px */
	color: #640;}
#resHubForm .links a:hover 	{color: #f00;}

/* info pages (about, contact, mgmtservices, apartments)  ********************/
h2.about, h2.contact, h2.mgmtservices, h2.apt, h2.searchDirectory, h2.error {
	height: 40px;
	width: 940px;
	clear: both;
	text-indent: -1000em;
}
h2.apt		{background: url(/images/apartment-header.gif);}
h2.contact  {background: url(/images/contact-us-header.gif);}
h2.mgmtservices
			{background: url(/images/management-services.gif);}
h2.about 	{background: url(/images/about-us-header.gif);}
h2.contact 	{background: url(/images/contact-us-header.gif);}
h2.mgmtservices
			{background: url(/images/management-services.gif);}
h2.searchDirectory { 
	background: url(/images/philadelphia-local-search-h.gif);
}
h2.error {
	background: url(/images/404-header.gif);
}
.info #midContentArea {
	background: url(/images/mid.gif) repeat-y;
	padding: 1em 12em 0;
}
.info .errorContent { height: 500px; }
/* About Page */
#ltcolumn,#rtcolumn {
	width: 360px; 
	float: left;	
}
#ltcolumn {
	margin-right: 40px;
}
/* Contact Form */
#ScullyCompany {
	float: left; 
	width: 250px;
}
#ScullyCompany .fn {
	font-size: 150%
}
#ScullyCompany .locality {
	clear: left;
}
#contactForm {
	float: right;
	width: 386px;
	margin: 0 auto;
	overflow: auto;
}
#contactForm label{
	clear:left;
	float:left;
	width:100px;
	text-align: right;
}
#contactForm textarea {
	height:150px;
}
#contactForm input.button{ 
	float: right;
	width:60px;
}	
#contactForm #StateLabel {
	width:36px; 
	clear:none; 
	margin: auto 5px;
}
#contactForm #StateLabel {
	width:36px; 
	clear:none; 
	margin: auto 6px;
}
#contactForm #ZipLabel{
	width:30px; 
	clear:none; 
	margin: auto 7px;
}
#contactForm #City {
	width:88px;
}
#contactForm #State{ 
	width: 22px;
	margin-left: 0;
}
#contactForm #Zip {
	width: 50px;
	margin-left: 0;
	margin-right: -4px;
}
#contactForm input, #contactForm textarea { 
	margin: 0 0 5px 20px;
	width: 260px;
	float: left;
}
/* Search Results (apartment/index.php) */
.search #midContentArea {
	padding: .5em;
}
#searchResults h3, #searchResults h4 {
	text-align: left;
	padding-left: 35px;}
#aptSearch {
	border: 1px solid #ddc;	
}
#searchResults h4 {
	background: #e4e0bb;
	color: #724;
	clear: left;
	font: normal 1.2em/2 Georgia, 'Times New Roman', serif;
	border-bottom: 3px solid #ddc;
	text-align: left;
}
#aptSearch .clearfix {
	background: #cfc997;	
}
#searchResults tr {
	background: #eed;
}
#searchResults h3 {
	font: 2.25em/1.5 Georgia, 'Times New Roman', serif; 
	float: left;
	width: 280px;
	color: #163;
	text-align: left;
}
#aptSearchForm  {
	width: 440px;
	padding-top:10px;
	display: block;
	height: 28px;
	float: right;
}
#aptSearch select {
	float: left;
	margin-right:10px;
}
#aptSearch .county { width: 150px; }

#searchResults {
	width: 910px;
	margin: 0 auto;
}
#searchResults th {
	background: #163;
	color: #fff;
	border-bottom: 4px solid #ddc;
}
#searchResults td {
	padding: 10px;
	border-left: 1px solid #ddc;
	border-right: 1px solid #ddc;	
	border-bottom: 4px solid #ddc;	
	vertical-align: top;
}
#searchResults td img {
	width: 100px;
	margin-left: 30px;
	float: left;
}
a.propname {
	color: #163;
	font-size: 1.5em;
	line-height: 1.25;
}
a.propname:hover, a.propname:active {
	color: #320;
} 
#searchResults td div {
	float: right;
	width: 400px;
}
#searchResults h5{
	font-weight: normal;
}
