/* 
 * Primary Screen Stylesheet
 * Pomeroy Court
 * Prepared by Nathan Carnes - Jan 09 - nathan@nathancarnes.com
 */
 
html{ height: 101%; }
body{ background: transparent; }

a{ color: #1F3767; text-decoration: underline; }
a img{ border: 0; }

body label{ font-weight: bold; color: #666; height: 1.5em; }
body address{ font-style: normal; }
body dd{ margin-bottom: 1em; }
textarea{ height: 6em; }

strong{ font-size: 1.1em; background: #ffc; }

a.button{ -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #eee repeat-x center center url("../img/gradient.png"); border: 1px solid #ccc; color: #666; text-decoration: none; display: block; padding: 3px; text-align: center; width: 12em; margin: 0 auto; font-weight: bold; }
	a.button:hover{ background-color: #1F3767; color: #fff; border-color: #1F3767; }

/* Header */
#header{ background: #fff; padding: 0; overflow: hidden; }
	#header #navWrapper{ background: #DA2F00 repeat-x center center url("../img/gradient.png"); }
	#header #nav{ overflow: hidden; font-weight: bold; margin: 0px; text-align: center; width: 920px; margin: 0 auto; }
		#header #nav li{ display: block; float: left; padding: 0; margin: 0; }
			#header #nav li a{ color: #fff; text-decoration: none; padding: 10px 0px; text-transform: uppercase; display: block; font-size: 1.1em; }
	#header h1#logo{ clear: left; padding: 20px 0 15px; background: #11172d top center url("../img/logo_bg.jpg"); margin: 0; }
		#header h1#logo a{ display: block; width: 335px; height: 114px; text-indent: -999em; background: url("../img/logo.png"); margin: 0 auto; }
	
#index .home, #floor-plans .floor-plans, #amenities .amenities, #rentals .rentals, #location .location, #forms .forms, #contact .contact{ background: #B12C05 repeat-x center center url("../img/nav_selected.png"); }

.home{ width: 110px; }
.floor-plans{ width: 140px; }
.amenities{ width: 120px; }
.rentals{ width: 110px; }
.location{ width: 110px; }
.forms{ width: 110px; }
.contact{ width: 110px; }
.photos{ width: 110px; }

#header #nav li ul { 	
	list-style-type: none;
	display: block;
	left: auto;
	position: absolute;
	background: #eee;
	width: 22em;
	display: none;
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	z-index: 99;
	margin-top: 0px; 
}

#header #nav a:hover{ background: #111 repeat-x center center url("../img/gradient.png"); }

#header #nav li ul li{ display: block; float: none; padding: 0; margin: 0; text-indent: 0; border-bottom: 1px solid #ddd; background: repeat-x center center url("../img/gradient.png"); }
	#header #nav li ul li a{ float: none; color: #222; display: block; padding: 5px; text-transform: none; }
		#header #nav li ul li a:hover{ color: #fff; }

#header #nav li.pdf a{ background: no-repeat 5px center url("/img/pdf.png"); padding-left: 26px; }
#header #nav li.pdf:hover{ background: #111 repeat-x center center url("../img/gradient.png"); }

/* Main Content */
#main{ color: #33302E; padding: 0 0 0 10px; }	
#mainWrapper{ width: 940px; margin: 20px auto; overflow: hidden; }	

/* Footer */
#footer{ color: #ccc; text-align: center; font-size: x-small; padding: 10px; clear: both; margin: 0 auto; width: 900px; }
	
/* Boxes */
#boxes{ margin: 20px 0 0 0; overflow: hidden; list-style-type: none; }
	#boxes li{ float: left; width: 288px; margin-right: 26px; padding: 0; border: 1px solid #fff;}
		#boxes img{ display: block; margin: 0px auto; }
		#boxes li#last{ margin-right: 0; }
		#boxes li h3{ background: #111 center center url("../img/gradient.png"); padding: 5px 10px; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
		#boxes li p{ padding: 10px; border-top: 1px solid #fff; line-height: 150%; background: #f5f5f5; height: 9em; margin-bottom: 0; color: #666; }
	#boxes li.hover{ cursor: pointer; border-color: #DA2F00; }
		#boxes li.hover p{ color: #222; }
		#boxes li.hover h3{ background-color: #11172D; }
		
/* Layouts */
.oneColumn{ margin: 2em 2em 0; }
.twoColumn, .thirdsColumn{ margin-top: 2em; }
	.twoColumn .left{ width: 420px; float: left; margin-left: 10px; }
	.twoColumn .right{ width: 420px; float: right; margin-right: 10px; }
	.thirdsColumn .left{ width: 65%; float: left; margin-left: 2em; }
	.thirdsColumn .right{ width: 25%; float: right; margin-right: 2em; }	
	
/* Page Styles */
#security{ background: #ffc; }
	#security h2{ background: no-repeat url("../img/icons/lock.png") left center; padding-left: 50px; margin: 0 0 0 1em; padding: 1em 28px; }
	#security ul{ padding: 0 1em; }
	
.message{ padding: 1em; font-weight: bold; background: #ffc; margin-bottom: 1em; }	
	
table{ width: 100%; }
	tr{}
		tr td{ border-color: #eee; border-width: 1px 0; }
		tr.even td{ background: #f5f5f5; }
	th{ color: #fff; background: #111 center center url("../img/gradient.png"); text-align: left; }
	.subHeader td{ background: #2D3D77 center center url("../img/gradient.png"); color: #fff; font-weight: bold; }
	
img.floorplan{ display: block; margin: 0 auto; padding: 5px; border: 1px solid #eee; }

#facebook{ width: 450px; margin-right: 20px; float: left; margin-top: 26px; }
#reviews{ width: 450px; float: left; margin-top: 26px; }

#facebook a, #reviews a{ display: block; }
.floatedImage{ display: block; float: left; padding: 0 5px 5px 0; }
.horizontalForm div{ width: 50%; }

.gallery a{ display: block; margin: 0 auto 10px; text-align: center; }