/* @override 
	http://kire.site/css/site.css
	http://kiawah/css/site.css
*/

/* GENERIC CONTENT STYLES
-------------------------------------------------*/

html {
	background: #fff url(../images/html_bg.jpg) no-repeat 50% 0%;
}

body {
	margin: 0px;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/body_stripe_bg.gif) repeat-x 0px 118px;
}

body#home {
	background-image: url(../images/fp_body_stripe_bg.gif);
}

p,
td,
li,
input,
label,
textarea,
th{
	font-size: 1.2em;
	line-height: 1.3em;
}

h1 {
	color: #535126;
	font-size: 2.5em;
	margin: 5px 0px 10px;
	font-weight: bolder;
	font-family: Palatino,'Palatino Linotype',Georgia,serif;
}

h1 span {
	text-transform: uppercase;
	font-size: .6em;
}

h2 {
	font-size: 2em;
	margin: 4px 0em 10px;
	line-height: 1.1em;
	color: #a19b14;
	font-weight: bold;
	font-family: Palatino,'Palatino Linotype',Georgia,serif;
}

h2 a:link,
h2 a:visited,
h2 a:active {
	color: #1f425c;
	text-decoration: none;
	font-size: 1em;
}


h2 a:hover {
	text-decoration: none;
}

h2 span {
	position: absolute;
	left: -9999em;
}

h3 {
	color: #a84c29;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: normal;
	margin: .4em 0em .2em;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

h3 a:link,
h3 a:visited,
h3 a:active {
	color: #a84c29;
	text-decoration: none;
}

h4 {
	font-size:1.3em;
	line-height: 1.2em;
	margin-bottom: 0px;
	color: #1f425c;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

p {
	margin-top: 0em;
	line-height: 1.35em;
	margin-bottom: 1.5em;
}

li p,
p label,
td label,
th label,
td p,
td td,
td th {
	font-size: 1em;
}

p label,
p input {
	vertical-align: middle;
}

ul,
ol {
	margin-bottom:1.3em;
}

li {
	margin-bottom:.8em;
}

ul {
	margin: 0px 0px 1.3em;
	padding: 0px;
	list-style: none;
}

ul li {
	padding-left: 12px;
	background: transparent url(../images/bullet.gif) no-repeat 0em .45em;
}

/* = TABLES
-------------------------------------------------*/

table {
	margin-top:1.3em;
	margin-bottom:1.3em;
}


table td,
table th {
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 9px;
	padding-top: 9px;
}

table.no-spacing td,
table.no-spacing th {
	padding: 3px 10px 3px 0px;
}

table.datatable {

}

table.datatable td {
	font-size: 1.1em;
}

table.datatable th {
	color: #0b5f91;
	text-align: left;
	font-size: 1.1em;
	padding-top: 9px;
	padding-bottom: 4px;
}

/* = FORMS
-------------------------------------------------*/

form {
	margin: 0px;
	padding: 0px;
}

input,
textarea,
select {
	font-family: Arial, Verdana, sans-serif;
	font-size: .95em;
	padding: 2px;
	border: 1px solid #adadad;
}

input.submit {
	padding: 0px;
	border: 0px;
}

input.long {
	width: 200px;
}

input.medium {
	width: 150px;
}

input.short {
	width: 100px;
}

input.checkbox {
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}

.form-grid th {
	text-align: left;
	font-weight: normal;
	padding: 5px 10px 5px 0px;
}

.form-grid td {
	padding: 5px 0px;
}

.actions input {
	border: 0px;
	padding: 0px;
	vertical-align: middle;
}

.actions a {
	vertical-align: middle;
}

table td.actions { 
	padding-top: 15px;
}

/* = LINKS
-------------------------------------------------*/

a:link {
	color:#a74c29;
}

a:visited{
	color: #2a2a2a;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #a74c29;
}

.more {
	margin: 0px;
}

.more a:link,
.more a:visited,
.more a:active,
a.more:link,
a.more:visited,
a.more:active {
	padding-left: 10px;
	color: #5b545a;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	background: transparent url(../images/bullet.gif) no-repeat 0em 4px;
}

.more a:hover,
a.more:hover {
	text-decoration: underline;
}

/* = IMAGES
-------------------------------------------------*/

a img {
	border: 0px;
}

.image-left {
	float: left;
	border: 1px solid #cfcfcf;
	padding: 1px;
	background-color: #fff;
	margin: 0px 15px 10px 0px;
}

.image-right {
	float: right;
	border: 1px solid #cfcfcf;
	padding: 1px;
	background-color: #fff;
	margin: 0px 0px 10px 15px;
}


/* = HORIZONTAL RULE
-------------------------------------------------*/

.hr {
	height: 1px;
	width: 100%;
	clear: both;
	background: transparent url(../images/hr_left_bg.png) no-repeat 0% 0%;
}

.hr span {
	padding: 1px 0px 0px;
	width: 100%;
	line-height: 0px;
	display: block;
	background: transparent url(../images/hr_right_bg.png) no-repeat 100% 0%;
}

#main-content .hr {
	margin: 15px 0px;
}

/* = CLEAR
-------------------------------------------------*/

.clear {
	height: 0px;
	clear: both;
	line-height: 0px;
}

.clear span {
	position: absolute;
	left: -9999em;
}

/* = PAGE LAYOUT
-------------------------------------------------*/

#page-area {
	width: 96.2em;
	font-size: 1em;
	margin: 0em auto;
}

/* = HEADER
-------------------------------------------------*/

#home #header {
	margin-bottom: 397px;
	padding-bottom: 0px;
}

/* = MAIN NAVIGATION
-------------------------------------------------*/

#main-nav {
	width: 68.8em;
	margin: 0em 0px 0px 8em;
	padding: 0em;
	min-height: 6.8em;
	height: auto !important;
	height: 6.8em;
	list-style: none;
	background: transparent url(../images/mn_long_brdr.gif) no-repeat 100% 0%;
}

#main-nav li {
	float: left;
	padding: 31px 1.6em 10px;
	font-size: 1em;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	text-align: center;
}

#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:active {
	color: #adae7c;
	font-size: 1.2em;
	text-decoration: none;
}

#main-nav li a:hover {
	color: #a74c29;
}

#main-nav li.sel a:link,
#main-nav li.sel a:visited,
#main-nav li.sel a:active,
#main-nav li.sel a:hover {
	color: #a74c29;
}

#mn-home {
	width: 8.1em;
	background: transparent url(../images/mn_long_brdr.gif) no-repeat 0% 0%;
}

#mn-real-estate {
	background: transparent url(../images/mn_medium_brdr.gif) no-repeat 0% 0%;
	width: 8.1em;	
}

#mn-about {
	width: 8.1em;
	background: transparent url(../images/mn_medium_brdr.gif) no-repeat 0% 0%;
}

#mn-visit {
	width: 8.6em;
	background: transparent url(../images/mn_short_brdr.gif) no-repeat 0% 0%;
}

#home #mn-visit {
	background-image: url(../images/mn_medium_brdr.gif);
}

#mn-explore {
	width: 9.3em;
	background: transparent url(../images/mn_short_brdr.gif) no-repeat 0% 0%;
}

#home #mn-explore {
	background-image: url(../images/mn_medium_brdr.gif);
}

#mn-island-life {
	width: 7.4em;
	background: transparent url(../images/mn_medium_brdr.gif) no-repeat 0% 0%;
}

/* = REAL ESTATE LINKS
-------------------------------------------------*/

#real-estate-links {
	float: left;
	display: none;
	width: 18.5em;
	padding-top: 31px;
	padding-left: .5em;
}

#real-estate-links h2 {
	margin: 0em 0em .2em;
	font-size: 1.2em;
	color: #a74c29;
	text-align: center;
}

#real-estate-links h2 a:link,
#real-estate-links h2 a:visited,
#real-estate-links h2 a:active {
	color: #a74c29;
	text-decoration: none;
}

#real-estate-links h2 a:hover {
	text-decoration: underline;
}

#real-estate-links ul {
	margin: 0em;
	padding: 0em;
}

#real-estate-links ul li {
	display: inline;
	padding: 0em 0em 0em 1.1em;
	font-size: 1.1em;
	white-space: nowrap;
	background: transparent none;
}

#real-estate-links ul li a:link,
#real-estate-links ul li a:visited,
#real-estate-links ul li a:active {
	color: #838383;
	text-decoration: none;
	font-weight: bold;
}

#real-estate-links ul li a:hover {
	text-decoration: underline;
}

/* = SITE SEARCH TOP BAR
-------------------------------------------------*/
#search-results .nav {
	height:42px;
	width:100%;
	position:relative;
	background:transparent url("/images/search_bar_bg.jpg") repeat-x top left;
	padding-top:8px;
}

#search-results .nav h3 {
	width: 300px;
	font-family: Palatino, serif;
	font-size: 22px;
	font-weight: bold;
	color: #eee;
	margin: -11px auto 0;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	line-height: 16px;
	font-variant: small-caps;
}

#search-results .nav h3 small {
	color: #b5b58b;
	font-size: 18px;
	font-weight: lighter;
}

#search-results .nav h5 {
	margin:0;
	padding:0;
	position: relative;
	left: 0;
	top: -3px;
}

#search-results .nav h5 a {
	color:#fffedc;
	font-family:Palatino, serif;
	font-size:14px;
	text-decoration:none;
	padding-left:10px;
	margin-left:5px;
	background:transparent url("/images/search_bar_left_arrow.png") no-repeat center left;
	font-variant: small-caps;
}

#search-results .nav #new_search {
	position: absolute;
	right: 10px;
	border: none;
	top: 15px;
	display: block;
    font-family: Palatino;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFEDC;
    height: 25px;
    margin-right: 6px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
	background: transparent url("/images/search_new_right.jpg") no-repeat top right;
}

#search-results .nav #new_search:hover {
	cursor: pointer;
}

#search-results .nav #new_search span {
	background: transparent url("/images/search_new_left.jpg") no-repeat center left;
    display: block;
    line-height: 25px;
    height: 25px;
    padding: 0 7px 0 10px;
}

#search-results .nav .move {
	width: 135px;
	position: absolute;
	top: 20px;
	right: 175px;
}

#search-results .nav .move a {
	color: #8d8c77;
	font-family: Palatino, serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	cursor: default;
}

#search-results .nav .move a.available:hover {
	color: #fffedc;
	text-shadow: 0 0 7px #fffedc;
}

#search-results .nav .move a.available {
	color: #FFFEDC;
	cursor: pointer;
}

#search-results .nav .move .next {
	float: right;
	padding-right: 10px;
	background: transparent url("/images/search_bar_right_arrow.png") no-repeat right center;
}

#search-results .nav .move .prev {
	float: left;
	padding-left: 10px;
	background: transparent url("/images/search_bar_left_arrow.png") no-repeat left center;
}

#search-results .nav h5 a:hover {
	color: #fffedc;
	text-shadow: 0 0 7px #fffedc;
}

#search-results .nav li {
	padding:0;
	float:left;
	height:auto;
	margin:0;
	background:none;
}

#search-results .nav ul {
	position:absolute;
	bottom:0;
	z-index:5;
	left:5px;
	margin:0 -4px 0 0;
	padding:0;
}

#search-results .nav li a {
	background: transparent url("/images/tab_sm_bg.png") no-repeat bottom center;
	display:block;
	width:81px;
	height:26px;
	font-size:10px;
	color:#5b545a;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	font-family: Palatino, serif;
	text-transform: uppercase;
}

#search-results #search-bar li a:hover {
	color:#818513;
}

#search-results #search-bar a.active {
	color:#818513;
	background: transparent url("/images/tab_sm_sel_bg.png") no-repeat bottom center;
}

#search-results #search-bar {
	width:100%;
	height:170px;
	position: relative;
}

#search-results .scroll {
	overflow:hidden;
	width:100%;
	height: auto;
	max-height: 140px;
}

#search-results ul.properties {
	margin:10px 0 0 0;
	overflow: hidden;
	height: 100px;
	width: 9999em;
	position: relative;
	left: 0;
}

#search-results .scroll-handle {
	background: #ffffd4 url("/images/search_scroll_handle.jpg") no-repeat 50% 50%;
	height: 14px;
	position: relative;
	width: 50px !important;
	top: 7px;
	left: 0;
	z-index: 200;
	display: none;
}

#search-results .scroll-track {
	background: #ffffd4 url("/images/search_scroll_bg.jpg") repeat-x top left;
	height: 9px;
	position: relative;
	top: -4px;
	width: 907px;
	z-index: 100;
	display: none;
}

#search-results .scroll-wrap {
	position: absolute;
	bottom: 0;
}

#search-results ul.properties li{
	float:left;
	width:77px;
	margin-right:14px;
	background:none;
	padding:0;
	position: relative;
}

#search-results ul.properties li .count {
	width: auto;
	height: 15px;
	padding: 2px 5px 0 5px;
	position: absolute;
	top: -2px;
	right: -4px;
	background: rgb(255, 255, 255);
	text-align: right;
	color: #767637;
	font-family: Palatino, serif;
	
	-webkit-box-shadow:-2px 2px 2px #777;
	-moz-box-shadow:-2px 2px 2px #777;
	box-shadow:-2px 2px 2px #777;
}

#search-results ul.properties li a.visited img,
#search-results ul.properties li a:active img {
	filter:alpha(opacity=60);
	opacity:0.6;
}



#search-results ul.properties li a {
	display:block;
	width:84px;
	text-decoration:none;
	text-align:center;
	height:94px;
	color:#373731;
	font-family:Palatino, serif;
	line-height:14px;
	font-size:11px;
}

#search-results ul.properties li span {
	display:block;
	margin:4px auto 0;
	line-height: 12px;
}

#search-results ul.properties li img {
	padding:1px;
	border:1px solid #ccc;
}

#search-results ul.properties li a:hover span {
	color: #373731;
}

#search-results ul.properties li a:hover img {
	border:1px solid rgb(255, 14, 14);
	padding:1px;
}


/* = SITE SEARCH FORM
-------------------------------------------------*/

#siteSearchForm {
	float: right;
	width: 14.6em;
	margin-top: 30px;
	padding-right: 2.3em;
}

#siteSearchForm label {
	font-size: 1.2em;
	color: #a74c29;
	display: block;
	padding-left: 1.4em;
}

#siteSearchForm p {
	font-size: 1em;
	margin: 0em;
}

#siteSearchForm input {
	vertical-align: middle;
}

#siteSearchForm input#siteSearchQuery {
	color: #adae7c;
	padding-top: 1px;
	padding-left: 2px;
	width: 100px;
}

#siteSearchQuery {
	border: 1px solid #adadad;
	padding: .1em .1em .1em;
	margin: 0em;
	font-size: 1em;
	line-height: 1.1em;
	width: 12em;
	height: 1.3em;
	color: #333;
}

#siteSearchForm a:link,
#siteSearchForm a:visited,
#siteSearchForm a:active {
	font-size: 1.1em;
	color: #838383;
	padding: 0px 6px;
	display: block;
	margin: 4px 0px 0px;
	text-decoration: none;
}

#siteSearchForm a:hover {
	text-decoration: none;
}

#siteSearchForm #siteSearchType {
	margin-top: 5px;
}
#siteSearchForm #siteSearchType input {
	margin-left: 0;
}
#siteSearchForm #siteSearchType label {
	color: #a1a1a1;
	font-size: 1.1em;
	padding-top: 1px;
	padding-left: 0;
	margin-right: 10px;
	display: inline;
}


/* = LOGO AREA
-------------------------------------------------*/

#logo-area {
	width: 961px;
	height: 195px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
}

#home #logo-area {
	height: 475px;
	bottom: -475px;
	z-index: 10;
}

#logo-area #header-image {
	display: block;
	padding: 5px 5px 0px;
	margin: 0px;
}

#logo-area #header-image-overlay {
	position: absolute;
	left: 0em;
	top: 0em;
	width: 961px;
	height: 195px;
	background: transparent url(../images/header_image_overlay.png) no-repeat 0% 0%;
}

#home #logo-area #header-image-overlay {
	height: 475px;
	background-image: url(../images/fp_header_image_overlay.png);
}

#logo {
	position: absolute;
	left: 50%;
	top: 28px;
	margin-left: -120px;
	z-index: 100;
	width: 241px;
	height: 77px;
	display: block;
}

/* = CONETNT AREA
-------------------------------------------------*/

#content-area-wrapper {
	background: transparent url(../images/content_area_mid_bg.png) repeat-y 0% 0%;
	width: 943px;
	margin: 0em auto;
}

#content-area-inner-wrapper {
	background: transparent url(../images/content_area_top_has_sc_bg.png) no-repeat 0% 0%;
}

#wide #content-area-inner-wrapper {
	background: transparent url(../images/content_area_top_wide_bg.png) no-repeat 0% 0%;
}

#wide #content-area {
	padding: 9px 13px 23px;
	width: 917px;
}

#home #content-area {
	position: relative;
	z-index: 50;
	width: 935px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 0px 12px 0px 14px;
	background: transparent url(../images/fp_content_area_bot_bg.png) no-repeat 9px 100%;
}

/* = SECTION CONTENT
-------------------------------------------------*/

#section-content {
	width: 206px;
	float: left;
	padding-top: 1px;
}

#section-content h1,
#section-content h2 {
	margin: 0px;
}

#section-content h1 img,
#section-content h2 img {
	display: block;
}

#section-nav {
	padding: 5px;
}

#section-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px 12px;
	margin: 10px 0px;
}

#section-nav ul li {
	padding: 0px 0px 0px 12px;
	font-size: 1.1em;
	margin: 0em 0em .3em;
	background: transparent url(../images/bullet.gif) no-repeat 0em .45em;
}

#section-nav a:link,
#section-nav a:visited,
#section-nav a:active {
	color: #5b545a;
	font-weight: bold;
	text-decoration: none;
}

#section-nav a:hover {
	text-decoration: none;
	color: #a84c29;
}

#section-nav li.sel a:link,
#section-nav li.sel a:visited,
#section-nav li.sel a:active,
#section-nav li.sel a:hover {
	text-decoration: none;
	cursor: default;
	color: #a84c29;
}

/* = MAIN CONTENT AREA
-------------------------------------------------*/

#main-content-area {
	width: 713px;
	float: right;
}

/* = MAIN CONTENT
-------------------------------------------------*/

#main-content {
	width: 403px;
	float: left;
	padding: 3px 0px 10px 20px;
	min-height: 307px;
	height: auto !important;
	height: 307px;
}

/* = SUB CONTENT
-------------------------------------------------*/

#sub-content {
	width: 281px;
	float: right;
	color: #2a2a2a;
}

#sub-content h2 {
	font-size: 1.4em;
	margin-bottom: .5em;
}

/* = FOOTER
-------------------------------------------------*/

#footer {
	padding-top: 20px;
}

#footer-nav {
	text-align: center;
	vertical-align: middle;
	padding: 0em;
	margin: 0em;
	color: #a9a9a9;
}

#footer-nav li {
	display: inline;
	font-size: 1.14em;
	padding: 0em .4em;
	background: transparent none;
	font-family: 'gill sans','gill sans mt','verdana', arial, sans-serif;
}

#footer-nav li a:link,
#footer-nav li a:visited,
#footer-nav li a:active {
	color: #999;
	text-decoration: none;
}

#footer-nav li a:hover {
	color: #666;
}

#footer p {
	margin-top: 1em;
	font-size: 1em;
	color: #a9a9a9;
	text-align: center;
}

/* need flash */

p.flash-alt
{
	text-align: center;
	margin: 2em;
	font-size: 2em;
}

p.flash-alt img
{
	display: block;
	margin: 1em auto;
}