/**
 * SVN $Id: screen.css 18 2008-07-03 18:19:49Z psiska $
 *
 * Copyright (c) by [company name here]
 *
 * Global css file for screen media.
 */

/******************************************************************************
 * GLOBAL
 ******************************************************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	position: relative;
	background: #fff url('../images/back_page.png') 0px 0 repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

html>body { font-size: 12px; }

/* static footer */
html { height: 100%; }
body { min-height: 100%; }

img { border: none; }

.clear { clear:both; }
div.clear {
	height: 1px;
	clear: both;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
/* fix for older browsers */
#main-wrapper div.clear {
	height: 1px;
}

/* floats */
.float-left { float: left; }
.float-right { float: right; }
.neg-margin-left-30 {margin-left:-30px;}

/******************************************************************************
 * GLOBAL WRAPPERS
 ******************************************************************************/
#main-wrapper {
	width: 885px;
	margin-left: 30px;
	padding-bottom: 40px;
}

#header-wrapper {
	width: 920px;
}
/******************************************************************************
* LAYOUT (60/40 Left Content)
******************************************************************************/
#left-wrapper {width: 595px;float: left;}
#right-wrapper {width: 285px;float: right;}
#content {padding: 20px 50px 20px 0;color: #7b7b7b;}
#flash {width: 535px;margin-top:-2px;height: 325px;}
div.rightPodContainer{}
div.rightPod{margin:10px 0;}

/******************************************************************************
 * MAIN NAVIGATION (60/40 Left Content)
 ******************************************************************************/
/* WARNING: SHADOW MANIA ;) */

/* outer wrapper for shadow */
#main-nav-wrapper {
	width: 279px;
	margin-top: 25px;
	padding-right: 6px;
	background: transparent url('../images/back_nav_rshade.png') right 0 no-repeat;
}
/* bottom shadow */
#main-nav-shadow {
	height: 9px;
	margin-bottom: 60px;
	margin-top: -1px;
	background: transparent url('../images/back_nav_bshade.png') right bottom no-repeat;
}

/* actual navigation starts here */
#main-nav {
	float: right;
	width: 233px;
	padding: 20px;
	background: #f9b607 url('../images/main_nav_back.png') 0 0 repeat-x;
}

#main-nav a {
    color: #fff;
    text-decoration: none;
}
#main-nav li#selected a { color: #f9cd61; }

#main-nav li {
	padding: 6px 0;
	font-size: 16px;
	font-weight: bold;
}

/* subnav */
#main-nav ul { padding: 10px 0; }
#main-nav ul li {
	padding: 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	background: transparent url('../images/main_nav_sub_back.png') left bottom no-repeat;
}

#main-nav ul li a {
	padding-left: 30px;
	background: transparent url('../images/main_nav_sub_01.png') left center no-repeat;
}
#main-nav ul li a,
#main-nav li#selected li a {
	color: #fff;
}

#main-nav ul li a:hover,
#main-nav ul li a#subActive {
	color:#fddcb5;
}

#main-nav ul li.n-1 a { background-image: url('../images/main_nav_sub_01.png'); }
#main-nav ul li.n-2 a { background-image: url('../images/main_nav_sub_02.png'); }
#main-nav ul li.n-3 a { background-image: url('../images/main_nav_sub_03.png'); }
#main-nav ul li.n-4 a { background-image: url('../images/main_nav_sub_04.png'); }
#main-nav ul li.n-5 a { background-image: url('../images/main_nav_sub_05.png'); }
#main-nav ul li.n-6 a { background-image: url('../images/main_nav_sub_06.png'); }
#main-nav ul li.n-7 a { background-image: url('../images/main_nav_sub_07.png'); }
#main-nav ul li.n-8 a { background-image: url('../images/main_nav_sub_08.png'); }
#main-nav ul li.n-9 a { background-image: url('../images/main_nav_sub_09.png'); }
#main-nav ul li.n-10 a { background-image: url('../images/main_nav_sub_10.png'); }
#main-nav ul li.n-11 a { background-image: url('../images/main_nav_sub_11.png'); }
#main-nav ul li.n-12 a { background-image: url('../images/main_nav_sub_12.png'); }
#main-nav ul li.n-13 a { background-image: url('../images/main_nav_sub_13.png'); }
#main-nav ul li.n-14 a { background-image: url('../images/main_nav_sub_14.png'); }
#main-nav ul li.n-15 a { background-image: url('../images/main_nav_sub_15.png'); }
#main-nav ul li.n-16 a { background-image: url('../images/main_nav_sub_16.png'); }
#main-nav ul li.n-17 a { background-image: url('../images/main_nav_sub_17.png'); }
#main-nav ul li.n-18 a { background-image: url('../images/main_nav_sub_18.png'); }
#main-nav ul li.n-19 a { background-image: url('../images/main_nav_sub_19.png'); }
#main-nav ul li.n-20 a { background-image: url('../images/main_nav_sub_20.png'); }



#main-nav ul li ul#subsubnav{
	background:none;
	margin:10px 0 0 30px;
	padding:0;
}

#main-nav ul li ul#subsubnav li {
	background:none;
	margin-bottom:0;padding:0;
}


#main-nav ul li ul#subsubnav li a {
	padding-left:10px;
	background:url('../images/sub-sub-bullet.gif') 0 5px no-repeat;
}

#main-nav ul li a:hover ul#subsubnav li a {
	color:#fddcb5;
}

ul#subsubnav li a#subsubActive {
	color:#fddcb5;
}


#main-nav ul li.n-6 a { background-image: url('../images/main_nav_sub_06.png'); }

/******************************************************************************
* LAYOUT (50/50 Right Content)
******************************************************************************/
body.split #left-wrapper { width: 500px; }
body.split #right-wrapper { width: 380px; }
body.split #content { padding: 30px 20px 20px 0; }
body.split #flash { width: 450px; height:auto;margin-top:10px; margin-bottom: 20px;} /*height: 456px;	*/
div.leftPodContainer{}
div.leftPod{margin:10px 0;}

/******************************************************************************
 * MAIN NAVIGATION (50-50 Right Content)
 ******************************************************************************/
#homes-nav-wrapper {
	margin-top: 80px;
	margin-bottom: 0;
	height:245px;
}

#homes-nav-wrapper ul {
	float: left;
	width: 150px;
	margin-right: 35px;
}

#homes-nav-wrapper ul li {
	padding: 3px 0;
	font-size: 12px;
	font-weight:bold;
	width: 145px;
	border-bottom: 1px solid #bfc574;
	text-transform: uppercase;
	float:left;
}

#homes-nav-wrapper ul li a {
	color: #fff;
	padding:3px 10px 3px 30px;
	text-decoration: none;
	background: transparent url('../images/homes-01.gif') left 6px no-repeat;
	display:block;
}

#homes-nav-wrapper ul li a:hover, #homes-nav-wrapper ul li a:active, #homes-nav-wrapper ul li a.active {	
	color:#bfc574;
}

#homes-nav-wrapper ul li.n-1 a { background-image: url('../images/homes-01.gif'); }
#homes-nav-wrapper ul li.n-2 a { background-image: url('../images/homes-02.gif'); }
#homes-nav-wrapper ul li.n-3 a { background-image: url('../images/homes-03.gif'); }
#homes-nav-wrapper ul li.n-4 a { background-image: url('../images/homes-04.gif'); }
#homes-nav-wrapper ul li.n-5 a { background-image: url('../images/homes-05.gif'); }
#homes-nav-wrapper ul li.n-6 a { background-image: url('../images/homes-06.gif'); }
#homes-nav-wrapper ul li.n-7 a { background-image: url('../images/homes-07.gif'); }
#homes-nav-wrapper ul li.n-8 a { background-image: url('../images/homes-08.gif'); }
#homes-nav-wrapper ul li.n-9 a { background-image: url('../images/homes-09.gif'); }
#homes-nav-wrapper ul li.n-10 a { background-image: url('../images/homes-10.gif'); }
#homes-nav-wrapper ul li.n-11 a { background-image: url('../images/homes-11.gif'); }
#homes-nav-wrapper ul li.n-12 a { background-image: url('../images/homes-12.gif'); }
#homes-nav-wrapper ul li.n-13 a { background-image: url('../images/homes-13.gif'); }

/* subnav */
#right-wrapper #homes-nav-wrapper ul li ul{
	margin:8px 0 0 43px;
	padding:0;
	width:170px;
}

#right-wrapper #homes-nav-wrapper ul li ul li{
	margin-bottom:2px;
	padding:0;
	font-weight:normal;
	border:none;
	font-size:11px;
	list-style-image:url('../images/sub-sub-bullet.gif');
}

#right-wrapper #homes-nav-wrapper ul li ul li a{
	background:none;
	padding-left:0;
}

#right-wrapper #homes-nav-wrapper ul li ul li a:hover {
	color:#bfc574;
}

/******************************************************************************
 * FOOTER
 ******************************************************************************/
#footer {
	left: 0;
	bottom: 0;
	clear: both;
	width: 100%;
	height: 40px;
    background: #bcbcbb;
    position: absolute;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
}
#footer-wrapper,
#footer-wrapper a {
	color: #e3e3e3;
	text-decoration: none;
}
#footer-wrapper {
	width: 880px;
	margin-left: 30px;
	padding-top: 10px;
}
#footer-left {
	width: 595px;
	float: left;
}
#footer-right {
	width: 285px;
	float: right;
}
#footer-right li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #e3e3e3;
}
#footer-right li.first { border: none; }

/******************************************************************************
 * HEADER
 ******************************************************************************/
#header-nav {
	height: 30px;
	float: right;
	list-style-type: none;
}
#header-nav li {
	/* right, so that we can move around background to match stripes */
	float: right;
}
#header-nav li a {
	display: block;
	width: 100px;
	height: 30px;
	text-indent:-3000px;
}
#header-nav li.activeTab a { width: 674px; }
#header-nav li.inactiveTab a { width: 246px; }
p.logo { margin: 0; }

/******************************************************************************
 * INTEREST LIST
 ******************************************************************************/
#interest-list a {
	position:absolute;
	top:356px;
	left:785px;
	height: 25px;
	width: 171px;
	display: block;
	text-indent: -10000em;
	background: transparent url('../images/il.gif') 0 0 no-repeat;
}

/******************************************************************************
 * FLOOR PLAN 
 ******************************************************************************/
#floorplan 		{width:450px;margin-bottom:50px;}
#floorplan img	{border:1px solid #d0d0d0;}
#floorplan h2	{color:#7a7a7a;font-size:12px;border:none;}


/******************************************************************************
 * BROKER MODULE 
 ******************************************************************************/
 div.broker {
    background:#F9F7E9 url("/images/background-learnmore-top.gif") 0 0 no-repeat; 
    width:436px;
    padding-top:16px;
	margin:5px 0 35px -5px;
}



div.broker h2{
	/*background:url("/images/preferred-broker.gif") 332px 0 no-repeat;*/
	border:none;
	color:#d57b31;
	height:41px;
	margin-top:2px;
	margin-bottom:0;
	padding:0;
}

div.broker h3{
	color:#d57b31;
	font-weight:normal;
	margin-top:-20px;
	margin-bottom:0;
	font-size:1em;
}

div.broker p{
	margin:10px 20px 0 20px;
	line-height:1.25em;
	font-size:.9em;
}

div.broker .address{
	margin-top:-10px;
}

div.broker .phone,div.broker .properties,div.broker .description{
	margin:5px 20px 5px 20px;
}

div.broker img{
	float:left;
	margin:0 20px 0 20px;
}


p.brokerSep{
	background:url('/images/bottom%2Ddeco.gif') 0 -20px no-repeat;
	height:20px;
	width:100%;
}

div.broker p.bottom{
    background:url("/images/background-learnmore-bottom.gif") left bottom no-repeat;
    display:block;
    padding:10px 16px 16px 16px;
	font-size:11px;
    margin:0 !important;
	}

p.disclaimer{
	font-size:10px;width:320px;margin:10px 0 10px 50px;font-style:italic;
}

form#form{
	color: #7b7b7b;
}

form#form p{	
	float:left;
	display:inline;
}

form#form label{	
	float:left;
	display:inline;
	margin-right:7px;
	padding-top:2px;
}

form#form select{
	float:left;
	display:block;
	width:150px;
	height:18px;
	font-size:11px;
	color: #7b7b7b;
	margin-right:7px;
}

form#form select#filter {
	margin-right:7px;
}

form#form select#filterValue {	
	float:left;
	display:inline;
}

form#form input.button {
	float:left;
	display:block;
	
}

/******************************************************************************
 * CONTENT
 ******************************************************************************/
#right-wrapper #content #breadcrumb 		{margin-top:20px;margin-bottom:0;}
#right-wrapper #content #resForm 			{margin-top:10px;border-bottom:1px dotted #d0d0d0;width:425px;padding-bottom:10px;}
#right-wrapper #content #resForm select 	{width:150px;height:17px;font-size:10px;}
#right-wrapper #content ul					{padding-bottom:10px;margin-left:5px;margin-bottom:10px;}
#right-wrapper #content ul li 				{margin-bottom:3px;}
#right-wrapper #content h3					{margin-bottom:25px;}
#right-wrapper #content p#modeldropdown		{color:#7b7b7b;font-size:12px;font-weight:bold;}

#breadcrumb, #breadcrumb a {
	color: #b3b1b1;
	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#elevationContent img {margin:20px 3px 0 0;border:1px solid #d0d0d0;padding:2px;}

a { color: #9e2a1c; }

#left-wrapper #content p#breadcrumb { margin:-15px 0 0 0;}

h1 {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	line-height:1em;
	letter-spacing:-0.025em;
	margin:8px 0 14px 0;
}

h1#headerCaption {
	color:#c47b2c;
	font-size:20px;
	margin-top:5px;
}

h2 {
	color: #9e2a1c;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	margin-top:25px;
	border-bottom: 1px dotted #d0d0d0;
}

h3 {
	color: #c47b2a;
	margin-top:-8px;
	margin-bottom: 2em;
}

h4 {
	color:#9c2b1d;
	font-size:1.4em;	
	margin-bottom: 1em;
	line-height: 1.2em;
	border-bottom: 1px dotted #d0d0d0;
	font-weight:bold;
	margin-top:25px;
}

h4 a{text-decoration:none;}

#content p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

/* bullet lists */
#content ul{
	margin-top:10px;
}

#content ul li{
	background:url(../images/grey-bullet.gif) 0 7px no-repeat;
	margin-bottom: ;
	padding-left:15px;
	line-height: 20px;
}

/* content images */
#content img {
	float:left;
	display:inline;
}

/* news posts */
div.newsbox {
	margin-bottom: 2em;
}
div.newsbox img.left {
	float: left;
	/*border: 1px solid #d6d6d6;*/
	margin-right: 10px;
	margin-bottom: 10px;
}