/*******************/
/* Sabal Homes CSS */
/*******************/
/**************************************************** SITE STYLING ****************************************************/
html, body { margin:0; padding:0; }
html { background:#615e1e url('/images/wrapper_bg.jpg') center bottom no-repeat;  }
body { background:url('/images/html_bg.jpg') repeat-x; color:#898656; display:table; font:normal 14px Arial; width:100%; }
a { color:#e18f38; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { font-size:20px; margin:0; padding:0; }
h2 { font-size:16px; margin:5px 0 5px 0; padding:0; }
h3 { font-size:14px; margin:0; padding:0; }
img { border:none; }
ul { margin:0; padding:15px 15px 15px 0; }
li { margin:0 0 0 15px; padding:0; }
p { line-height:21px; margin:5px 0 5px 0; padding:0; }
select { color:#676626; font:bold 12px Arial; }

.smaller { font:normal 12px Arial; }

#container { margin:0 auto; width:792px; }
#header { background:url('/images/header_bg.jpg') repeat-x; float:left; height:193px; position:relative; width:100%; z-index:10;}
.sabal_logo { position:absolute; top:0; left:20px; }
.header_contact_info { position:absolute; top:28px; left:480px; }
.header_countdown {
	position:absolute;
	top:51px;
	left:190px;
	color:#FFFFFF;
	font-size:18px;
}
.header_countdown a {
	color:#CCCCCC;
}
.header_crazy8 { position:absolute; top:32px; left:460px; }
.header_email { position:absolute; top:6px; left:670px; }
.websitealive { position:absolute; top:40px; left:230px; }
#header .nav { background:url('/images/nav_bg.jpg') no-repeat; height:42px; position:absolute; top:151px; left:0; width:794px; }
#header .nav a { float:left; opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; }
#header .nav a:hover,#header .nav .selected { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
#content { background:white url('/images/content_bg.jpg') repeat-x; float:left; min-height:500px; height:auto !important;
           height:500px; padding:20px; position:relative; width:752px; }
#footer { background:#E18F39 url('/images/footer_bg.jpg') repeat-x; float:left; padding:0 0 10px 0; position:relative; width:100%; }
#footer p { color:white; font-size:10px; line-height:14px; margin:0 auto; text-align:center; width:74%; }
#footer p a { color:white; }
#footer .nav { color:white; font:normal 13px Arial; margin:20px 0 5px 0; text-align:center; width:100%; }
#footer .nav a { color:white; font:normal 12px Arial; margin:5px; }
#footer .nav div { margin:0 auto; width:74%; }
#footer .nav div a { font-size:11px; }
#footer .era_logo { position:absolute; bottom:5px; right:10px; }

#title { margin-bottom:5px; }
#subnav { font:bold 11px Arial; float:left; margin-bottom:5px; width:100%; }
.home_search form { font:bold 13px Arial; margin:35px 0 0 35px; text-align:left; }
.home_search table { width:100%; }
.home_search td { padding:5px 0 5px 0; vertical-align:center; }
.google_bubble { height:80px; width:300px; }
.google_bubble img { float:left; padding-top:3%; width:100px; }
.google_bubble p { font-size:12px; float:right; line-height:16px; padding-left:2%; width:63%; }
.google_bubble p strong { font-size:14px; }
.google_bubble .price { font:bold 13px Arial; }

.top { position:absolute; top:0; left:0; }
.bottom { position:absolute; bottom:-1px; left:0; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

.twenty { width:19%; }
.thirty { width:29%; }
.fifty { width:49%; }
.sixty { width:59%; }
.seventy { width:69%; }
.eighty { width:79%; }
.hundred { width:100%; }

/****************************************************** HOME PAGE *****************************************************/
#home_filler { float:left; height:1013px; }
#home { position:absolute; top:10px; left:22px; width:747px; }
#home p { line-height:normal; }
#home .featured_property { position:absolute; top:20px; left:0; height:349px; width:414px; }
#home .featured_property .home_featured { background:url('/images/home_featured_bg.jpg') repeat-y; float:left; padding:0 0 20px 0;
                                          position:relative; width:100%; }
#home .featured_property .home_featured .pic { display:inline; float:left; margin:59px 0 0 31px; position:relative; width:357px; }
#home .featured_property p { font:bold 13px Arial; margin:15px 30px 0 30px; }
#home .home_tradition { background:url('/images/home_tradition.jpg'); position:absolute; top:0; left:424px; height:275px; padding-top:110px; width:320px; }
#home .home_tradition p { font-size:12px; line-height:18px; margin:0px 25px 5px 25px; text-align:justify; }
#home .home_announcements { background:url('/images/home_announcements.jpg'); position:absolute; top:400px; left:0; height:133px; width:302px; }
/* #home .home_announcements .title { display:block; font-size:11px; margin:40px 20px 0 20px; } */
#home .home_announcements .title { display:block; font-size:15px; margin:40px 20px 0 20px; }
/* #home .home_announcements p { font-size:11px; margin:0 20px 0 20px; } */
#home .home_announcements p { font-size:15px; margin:0 20px 0 20px; }
#home .home_announcements a { font-size:11px; margin:0 0 0 20px; }
#home .home_search { background:url('/images/home_search.jpg'); position:absolute; top:400px; left:320px; height:190px; width:435px; }
#home .home_affiliates { background:url('/images/home_affiliates.jpg'); position:absolute; top:540px; left:0; height:293px; width:302px; }
#home .home_affiliates .p1 { font-size:10px; position:absolute; top:50px; left:105px; width:180px; }
#home .home_affiliates .p2 { font-size:10px; position:absolute; top:145px; left:105px; width:180px; }
#home .home_affiliates .earth_link { height:85px; position:absolute; top:5px; left:22px; width:70px; }
#home .home_affiliates .guild_link { height:90px; position:absolute; top:110px; left:15px; width:80px; }
#home .home_affiliates .button { position:absolute; top:240px; left:165px; }
#home .home_news { background:url('/images/home_news.jpg'); position:absolute; top:840px; left:0; height:157px; width:302px; }
#home .home_news ul { font-size:11px; margin:63px 10px 0 20px; }
#home .home_map { background:url('/images/home_map.jpg'); position:absolute; top:600px; left:320px; height:411px; width:435px; }
#home .home_map #map { border:1px solid #e18f38; height:343px; margin:40px 0 0 25px; width:385px; }
#home .home_map #map_options { font-size:11px; position:absolute; top:388px; left:300px; }
#home .home_map #map_options span { color:#e18f38; cursor:pointer; }

/************************************************** OUR COMMUNITIES ***************************************************/
#communities { float:left; width:100%; }
#communities .community_container { float:left; width:38%; }
#communities .community { border-bottom:1px solid #e18f38; float:left; padding:5px; width:100%; }
#communities .community .subdivision { border-bottom:none; float:left; font-size:12px; padding:5px 5px 5px 0; width:100%; }
#communities .community_map { background:url('/images/community_map.jpg'); float:right; height:411px; position:relative; width:435px; }
#communities .community_map #map { border:1px solid #e18f38; height:343px; margin:40px 0 0 25px; width:385px; }
#communities .community_map #map_options { font-size:11px; position:absolute; top:388px; left:300px; }
#communities .community_map #map_options span { color:#e18f38; cursor:pointer; }
#communities .home_search { background:url('/images/home_search.jpg'); float:right; height:190px; width:435px; }
#green_butt { float:right; }

/*********************************************** COMMUNITIES SLIDESHOW ************************************************/
#community_slideshow { float:left; height:160px; overflow:hidden; position:relative; width:100%; }
#community_slideshow img { display:none; position:absolute; top:5px; left:5px; width:200px; }

/************************************************** COMMUNITIES NAV ***************************************************/
#community_nav { float:left; padding:10px 0 0 0; text-align:center; width:100%; }
#community_nav .button { margin:0; }

/************************************************* COMMUNITY DETAILS **************************************************/
.testimonials { border-bottom:2px solid #e18f38; font-size:11px; padding:5px 0 5px 0; width:100%; }
.testimonials i { font-weight:bold; margin-left:70%; }

/**************************************************** SUBDIVISIONS ****************************************************/
.subdivision { border-bottom:1px solid #e18f38; float:left; padding:5px; width:55%; }

/*************************************************** AVAILABLE HOMES **************************************************/
.available_home { background:url('/images/available_home_bg.jpg') repeat-y; float:left; margin:0 0 5px 0; padding:2% 4% 30px 3%;
                  position:relative; width:85%; }
.available_home h2 { position:relative; }
.available_home .main { border:2px solid #898656; float:left; width:38%; }
.available_home .name { font-size:20px; }
.available_home .price { float:right; font-style:italic; text-align:right; }
.available_home .price p { display:inline; }
.available_home .price span { color:#e18f38; }
.available_home .info { font:normal 12px Arial; float:right; position:relative; width:56%; }
.available_home a { font-weight:bold; }
.available_home .specs { font:bold 14px Arial; }
.available_home .under_contract { position:absolute; top:90px; left:16px; }

/************************************************ AVAILABLE HOME DETAILS **********************************************/
#available_home_details .price { float:right; font-style:italic; }
#available_home_details .specs { font:bold 13px Arial; line-height:20px; }
#available_home_details .slideshow { float:left; text-align:center; width:250px; }
#available_home_details .slideshow .main img { border:2px solid white; width:247px; }
#available_home_details .slideshow .slides { float:left; }
#available_home_details .slideshow ul, #available_home_details .slideshow li { margin:0; padding:0; }
#available_home_details .slideshow .slides img { border:1px solid black; cursor:pointer; margin:2px; }
#available_home_details .slideshow button { background:transparent; border:none; margin:0; padding:0; width:124px; }

/***************************************************** FLOORPLANS *****************************************************/
.floorplan { background:url('/images/floorplan_bg.jpg') repeat-y; float:left; margin:0 0 5px 0; padding:2% 2% 30px 2%;
             position:relative; width:87%; }
.floorplan * { color:white; }
.floorplan h2 { position:relative; }
.floorplan .elevation { clear:left; float:left; margin-bottom:5px; text-transform:capitalize; text-align:center; width:38%; }
.floorplan .elevation img { border:2px solid white; width:100%; }
.floorplan .name { font-size:20px; }
.floorplan .price { float:right; font-style:italic; }
.floorplan .info { font:normal 12px Arial; float:right; position:relative; width:56%; }
.floorplan a { font-weight:bold; }
.floorplan .specs { font:bold 14px Arial; }

/************************************************ FLOORPLAN HOME DETAILS **********************************************/
#floorplan_details .elevation { border:2px solid #615e1e; display:inline; float:left; margin:0 0 2% 1%; width:96%; }
#floorplan_details .standard { border:2px solid #615e1e; display:inline; float:left; margin:0 0 2% 1%; width:96%; }
#floorplan_details .floorplan { background:none; border:2px solid #615e1e; display:inline; float:left; margin:1%; padding:0; width:96%; }
#floorplan_details .price { float:right; font-style:italic; }
#floorplan_details .specs { font:bold 13px Arial; line-height:20px; }
#floorplan_details .left { text-align:center; text-transform:capitalize; }
#floorplan_details .left a:hover img { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; }

/************************************************* COMMUNITY FEATURES *************************************************/
#community_features ul { padding:0 0 15px 15px; }
.print_butt { position:absolute; top:45px; right:73px; }

/*************************************************** MAP & DIRECTIONS *************************************************/
#gmap { background:url('/images/home_map.jpg'); float:left; height:411px; position:relative; width:435px; }
#gmap #map { border:1px solid #e18f38; height:343px; margin:40px 0 0 25px; width:385px; }
#gmap #map_options { font-size:11px; position:absolute; top:388px; left:300px; }
#gmap #map_options span { color:#e18f38; cursor:pointer; }


/*************************************************** HOMES FOR SALE ***************************************************/
#homes_for_sale .home_search { background:url('/images/home_search_2.jpg'); float:left; height:190px; width:435px; }
#homes_for_sale h2 { display:inline; float:left; font-size:25px; margin:10px 0 0 10px; }
.home_for_sale { background:url('/images/home_for_sale_bg.jpg') repeat-y; float:left; padding:15px; position:relative; width:720px; }
.home_for_sale .main { border:1px solid black; float:left; position:relative; width:171px; }
.home_for_sale .under_contract { position:absolute; top:70px; left:16px; }
.home_for_sale .info { float:right; position:relative; width:73%; }
.home_for_sale .info p {}
.home_for_sale .info .address, .home_for_sale .info .specs { font:bold 16px Arial; line-height:25px; }
.home_for_sale .info .name { font:bold 20px Arial; }
.home_for_sale .info .price { float:right; font:bold italic 16px Arial; text-align:right; }
.home_for_sale .info .price p { display:inline; }
.home_for_sale .info .price span { color:#e18f38; }

/************************************************* CUSTOMER TESTIMONY *************************************************/
.testimonial_images { float:left; padding-top:14px; width:39%; }
.testimonial { border-bottom:1px solid #DD9139; float:right; padding:10px 0 15px 0; width:60%; }
.testimonial p { margin-bottom:15px; }
.testimonial div { font-size:11px; text-align:right; width:100%; }

/************************************************* PREFERRED PARTNERS *************************************************/
.partner { background:url('/images/partner_bg.gif'); float:left; padding:20px; position:relative; width:705px; }
.partner h1 { position:relative; }
.partner .contact { float:left; font-size:11px; position:relative; width:21%; }
.partner .contact img {  margin:8px 0 5px 0; }
.partner .info { float:right; position:relative; width:78%; }

/**************************************************** NEWS & HONORS ***************************************************/
.story { border-bottom:2px solid #e18f38; float:left; padding:10px 0 10px 0; width:66%; }
#honors { background:url('/images/honors_bg.jpg'); float:right; padding:50px 15px 50px 15px; position:relative; width:208px; }
#honors div { margin:0 0 20px 0; position:relative; }
#honors div img { display:inline; float:left; margin:2%; width:50px; }
.honor_image { display:inline; float:right; }
#earthcraft { float:left; padding-top:10px; }
#earthcraft img { border:2px solid #615e1e; }

/****************************************************** OUR STORY *****************************************************/
#about_sabal { float:right; font:bold italic 11px Arial; padding:0 0 10px 15px; text-align:center; }

/***************************************************** CONTACT US *****************************************************/
#contact_form select { margin-top:3px; }
.title { font:bold 15px Arial; }
.denotes { font:bold italic 10px Arial; }
.success { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; line-height:20px; }

/************************************************** ABOUT CHARLESTON **************************************************/
#about_charl_links { float:left; width:30%; }
#about_charl_links h2 { font-size:20px; margin-bottom:15px; }
#about_charl_links ul { padding-top:0; }
#about_charl_copy { float:right; width:68%; }

/************************************************** SATELLITE SITES ***************************************************/
#satellite_site { float:left; width:100%; }
#satellite_site h1 { margin:15px 0 5px 0; }
#satellite_site .right { margin:0 0 0 10px; }
#satellite_site .logo { margin:25px 0 0 0; }


#menu {
	position:relative;
	top:151px;
	left:0;
	height:42px;
	z-index: 10;
}

#newnav, #newnav ul {
	padding: 0 0 0 0;
	margin: 0 auto;
	list-style: none;
	z-index: 10;
}
#newnav {
	position: relative;
	float:left;
	z-index:10;
	background:#635F20 url('/images/menu_bg_slice.jpg');
}
#newnav a {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	text-transform:capitalize;
}
#newnav li {
	float: left;
	z-index:10;
	margin:0 0 0 0px;
	padding:0;
}
#newnav li a{
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #d3cfc2;
	border-left:1px solid #d3cfc2;
	border-bottom:1px solid #FFFFFF;
	width:130px;
	line-height:42px;
}
#newnav li a:hover{
	background-color:#B4C57F;
	border-bottom:1px solid #DBE8BB;
	color:#000000;
}
#newnav li a:active{
	background-color:#B4C57F;
}
#newnav li ul {
	position: absolute;
	left: -999em;
	width:6em;
	z-index:10;
}
#newnav li ul li a:hover{
	background-color:#DBE8BB;
	background-image:none;
	border-bottom:1px solid #d1c376;
	border-top:1px solid #d1c376;
	z-index:10;
}
#newnav li ul li a{
	font-size:8pt;
	padding:5px;
	text-align:left;
	padding-left:10px;
	line-height:14px;
	background-color:#B4C57F;
	color:#000000;
	border-right:none;
	border-bottom:1px solid #DBE8BB;
	border-top:1px solid #B4C57F;
	width:190px;
	z-index:10;
}
#newnav li ul ul {
	margin: -30px 0 0 128px;
	z-index:10;
}
#newnav li:hover ul ul, #newnav li:hover ul ul ul, #newnav li.sfhover ul ul, #newnav li.sfhover ul ul ul {
	left: -999em;
}
#newnav li:hover ul, #newnav li li:hover ul, #newnav li li li:hover ul, #newnav li.sfhover ul, #newnav li li.sfhover ul, #newnav li li li.sfhover ul {
	left: auto;
}
#newnav li:hover, #newnav li:sfhover {
	position:static;
}