@charset "utf-8";
/* CSS Document */
html {
	height:100%;
	margin-bottom:1px;
	padding-bottom:1px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
	background-color: #3F844B;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
}
.clearboth { clear:both; }
.preload { display:none; }
img { display:block; }
a img { border:none; }
h1, h2, h3, h4, h5, h6 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#8b140c;
	margin:0;
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { color:#8b140c; }
a:hover { color:#9a9144; }

#wrapper, #topbar, #splash, #page, #footer {
	position:relative;
	width:960px;
}

#wrapper {
	text-align:left;
	margin:0 auto;
}
#topbar {
	height:156px;
}

#logo {
	position:absolute;
	left:0;
	top:6px;
	width:280px;
	height:161px;
	background-image: url(images/logo-sun-country-homes.png);
	background-repeat: no-repeat;
	text-indent:-1000px;
	z-index:5;
}
#menu {
	position:absolute;
	right:59px;
	bottom:0;
	width:640px;
	height:60px;
	background-image: url(images/bg-menu.png);
	background-repeat: no-repeat;
	text-align:center;
}
#menu a {
	font-family:"Arial Narrow", Arial, sans-serif;
	display:inline-block;
	padding:9px 13px 9px 7px;
	margin: 1px 0;
	text-align:center;
	color: #8B140C;
	text-decoration:none;
	height:42px;
	background-image: url(images/bg-menu-separator.png);
	background-repeat: no-repeat;
	background-position: right;
}
#menu a:hover {
	color: #316AC5;
}
#menu a.last {
	background-image: none;
}
#menu a span.primary {
	font-size:22px;
	display:block;
	margin:0;
}
#menu a span.secondary {
	font-size:13px;
	display:block;
	margin:0;
}

#splash {
	height:252px;
	background-image: url(images/bg-splash.png);	
	background-repeat:no-repeat;
}
#splash_photos {
	position:absolute;
	right:80px;
	top:-6px;
	width:471px;
	height:261px;
	background-image: url(images/bg-splash-photos-2.png);	
	z-index:10;
}

#page {
	background-image: url(images/bg-frame-middle.png);
	background-repeat: repeat-y;	
}
#page:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#leftbar, .content, #rightbar {
	float:left;
	min-height:300px;
}
#leftbar {
	width:210px;
	padding:15px 0;
	margin: 35px 0 15px 21px;
	/*background-image: url(images/leftbar/home.png);*/
	background-position: center top;
	background-repeat:no-repeat;
}
.content {
	width:400px;
	padding:25px 15px;
}
.content h2 {
	margin:10px 0;
}
.content-wide {
	width:629px;
}
#rightbar {
	width:219px;
	padding:15px 80px 15px 0;
}
#rightbar h1, #rightbar h2, #rightbar h3, #rightbar h4, #rightbar h5, #rightbar h6 {
	color:#9a9144;
}
#rightbar ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
#rightbar ul li {
	margin:0;
	padding:0;
	/*
	border-top:solid 1px #8b140c;
	*/
}
#rightbar ul li a {
	text-decoration:none;
	display:block;
	padding:2px 0;
	margin:0;
	font-size:12px;
	color: #7D673E;
}
#rightbar ul li ul {
	margin:0;
}
#rightbar ul li ul li a {
	margin-left:10px;
}
#footer {
	height:45px;
	background-image: url(images/bg-frame-bottom.png);
	background-repeat: no-repeat;
}

.featured_home {
	width:65px;
	height:65px;
	position:relative;
	float:left;
	overflow:visible;
}
.home_icon {
	width:48px;
	height:48px;
	padding:6px 11px 11px 6px;
	background-image: url(images/bg-featured-homes.png);
	background-repeat: no-repeat;
}
.home_details {
	display:none;
	position:absolute;
	left:65px;
	top:12px;
	padding:5px;
	width:160px;
	height:44px;
	color: #FFFFFF;
	background-color: #780000;
	line-height: 1.1;
	font-size:12px;
	z-index:50;
}
.home_details a {
	color:white;
}
div.featured_home:hover div.home_details {
	display:block;
}
div.featured_home:hover div.home_icon {
	background-image: url(images/bg-featured-homes-current.png);
}

#community_map {
	position:relative;
	float:left;
	width:380px;
}
#community_list {
	float:left;
	padding:0 10px;
	width:220px;
}
#community_list ul, #community_list ul li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
#community_list ul li a.community_header {
	display:block;
	padding:4px 8px 4px 24px;
	background-color: #EEECCC;
	margin:10px 1px 1px;
	text-decoration:none;
	color:black;
	background-image: url(images/icon-community-star.png);
	background-repeat: no-repeat;
	background-position: 4px center;
}
.community_description {
	padding:0 8px;
	font-size:11px;
}
.community_description a {
	white-space:nowrap;
}
#community_list ul li a.description_a:hover {
	color:#377342;
	background-color:#FFF6E5;
}
#community_map_image, .community-plat {
	position:relative;
}
.community_icon {
	position:absolute;
	height:16px;
	margin:-9px 0 0 -10px;
	padding:1px 2px;
	/*border:1px solid #EEECCC;*/
	text-decoration:none;
	text-indent:22px;
	white-space:nowrap;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	background-image: url(images/icon-community-star.png);
	background-repeat:no-repeat;
	background-position: 2px center;
	width:16px;
	overflow:hidden;
}
.community_icon:hover {
	z-index:100;
	width:inherit;
	overflow:auto;
	background-color:#EEECCC;
}
.plat-icon {
	position:absolute;
	width:16px;
	height:16px;
	margin:-8px;
	/* background-image: url(images/icon-lot-circle.png); */
	background-repeat: no-repeat;
}
.lot-icon {
	background-image: url(images/icon-circle-green.png);
}
.spec-icon {
	background-image: url(images/icon-circle-yellow.png);
}
.model-icon {
	background-image: url(images/icon-circle-blue.png);
}
.sold-status {
	background-image: url(images/icon-circle-red.png);
}
.community-plat-legend {
	padding:4px;
	display:block;
}
.community-plat-legend span.plat-icon {
	position:relative;
	width:16px;
	margin:0 4px;
	display:inline-block;
}


.home_viewer {
	background-color: #234929;
	overflow:hidden;
}
.home_image {
	width:400px;
	padding:5px;
	background-color: #3F844B;	
	float:left;
	position:relative;
}
.home_image img {
	display:block;
	margin: 0 auto;
}
.home_image_frame {
	width:400px;
	background-color:black;
	text-align:center;
}
.home_info {
	width:219px;
	padding:0;
	float:left;
	background-color: #DDDBBB;
	font-size:12px;
	position:relative;
}
.home_info h4 {
	display:block;
	margin:0;
	padding:4px;
	background-color: #3F844B;	
	font-size:14px;
	font-weight:normal;
	color:white;
	text-transform:uppercase;
	border-bottom:solid 2px #DDDBBB;
	clear:both;
}
.home_info span.detail_label, .home_info span.detail_value {
	color: #000000;
	display:inline-block;
	width:103px;
	padding:2px;
	margin:1px;
}
.home_info p {
	padding:4px;
	margin:0;
}
.home_info span.detail_label {
	background-color: #EEECCC;	
	text-align:right;
	width:103px;
}
.home_info .section ul, .home_info .section ul li {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:none;
	display:block;
	padding:2px 4px;
}
.home_info .section ul li {
	background-color: #EEECCC;	
	margin:1px;
}

.viewer_thumb {
	float:left;
	padding:2px;
}
.viewer_thumb:hover {
	cursor:pointer;
}
.viewer_enlarge {
	position:absolute;
	left:10px;
	top:10px;
	background-color:#EEECCC;
	display:none;
	padding:2px 4px;
	color:black;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

.tabs {
	display:block;
}
.tabs a {
	display:inline-block;
	padding:6px 12px;
	text-decoration:none;
	color:black;
	font-size:11px;
	text-transform:uppercase;
	position:relative;
	border:1px solid #FFF6E5;
}
.tabs a.current, .panel {
	background-color: #FFFEFC;
	border:solid 1px #DDDCDA;
}
.tabs a.current {
	top:2px;
	border-bottom:none;
	z-index:5;
}
.panel {
	padding:6px;
	min-height:300px;
	position:relative;
	background-image: url(images/bg-panels.png);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.tabbed-panels .panel {
	display:none;
}
.home-page-logos img {
	display:inline-block;
}

