/**
  * core.css
  * 
  * @author Bruce Wright <bruce.wright@residentsource.com>
  * @version $Id$
  **/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong{ font-weight:bold; }
em{ font-style:italic; }

/* I am including the default classes what will need to be adjusted ~cjones 04.03.2008 */
body { 
	background:#e3dbba; 
	font-family: Verdana, sans-serif;
}
#bkgdImageHolder{
	background:url('../images/bg_topleft.jpg') repeat transparent 0 0;
	position:absolute;	
	top: 0;
	left: 0;
	height:195px;
	width:100%;
}
#wrapper { 
	margin: 0px auto; /* center the page */ 
	position:relative;
	width:867px;
}
.innerWrapper {  }
#header { padding-left:100px; }
#logo {  }
#logo a{  }	

#flash{ 
	background:#fff;
	position:absolute;
	top:189px;
}
/* main nav */
.mainNav{
	background:#c0af6c;
	position:absolute;
	top:163px;
	width:860px;
	padding-left: 7px;
}
.mainNav li{
	background:#c0af6c;
	border-left:#03212B 1px solid;
	float:left;
	padding: 5px 7px 5px 8px;	
}
.mainNav li.first{
	border-left: none; }
.mainNav li.current{
	border-top:7px solid #a1956b;
	position:relative;
	top:-7px;	
}
.mouseOverEffect {
	border-top:7px solid #a1956b;
	position:relative;
	top:-7px;	
}
.mainNav a{
	color:#fff;
	font: 10px Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

/* put default styles for the content areas here */
.contentArea { 
	background:#f6f3ea;
	min-height:322px;
	padding: 22px 21px 10px 255px;
	position:relative;
	margin-top:-9px;
}
.home .contentArea{ 
	background:url('../images/shadow.jpg') repeat-x 0 0 #f6f3ea;
	top:231px; 
	margin-top: 0px;
}
.contentArea:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.contentArea p { 
	font-size:12px;
	line-height:1.4em;
	padding:10px 15px;
}
.contentArea ul{  }
.contentArea li{  }
.contentArea a{ color: #03242D; }
.contentArea a:hover, .contentArea a:visited{ color:#58140a; }
.contentArea a:hover { text-decoration: underline; }
.contentArea h2{
	background:#401818;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px;
	text-transform:uppercase;
}

.sideNav{
	background:url('../images/subnav_box.jpg') transparent 0 0 no-repeat;
	height:167px;
	left:35px;
	padding:2px 0 0 6px;
	position:absolute;
	top:22px;
	width:191px;
}
.home .sideNav{ left:30px; }
.sideNav a{
	background:transparent;
	color:#58140a !important;
	display:block;
	font: 10px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	height:24px;
	line-height:25px;
	margin-bottom:2px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;	
	width:173px;
}
.sideNav a:hover,
.sideNav li.current a{
	background:#c3b681;	
	color: #fff;
}
.sidebarImage{
	background:url('../images/imagebox2.jpg') transparent 0 0 no-repeat;
	height:168px;
	left:10px;
	padding-left:16px;
	padding-top:19px;
	position:absolute;
	top:188px;
	width:230px;
}
.home .sidebarImage{
	background:url('../images/imagebox.jpg') transparent 0 0 no-repeat;
	height:120px;
	left:30px;
	padding-left:10px;
	padding-top:16px;
	width:181px;
}
/* Social Media Icons */
.socialmedia {
	background-color: #401818; 
	width: 165px; 
	height: 35px;
	margin-top: 30px;
	padding: 10px 10px 0 10px; 
	color: #FFF; 
	font: 10pt Tahoma, Arial; 
	float: right;
}

/* Footer */
#footer{
	background:url('../images/bg_bottom.jpg') repeat transparent 0 0;
	min-height:128px;
	width:100%;	
}
#footer.home {
	position:relative;
	top:231px; 
}
.footerContent{
	background:#c0af6c;
	font-size:11px;
	height:20px;
	margin:0 auto;
	padding-top:8px;
	position:relative;
	width:870px;
	text-align: center;	
}
.footerContent .vcard div{ display: inline; }
.footerContent .vcard .fn { display: none; }
#footer strong{
	border-left:1px solid black;
	margin-left:10px;
	padding-left:10px;	
}

#pmcLogo{
	left:0;
	position:absolute;
	top:25px;	
}
#housingLogo{
	position:absolute;
	right:45px;
	top:26px;
}
.resite{
	color:#bbb;
	font: 9px Verdana, Helvetica, sans-serif;
	position:absolute;
	right:10px;
	text-decoration:none;
	top:60px;	
}
#footer ul{
	position: absolute;;
	top: 38px;
	left: 120px;
	width: 600px;
	height: 20px;
}
#footer ul.second{
	left:126px;
	top:58px; 
}
#footer li{ 
	border-left:1px solid #bbb;
	float:left;
	padding:0 10px;
}
#footer li.first{ border:0; }
#footer li a{ 
	color:#bbb;
	font: 9px Verdana, Helvetica, sans-serif;
	text-decoration:none;
	white-space: nowrap;
}
#footer li a:hover { text-decoration: underline; }





/**********************************
 * Pages
 **********************************/
 /* map */
#mapImage{
	border:8px solid #8e6360;
	margin-top:10px;
}
#mapLink{
	color:#58140a;
	float:right;
	font-size:12px;
	font-style:italic;
	line-height:3em;
	margin-right: 1em;
}
#sitemap{
	float:right;	
}

/* corporate suites */
.corporatesuites {
	background:#dba;
	overflow:auto;
	padding:10px 0 15px 30px;
	margin: 0 auto; 
}
.corporatesuites div { float:left; }
.corporatesuites div.nextLine { clear: left;  }
.corporatesuites h3 { 
	color:#58140a;
	font-size:14px;
	margin-top: 10px;
	font-weight: bold;
}
.corporatesuites ul {
	float:left;
	margin:0 5px;
	overflow:visible;
	padding:0;
	width:175px;
}
.corporatesuites ul li { 
	list-style-type: disc;
	margin-left: 15px;
}
.corporatesuites p { 
	margin:10px 15px 0 0;
	padding:0;
}
/* features */
.amenities {
	background:#dba;
	overflow:auto;
	padding:15px 0 15px 50px;
}
.amenities div { float:left; }
.amenities h3 { 
	color:#58140a;
	font-size:14px;
	font-weight: bold;	
}
.amenities ul {
	float:left;
	margin:0 5px;
	overflow:visible;
	padding:0;
	width:250px;
}
.amenities ul li { 
	list-style-image: url(../images/bullet.2.gif);
	padding-left: 5px;
}
.amenities p { 
	margin:10px 15px 0 0;
	padding:0;
}

/* photos */
#photoContainer{
	background:#dba;
	overflow:auto;
	margin-top:10px;
	padding:8px;
	position:relative;
}
#photoContainer p { 
	font-size: 10pt;
	text-align: justify; 
}
#mainPic{
	border:5px solid #fff;
	float:left;
	position:relative;	
}
#leftCover{
	left:13px;
	position:absolute;
	top:67px;
	width:183px;
}
#leftCover.mainPicCover,
#rightCover.mainPicCover{
	background:url('../images/imagecover2.png') repeat transparent 0 0;
	cursor:pointer;
	width: 183px;	
}
#rightCover{
	left:196px;
	position:absolute;
	top:67px;
	width:183px;
}

#thumbnails{
	background:#8e6360;
	float:right;
	margin-right:7px;
	padding:12px 4px 7px 8px;
	width:164px;
}
#thumbnails a{ 
	display:block;
	float:left;
	padding-right:3px;
	position:relative;
	width:79px;
}
#thumbnails img{
	border:solid 3px #fff; 
	margin-bottom:5px;
}
#thumbnails .cover{
	border:0;
	height:58px;
	left:0;
	position:absolute;
	width:76px;	
	top:0;
}

/* floor plans */
/* Trac Ticket 4474*/

#floorplanContainer{
	background:#8e6360;
	overflow:auto;
	margin-top:10px;
	padding:8px;
	position:relative;
}
#floorplanTable{
	font-size:13px;
	width:100%; 
}
#floorplanTable tr{
	background:#dba;
	line-height:1.8em;	
}

#floorplanTable td,
#floorplanTable th{ 
	padding:0 5px; 
	text-align:center;
}
#floorplanTable tr :first-child {padding-left: 15px;}
#floorplanTable tr :last-child  {padding-right: 15px;}
#floorplanTable th{
	background:#401818;
	color: #fff;
	font-weight:bold;
}
#floorplanTable td.name {
	text-align: left;}
#floorplanTable td {
	border-bottom:#401818 solid 1px;
	}
.floorplanPic{
	background:#f7f5e9;
	padding:15px 90px;
	width:395px;
}
.printFloorplan{
	right:15px;
	position:absolute;
	top:15px;	
	cursor: pointer;
	cursor: hand;	
}
.hidden { display: none; }
a.interactive {
	background: url(../images/button_interactivefl.jpg) no-repeat;
	width: 165px;
	height: 40px;
	float: right;
	margin: 10px; 
}
#floorplanTable tr.hover {
	cursor:pointer;
	background:#edc;	
}

/* 404 */
.fourohfour{ padding-left:15px }
.fourohfour ul{
	font-size: 12px;
	line-height: 1.4em;
	padding: 10px 15px;
}