﻿/*****************************
	master page layout
*****************************/
#body {width: 965px; margin: auto; overflow: hidden;}

/*****************************
	header section
*****************************/
#header {}
	#header_upper {padding: 8px 25px 6px 25px; color: #D6B770; font-weight: bold;}
		#header_upper a, #header_upper a:link, #header_upper a:visited, #header_upper a:active {color: white; text-decoration: none;}
		#header_upper a:hover {color: #D6B770}
		#header_upper a:focus {-moz-outline: none -moz-mac-focusring;}
		#header_upper_left {float: left;}
		#header_upper_right {float: right; white-space: nowrap; color: White;}

	#header_lower {height: 40px;background: url(../../images/top_header_bg.png);} /* use an image since IE can match the color correctly */
		#header_navbar {float: left; padding-left: 8px; background: url(../../images/navbar_left.v2.jpg) no-repeat top left; margin: 9px 0 0 12px;}
			/* had to float inner div's as an IE6 fix */
			#header_navbar_inner1 {float: left; padding-right: 16px; background: url(../../images/navbar_right.v2.jpg) no-repeat top right;}
			#header_navbar_inner2 {float: left; height: 31px; background: url(../../images/navbar_middle.v2.jpg);
				font-size: 13px; font-weight: bold;}
		
		#header_logo {float: right; margin: 8px 10px 0 0;}
			#header_logo img {width: 137px; height: 24px;}
	
	#header .navitem {display: block; float: left; height: 19px; padding: 3px 5px 0px 5px; margin-right: 2px; cursor: pointer; white-space: nowrap; text-transform: uppercase;}
		#header div.navitem {background: url(../../images/arrow_down.gif) no-repeat center right; padding-right: 17px;}
		#header a.navitem:link, #header a.navitem:visited, #header a.navitem:active, #header .navitem {color: #fff; text-decoration: none;}
		#header a.navitem:focus {-moz-outline: none -moz-mac-focusring;}
		#header a.navitem:hover, #header .navitem_hover {color: #D6B770!important;}
		#header .navitem_sep {float: left; color: #D6B770; padding: 2px 5px 0 0;}
	
	.navmenu_popup {position: absolute; visibility: hidden; z-index: 1000; border: 1px solid #AD9B6F;}
	.navmenu_menu {float: left; background-color: #e9ce92; width: 200px;}
	.navmenu_location {color: #401A08; padding: 3px 5px 3px 5px;}

	.navmenu_community {display: block; background: url(../../images/arrow_right_nav.png) no-repeat 5px center;}
	.navmenu_community div {width: 100%; padding: 5px 5px 5px 23px; cursor: pointer;}
	.navmenu_community:link, .navmenu_community:visited, .navmenu_community:active {display: block; color: black; text-decoration: none;}
	.navmenu_community:hover {display: block; color: black; background-color: #d5b771; text-decoration: none;}
	.navmenu_community:focus {-moz-outline: none -moz-mac-focusring;}

	#navmenu_info {position: absolute; z-index: 10001; width: 217px; padding: 5px; background-color: #d5b771; 
						color: black; font-size: 11px; font-weight: normal; border: 1px solid #AD9B6F; border-left-style: none; display: none;}
		#navmenu_info img {border: 1px solid #B6A578;}
		#navmenu_info .details {padding: 10px; padding-bottom: 5px;}
		#navmenu_info .name {text-align: center; margin-bottom: 10px;}
		#navmenu_info .name {text-align: -moz-center;} /* mozilla fix */
		#navmenu_info .name table {margin: auto;} /* safari fix */
		#navmenu_info .name table td {text-transform: uppercase;}
		#navmenu_info .tagline {font-weight: bold;}

	.required {color: Red; font-weight: bold; font-size: 14px; line-height: 11px;}
	.alert_link {background: url(../../images/alert.gif) no-repeat left center; padding-left: 12px;}
	.compare_flasher {color: maroon; font-weight: bold; position: absolute; top: 0; left: 0; display: none;}

/* for any pages that use a community header */
#community_header {position: absolute; top: 0; left: 15px; width: 200px; z-index: 200;}
#community_header img {float: left; margin-bottom: 5px;}
#community_header div {clear: both; color: black; font-weight: bold; white-space: nowrap;}
#community_header .phone {font-size: 13px; padding-top: 3px; white-space: nowrap;}

/* for all static pages */
#page_title {position: absolute; top: 15px; left: 15px; z-index: 200; font-size: 22px; font-weight: bold; color: #401A08;}

/*****************************
	button bar 
*****************************/
#button_bar {height: 7px; padding: 0; background: url(../../images/button_bar_bg.jpg) repeat-x top left; position: relative;}
	#button_bar .title {float: left; font-size: 17px; color: #401A08; font-weight: bold; padding-top: 4px;}
	#button_bar .buttons {position: absolute; top: 6px; right: 15px;}
		#button_bar .buttons a {float: left; display: block; padding: 6px 8px; margin-left: 8px; color: white; 
			font-weight: bold; font-size: 14px; background-color: #532000; text-decoration: none;}
		#button_bar .buttons a:hover, #button_bar .buttons a.selected {color: #D6B770;}

/*****************************
	content section
*****************************/
#content {position: relative; background-color: #e9ce92;} /* #ebe2ba;} */

#curve_top_1 {position: absolute; top: 0px; left: 0px; z-index: 100;}
#curve_top_2 {position: absolute; top: 0px; left: 200px; z-index: 100;}
#curve_top_3 {position: absolute; top: 0px; left: 400px; z-index: 100;}
#curve_top_4 {position: absolute; top: 0px; left: 600px; z-index: 100;}
#curve_top_1 img {width: 200px; width: 200px; height: 116px; }
#curve_top_2 img {width: 200px; width: 200px; height: 72px;}
#curve_top_3 img {width: 200px; width: 200px; height: 39px;}
#curve_top_4 img {width: 365px; width: 365px; height: 21px;}

/*****************************
	footer section
*****************************/
#footer {padding-bottom: 50px; color: #ffffff;}
	#footer_top {height: 12px; background-color: #c17417; border-top: 2px solid #532304; overflow: hidden;}
	#footer_bottom {text-align: center; position: relative;}
	#footer_bottom {width: 100%;} /* IE6 Fix */
		#footer_bottom a, #footer_bottom a:link, #footer_bottom a:visited, #footer_bottom a:active {color: white;}
		#footer_bottom a:hover {color: #D6B770}
		#footer_bottom a:focus {-moz-outline: none -moz-mac-focusring;}
		
		#footer_logo {position: absolute; top: 20px; left: 70px;}
			#footer_logo img {width: 44px; height: 43px;}
		#footer_links {padding: 35px 0 20px 50px;}
		#footer_disclaimer {font-size: 10px; padding: 0 0 5px 15px;}
		#footer_equalhousing {width: 155px; margin: auto; padding: 5px 0px 5px 0px; font-size: 10px; text-align: right; background: url(../../images/equal_housing.png) no-repeat center left;}

/*****************************
	standard popup dialog
*****************************/
#modalPopup {background-color: #e9ce92; border: 1px solid #000; overflow: hidden;}
#modalPopup .simplemodal-wrap {overflow: hidden!important;}
#modalPopupContents {position: relative; background: #e9ce92 url(../../images/loading.gif) no-repeat center center;}
	#modalPopupContents .title {padding: 10px; background-color: #613D23; color: White; font-size: 16px; font-weight: bold; text-transform: uppercase; overflow: hidden;}
	#modalPopupContents .logo {position: absolute; top: 8px; right: 20px; height: 65px; width: 65px; background: url(../../images/popup_logo.png) no-repeat top left;}
#modalPopupOverlay {background-color: #000;}

/*****************************
	talking heads video
*****************************/
#wthvideo {position: absolute; width:352px; height:352px; right:-20px; bottom:0; z-index: 99999;}
