/*
Theme Name: Emerald Palms
Theme URI: http://www.emerald-palms.com/
Description: Custom build by RedstoneX for Emerald Palms.
Version: 1.0
Author: RedstoneX
Tags: beach, cms, three columns
*/

/* Handy Classes */
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 3px; background: #ffffff; border: 1px solid #cccccc;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 3px; background: #ffffff; border: 1px solid #cccccc;}
.hide {display: none !important;}

/* Site Structure */
html {background: url(images/sand-repeat.jpg) top center repeat-y;}
body {min-height: 1000px; background: url(images/background.jpg) top center no-repeat;}
#wrapper {width: 960px; margin: 0 auto; background: #f3efe6;}
#header {width: 960px; height: 300px; margin: 0 auto; position: relative;}
#nav {width: 960px; height: 30px; margin: 0 auto; background: #4da6df url(images/nav.png) 0px 0px no-repeat;}
#content-wrapper {width: 960px;  margin: 0 auto; clear: both; background: #f3efe6 url(images/content-background.jpg) 0px 0px no-repeat;}
#logo {position: absolute; left: 387px; bottom: -90px; z-index: 200;}
#cyclebox {width: 960px; height: 300px; margin: 0 auto; overflow: hidden;}


/* Main Navigation */
#nav ul {overflow: hidden;}
#nav ul li {display: inline; background: url(images/topnav-divider.jpg) 100% 2px no-repeat; padding: 0px 20px 0px 0px; position: relative; left: 70px; margin-right: 15px;}
#nav ul li.first {border: 0px; background: transparent;}
#nav ul li.last {border: 0px; background: transparent;}
#nav ul li.right-side {left: 265px;}
#nav ul li a {text-decoration: none; color: #ffffff; line-height: 32px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; letter-spacing: 0px;}
#nav ul li a:hover {color: #0C2C3F;}


/* Four Box */
#fourbox {width: 960px; height: 115px; padding: 8px 0px 0px 8px;}
#fourbox a {display: block; float: left; width: 230px; height: 115px; background: #ae9f81; margin-right: 8px; text-decoration: none; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 2px; color: #ffffff; font-size: 12pt; font-style: italic;}
#fourbox a.fishing {background: #ae9f81 url(images/fishing.png) bottom left no-repeat;}
#fourbox a.fishing:hover {color: #333333; background: #d4c6a9 url(images/fishing.png) bottom left no-repeat;}
#fourbox a.diving {background: #ae9f81 url(images/diving.png) bottom left no-repeat;}
#fourbox a.diving:hover {color: #333333; background: #d4c6a9 url(images/diving.png) bottom left no-repeat;}
#fourbox a.weddings {background: #ae9f81 url(images/weddings.png) bottom left no-repeat;}
#fourbox a.weddings:hover {color: #333333; background: #d4c6a9 url(images/weddings.png) bottom left no-repeat;}
#fourbox a.about {background: #ae9f81 url(images/about-the-island.png) bottom left no-repeat;}
#fourbox a.about:hover {color: #333333; background: #d4c6a9 url(images/about-the-island.png) bottom left no-repeat;}
#fourbox a span {margin-left: 10px;}
#fourbox a img {display: block; margin: 3px auto 4px auto;}
/* #fourbox a:hover {background: #d4c6a9; color: #333333;} */


/* Columns */

/* Sidebar = 250px */
#sidebar {width: 185px; min-height: 500px; float: left; padding: 30px 50px 50px 15px; background: url(images/sidebar-divider.png) 35px 0px no-repeat; margin-top: 20px;}
#sidebar ul {}
#sidebar ul li {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
#sidebar ul li a {text-decoration: none; font-family: Arial; font-size: 14px; color: #1b6c9f; padding-left: 20px; letter-spacing: 1px;}
#sidebar ul li a:visited {color: #1b6c9f;}
#sidebar ul li a:hover {color: #4ba1d7; text-decoration: underline;}
#sidebar ul ul {background: url(images/sidebar-divider.png) bottom center no-repeat; padding-bottom: 20px;}

/* Trip Advisor Logo (sidebar 3) */
#trip-advisor {margin: 5px auto; position: relative; left: 20px;}
#ta-tagline {color: #5A9544; font-family: Arial; text-align: center; font-size: 9pt; position: relative; top: 5px; margin-top: 30px; }

/* AAA */
#aaa {display: block; margin: 20px auto;}

/* Content */
#content {width: 470px; min-height: 700px; float: left; padding: 30px 0 30px 0; font-family: Arial; color: #403d37;}
#content p {font-size: 10pt; line-height: 1.6em; padding-bottom: 20px;}
#content h1 {font-size: 15pt; font-family: Georgia; letter-spacing: 2px; font-weight: normal; line-height: 1em; padding-bottom: 5px; color: #27729F;}
#content h2 {font-size: 13pt; font-family: Georgia; letter-spacing: 0px; font-weight: normal; line-height: 1em; padding-bottom: 15px; color: #27729F;}
#content h3 {font-size: 12pt; font-family: Georgia; letter-spacing: 0px; font-weight: normal; line-height: 1em; padding-bottom: 15px; color: #27729F;}
#content h4 {font-size: 11pt; font-family: Georgia; letter-spacing: 0px; font-weight: normal; line-height: 1em; padding-bottom: 5px; color: #27729F;}
#content ul {list-style: disc; margin-left: 40px; padding-bottom: 20px; }
#content ul li {font-size: 10pt; line-height: 1.6em; padding-bottom: 5px;}
#content a {color: #1b6c9f; text-decoration: none;}
#content a:visited {color: #1b6c9f;}
#content a:hover {color: #63acda; text-decoration: underline;}
#content .note {padding: 15px 15px 0; margin: 10px 0 30px; background-color: #fdfcfa; border: 1px solid #e8e2cf;}
#content .note h3 {color: #a89061; line-height: 130%;}

/* Footer */
#footer {padding: 80px 0 20px 0;}
#footer p {text-align: center; font-family: Arial; font-size: 11px; color: #AFA48E;}
#footer p a {color: #AFA48E; text-decoration: none;}
#footer p a:visited {color: #AFA48E;}
#footer p a:hover {color: #AFA48E; text-decoration: underline;}

#quick-contact h3 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #27729F; font-weight: normal; font-size: 22px; margin: 0px 10px 5px 5px; padding: 0px 0px 25px 0px; letter-spacing: 2px; text-align: center; background: url(images/sidebar-divider.png) bottom center no-repeat;}

/* border-bottom: 1px dotted #ae9f81; */

#quick-contact p {font-family: arial; font-size: 14px; line-height: 1.2em; color: #7F755F; padding: 0px 0px 0px 0px;  margin: 0px 10px 5px 5px; font-style: italic; text-align: center;}
#quick-contact h5 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px; line-height: 1.2em; margin-bottom: 5px; color: #6F5F3E; letter-spacing: 1px; word-spacing: 2px; text-align: center; background: url(images/sidebar-divider.png) top center no-repeat; padding: 30px 0px 0px 0px;}
#quick-contact {float: left; width: 200px; padding: 4px 15px 15px 25px; margin: 20px 0px 0px 0px;}
#quick-contact form {position: relative;}
#quick-contact form br {display: none;}
#quick-contact label {display: block; color: #5F5F3B; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-bottom: 3px;}
#quick-contact textarea {padding: 3px; width: 94%; height: 80px; border: 1px solid #BFB08F; font-size: 14px; background: #FFFAEF; margin-bottom: 10px; font-family: Arial; letter-spacing: 1px;}
#quick-contact input.textbox {padding: 3px; width: 94%; border: 1px solid #BFB08F; font-size: 14px; background: #FFFAEF; margin-bottom: 10px;}
#quick-contact input.button {display: block; width: 58px; height: 64px; border: 0px; background: transparent url(images/send.png) 0px 0px no-repeat; cursor: pointer; text-indent: -999; outline: none;}

/* #quick-contact input.button {padding: 3px 10px 3px 10px; border: 1px solid #BFB08F; cursor: pointer; letter-spacing: 1px; background: #897f6f; color: #ffffff;} */
/* #quick-contact input.button:hover {border: 1px solid #00334F; background: #73A5B2; color: #000000;} */
#quick-contact #loading {position: absolute; right: 3px; bottom: 10px;}
#quick-contact #output {margin-top: 10px;}
#quick-contact #output p {font-family: Arial; font-size: 12px; color: #862323; border: 0px; background: #F3EFE6; font-style: normal;}
#quick-contact #thankyou h6 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1b6c9f; font-weight: normal; background: #F3EFE6; font-style: normal;}
#quick-contact #thankyou p {font-family: Arial; font-size: 12px; color: #333333; border: 0px; background: #F3EFE6; font-style: normal;}


/* Main Contact Box */
#main-contact {width: 320px; padding: 15px 15px 15px 5px; margin: 5px 0px 0px 0px;}
#main-contact form {position: relative;}
#main-contact br {display: none;}
#main-contact label {display: block; color: #5F5F3B; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; margin-bottom: 3px;}
#main-contact textarea {padding: 3px; width: 94%; height: 80px; border: 1px solid #BFB08F; font-size: 14px; background: #FFFAEF; margin-bottom: 10px; font-family: Arial; letter-spacing: 1px;}
#main-contact input.textbox {padding: 3px; width: 94%; border: 1px solid #BFB08F; font-size: 14px; background: #FFFAEF; margin-bottom: 10px;}
/* input.button {padding: 3px 10px 3px 10px; border: 1px solid #BFB08F; cursor: pointer; letter-spacing: 1px; background: #897f6f; color: #ffffff;}
input.button:hover {border: 1px solid #73A5B2; background: #73A5B2; color: #000000;} */

#main-contact input.button {display: block; width: 58px; height: 64px; border: 0px; background: transparent url(images/send.png) 0px 0px no-repeat; cursor: pointer; text-indent: -999; outline: none;}
#main-contact #loading {position: absolute; right: 3px; bottom: 15px;}
#main-contact #output {margin-top: 10px;}
#main-contact #output p {font-family: Arial; font-size: 12px; color: #862323;}
#main-contact #thankyou h6 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1b6c9f; font-weight: normal; font-size: 26px;}
#main-contact #thankyou p {font-family: Arial; font-size: 14px; color: #333333;}