@charset "UTF-8";

/* Global Content Formatting and Styles */

body{
	color: #000;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	margin: 0px;
	padding:0px;
}

#width-position {max-width: 1000px; margin: 0px auto; position: relative; }		
.container {}

h1 {
	font-size: 1.4em;
	font-weight:bold;
	color: #060;
	margin: 0 0 .5em 0;
	line-height:1.2em;
}
h2 {
	font-size: 1.1em;
	color: #333;
	margin: 0px;
}
h3 {
	font-size: 1em;
	margin: 1em 0;
	color: #069;
}

p { margin: 0 0 .75em 0; line-height: 18px;}
footer a{ color:#de9000; }
footer a:hover {color:#009eff;}

a{ color:#333; text-decoration:none; }
a:hover {color:#090;}

section a{ text-decoration:underline; }


.footer-bg-top {height: 41px; background-image:url(../images/footer-bg_15.jpg); }
footer {
	font-size: 0.95em;
	color: #FFC;
	background-color: #004c1d;
	padding: 10px 10px 10px 0px;
	height: 60px;
}
.palm-tree{position: absolute; right:0px; top: -80px; background-image: url(../images/palm-tree2.png); background-repeat:no-repeat; height: 150px; width: 157px;}
.address { width: 50%; float: left; padding-left: 20px;}
.sage-copyright {width: 40%; float: right; text-align:right;}
#header-text {
	text-align: right;
	padding: 90px 0px 0px 868px;
}

header {
	display: block;
	position: absolute;
	height: 157px;
	width: 1000px;
}

header a.logo {
	width: 733px;
	height: 157px;
	display: block;
	position: absolute;
	background-image: url(../images/test3_03.jpg);
	background-repeat:no-repeat;
}
#nav-background {height:40px; width 100%; background-color: #004c1d;}

nav {
	width:1000px;
	display:block;
	position:absolute;
	background-color: #004c1d;
	top: 0px; 
	height: 40px;
	text-align: center;
	letter-spacing:2px;
	
	}
	
/*drop down*/
nav ul ul {	display: none;}
nav ul li:hover > ul {	display: block;	}
nav ul {list-style: none;	position: relative;	display: inline-table; padding: 10px 20px; margin: 0px;}
nav ul:after {content: ""; clear: both; display: block;	}
nav ul li {float: left; margin-right: 55px;}
nav ul li a {		}
nav ul li:hover a {	color: #fff; text-decoration:underline;}
nav ul li a {display: block;  text-decoration: none; color: #fff;}
nav ul ul { border-radius: 0px; padding: 0;	position: absolute; top: 100%;	margin-top: -10px;}
nav ul ul li {float: none; border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a; position: relative;  width: 100%;}
nav ul ul li a {padding: 5px 15px;	color: #fff; background-color:#333;}	
nav ul ul li a:hover {background: #4b545f;}
nav ul ul ul {position: absolute; left: 100%; top:0;}
/*end drop down*/



#second-header {
	height: 329px;
	background-color: #fef0ca;
	width: 1000px;
}
.second-header-bg {
	height: 349px;
	width: 100%;
	background-color: #fef0ca;
	top:197px;
	position: absolute;
}
.map #second-header {height: 618px; background-color: #fef0ca; width: 1000px;}
.map .second-header-bg {height: 618px; width: 100%; background-color: #fef0ca; top:197px; position: absolute;}

#escapia {
	width: 369px;
	height: 329px;
}
#photo-home {
	width: 592px;
	float: right;
	padding: 0px;
	background-image: url(../images/test3_07.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	height: 329px;
}

#home-body {background-color: #fef0ca; width: 1060px;}
.home-body-bg {
	width: 100%;
	background-color: #e7d7b3;
	top:546px;
	position: absolute;
}
.map-body-bg { width: 100%; background-color: #e7d7b3; top:800px; position: absolute;}
.contact-body-bg { width: 100%; background-color: #e7d7b3; top:600px; position: absolute;}
#home-widget {width: 369px;}
#home-content{
	width: 700px;
	float: right;
	padding: 10px 0px;
}


#photo {
	width: 592px;
	float: right;
	padding: 0px;
	height: 339px;
}
/*Forms*/
input  
{ 
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
textarea  
{ 
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
select
{ 
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.subscribe-states{
background-image:url(../images/btn-subscribe_06.jpg);
height:21px;
width: 78px;
}

.subscribe-states:hover{
background-position:-78px 0px ;
}

.subscribe-states:active{
background-position:-156px 0px ;
}

/*Contact Button*/
#contact-us-pos
{display: block;
height:50px;
width: 130px;}

#contact-us{
background-image:url(../images/button-contact.jpg);
height:50px;
width: 130px;
}

#contact-us:hover{
background-position:0px -50px ;
}


 #escapiaForm {margin-top: 10px; line-height: 16px;}
 /*#escapiaForm input[type=text] {height: 12px; font-size:11px; }
 #escapiaForm select {height: 18px; font-size:11px;}*/
 .buttonSubmit{display: block;height:37px;width: 141px;}
 .buttonSubmit {
    background-image:url(../images/button3-ca.jpg); 
    background-repeat:no-repeat;
	height: 37px; 
    width: 141px;
	line-height: 999px; /* Set it higher than your image height */
overflow: hidden; /* Hide the text */
font-size: 0; /* FF2 doesn’t like the above */
border: 0px;
} 

input.buttonSubmit:hover { background-position:0 -37px; }

#sidebar {
	
	height: 500px;
	width: 260px;
	float: left;
	margin-right: 5px;
	padding: 5px 0 0 5px;
}