/* Soksabai Resort CSS */
/* Coded by the lovely people at stillmovingdesign.com.au */
/* edited: 2009 */
/* ...to be for the learning, not to copy. */


/*
div {
outline: 1px solid yellow;
}
*/

body {
	font-size: 62.5%;
	font-style: normal;
	text-align: center;
	background-color: white;
}


/*
#container {
  width: 100%;
  text-align: center;
}
*/

#content {
	margin: 0 auto;
	width: 955px;
	text-align: left;
	background: url(/images/uploads/site/bg_body.png) repeat-y;
/* 	margin: 1em 0 1em 0; */
/* 	padding: 3em; */
}

#top-shadow {
	height:12px;
	background: url(/images/uploads/site/bg_top.png) no-repeat;
}


p, li, h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}

p, #text li {
	font-size: 125%;
	line-height: 1.6em;
	margin-bottom: .7em;
	color: #887e6e;
}

#left_column li {
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom: .27em;
	color: #887e6e;
}

#text li, #left_column li {
	margin-left: 1.25em;
	list-style-type: disc;
}

p a:link {
	color: #887e6e;
}

p a:visited {
	color: #887e6e;
}


h1 {
	font-size: 2.5em;
	color: #887e6e;
	line-height: 1.5em;
	margin-bottom: .25em;
}

h2 {
	font-size: 2.5em;
	color: #887e6e;
	line-height: 1.25em;
	margin-bottom: .25em;
}

h3 {
	font-size: 1.4em;
	color: #887e6e;
	line-height: 2em;
}

xh3.quote {
	font-size: 1.8em;
	line-height: 1.4em;
	margin-top: 2.4em;
	margin-right: 2em;
}

h4.quote {
	color: #887e6e;
	font-size: 1.8em;
	line-height: 1.4em;
	margin-top: 2.4em;
	margin-right: 2em;
}


.nav_right {
	float: left;
	width: 725px;
	margin-left: 3em;
	text-align: right;
	margin-bottom: .1em;
}

.nav {
	margin-top: 70px;
	border-bottom: 1px solid white;
}

/*
a.nav:hover {color:#fff; background:#764;}
a.nav:active {color:#fff; background:#c00;}
*/



.nav a {
	display: block; 
	width: 87px; 
	height: 25px; 
	background-color: #E8E6E3; 
	text-align: center; 
	text-decoration: none; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #796A59; 
	line-height: 25px; 
	overflow: hidden; 
	float: left;
	border-right: 1px solid #fff; 
	padding: 7px 7px 5px 7px;
}

.nav a:hover {
  color:#fff;
  background-color: #796A59; 
}

/*
#navigation li a {
	background-color: #E9E7E3;
	padding: 6px 7px;
	color: #746A5B;
	text-decoration: none;
}
*/

/*
#navigation li a:hover {
	color: #fff;
}
*/

.languages {
	margin: 2em 0;
	margin-right: 1.2em;
}

.languages .lang {
	margin-right: .2em;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	-webkit-opacity: 0.25;
	}


.languages .lang_on {
	margin-right: .2em;
}


.searchform {
	height: 3em;
	margin-right: 1.2em;
}

#home a.nav-home, #resort a.nav-resort, #apartments a.nav-apartments, #location a.nav-location, #investing a.nav-investing, #about a.nav-about, #contact a.nav-contact  {
	color: white;
	background-color: #746A5B;
}

#home a.nav-current {
	color: white;
	background-color: #746A5B;
}

.logo {
	float: left;
	width: 140px;
	height: 133px;
	margin: 2em 0 0 4.5em;
}

#maincol {
	clear: left;
	margin-left: 3.2em;
}

#left_column {
	float: left;
	width: 200px;
	padding: 0 1em 0 0em;
	margin-right: 1em;
}

#right_column {
	float: left;
	width: 200px;
	display: inline;
/* outline: 1px solid red; */
}

.callout img {
	margin-bottom: 1em;
}

#text {
	float: left;
	width: 430px;
	padding-right: 4em;
	margin-bottom: 2em;
/* outline: 1px solid red; */
}

#header input, #contactform input, #contactform textarea, #traderform input {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #666;
	float: left;
	width: 220px;
	height: 16px;
	border: none;
	border-top: 2px solid #E8E6E3;
	border-bottom: 2px solid #E8E6E3;
	border-left: 2px solid #E8E6E3;
	border-right: 2px solid #E8E6E3;
	padding: 4px 0 0 4px;
}




input.blur {
	color: #E8E6E3;
}

label {
	display: none;
}

#contactform {
	float: left;
	width: 29em;
}

.address_panel {
	float: left;
}

#contactform input {
	width: 360px;
	height: 16px;
	padding: 4px 0 0 4px;
	margin-bottom: 4px;
	color: #796A59;
}

#contactform p {
	float: left;
	width: 140px;
}

#contactform #submit {
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	width: 70px;
	height: 30px;
	background-color: #796A59;
	border: none;
	margin:0;
	padding:0;
	color: #fff;
	display: block;
	margin-left: 155px;
}

#contactform #submit:hover {
	color: #796A59;
	background-color: #E8E6E3;
}


ul#herobanner {
/* 	display: inline; */
	clear: left;
	width: 896px;
	height: 330px;
	overflow: hidden;
	margin-left: 3.2em;
	margin-bottom: 2em;
/* 	text-align: right; */
}

#footer {
	clear: left;
	padding: 1.5em;
	background: white url(/images/uploads/site/bg_footer.png) no-repeat;
/* 	background-position: 0 -120px; */
/* 	background-position: 0 -120px; */
/* 	height: 80px; */
/* 	padding-top:9em; */
/* This padding needs to come out when the footer H4 goes back in. */
/* 	outline: 1px solid red; */
}


p.fnav, p.fnav a:visited {
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #887e6e;
}

p.fnav a:hover {
	color: #746A5B;
}

#footer img.logo_sml {
/* 	position: relative; */
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}

/*
#footer h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #999;
	line-height: 1.8em;
	text-align: center;
	border-top: 1px dotted red;
	padding-top: 1.5em;
	margin-bottom: 3em;
}
*/

p.copyright, p.sfd {
	float: left;
	display: block;
	width: 49%;
	font-size: 1em;
	text-transform: uppercase;
	color: #999;
}

p.sfd {
	text-align: right;
}

p.sfd a:link, p.sfd a:visited {
	text-decoration: none;
	color: #999;
}
p.sfd a:hover {
	text-decoration: underline;
}

div.searchform {
	width: 230px;
	margin-left: auto;
	margin-right: 0;
}

.searchform input {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #666;
	float: left;
	width: 180px;
	height: 16px;
	border: none;
	border-top: 1px solid #edece9;
	border-bottom: 1px solid #edece9;
	border-left: 1px solid #edece9;
	border-right: 1px solid #edece9;
	padding: 4px 0 0 4px;
}

.searchform .submit {
	float: left;
	width: 42px;
	height: 24px;
	background: url(/images/uploads/site/go.png) no-repeat;
	border: none;
}

input.blur {
	color: #CCC;
}

label {
	display: none;
}

/* Search results */
.no_results {
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}


.resultRowOne {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	padding: 8px 6px 8px 0px;
	background-color: transparent;
}

.resultRowTwo {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	padding: 8px 6px 8px 0px;
	background-color: transparent;
}
.resultHead {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	padding: 8px 0 8px 0px;
	border-bottom: 1px solid #999;
	background-color: transparent;
}