/* get rid of scrollbar problem */

html {
min-height: 100%;
margin-bottom: 1px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 30px auto;
padding: 0;
background: url(images/clouds3.jpg) fixed;
color: #000000;
/* required for IE5 */
text-align: center;
}


div#container {
position: relative;
border: 1px solid #fff;
margin: 0 auto;
width: 780px;
text-align: left;
background: url(images/leftbg.gif) #fcfcfc left repeat-y;
}

div#header {
height: 110px;
width: 780px;
background: #ffffff;
color: #15304d;
/*padding-bottom: 1px;*/
}

div#top {
margin: -4px 0 0 0;
width: 100%;
height: 15px;
background: #1e737b url(images/nw2.gif) no-repeat top left;
color: #000000;
border-top: 1px #ffffff solid;
}

html>body #top {
margin: 0;
}

div#left {
margin: 0;
padding: 0;
float: left;
width: 130px;
}

#nav, #nav ul {
padding: 0;
margin: 25px 0;
list-style: none;
float : left;
width : 130px;
}

#nav li {
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 130px;
padding: 0.2em 0;
}

#nav li a {
display : block;
color: #ffffff;
text-align: right;
font-weight : bold;
text-decoration : none;
border : 0px solid black;
padding : 0 0.5em;
background-color: #1e737b;
}
	
#nav li a:hover {
color: #ffffff;
background-color: #00abc4;
}

#nav li ul { 
position : absolute;
left: -999em;
margin-left : 130px;
margin-top : -1.7em;
padding: 0.25em 0 0.25em 0;
background-color: #1e737b;
width: 85px;
z-index: 8;
}

#nav li ul a {
text-align: left;
}

#nav li ul li {
width: 85px;
}	

#nav li ul ul {
left: -999em;
margin-left: 85px;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

div.amazon_ad {
margin: 15px auto;
width: 120px;
}

div#content {
background: #fcfcfc;
color: #000000;
padding: 1em;
margin: 0px 130px;
}

div#content p {
margin: 0;
padding: 0;
line-height: 1.5em;
font-size: 12px;
color: #393939;}

div#content hr {
width: 100%;
margin: 1em 0;
color: #c3c3c3;
background: #fcfcfc;
}

div#content h1 {
color: #000000;
background: #fcfcfc;
margin: 0;
font-size: 1.8em;
}

div#content h2 {
color: #000000;
background: #fcfcfc;
margin: 0;
font-size: 1.4em;
}

div#content h3 {
color: #676767;
background: #fcfcfc;
margin: 0;
font-size: 1.1em;
}

div#content ul {
margin: 1em 0em 1em 2em;
padding: 0;
list-style-type: none;
}

div#content ul li {
margin: 0;
padding: 0;
padding-left: 2em;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.15em;
}

div#content a {
color: #0000ff;
text-decoration: none;
}

div#content a:hover {
text-decoration: underline;
}

div.roundcnr {
margin: 0px;
float: left;
width: 15px;
height: 15px;
background: url(images/nw.gif) no-repeat top left;
}

table {
margin: 1em auto;
border-collapse: collapse;
border-width: 1px;
}

table th {
margin: 0;
padding: 0;
color: #ffffff;
background: #ffffff;
border-width: 0px;
}

div#quotebox {
margin: 1em 0 1.5em 0;
padding: 0.5em 1em;
width: 450px;
border: 1px #c4c4c4 solid;
}

div#quotebox p.quote {
text-align: justify;
font-family: "Monotype Corsiva", cursive;
color: #000000;
font-size: 18px;
font-weight: 500;
}

div#quotebox p.author {
display: block;
text-align: right;
font-family: "Monotype Corsiva", cursive;
color: #000000;
font-size: 18px;
font-weight: 500;
}

div.imgright {
float: right;
margin: 2em 0.5em 0em .5em;
background: #ffffff;
color: #000000;
}

.bold {
font-weight: bold;
}

.centertext {
margin: 0;
padding: 0;
display: block;
text-align: center;
}

div.ehb_ad {
margin: 15px auto;
width: 109px;
}

div.retreat_div {
display: none;
position: absolute; 
left: 370px;
top: 245px;
background-color: #ffffff;
padding: 8px;
}

#right {
position: relative;
margin: 0;
padding: 0;
float: right;
width: 130px;
color: #000000;
background: #fcfcfc;
}

div.google_ad {
margin: 0.5em auto;
padding: 5px;
font-size: 11px;
}

div#clickbank h3 {
margin: 2.3em 0 0 0;
padding: 0;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
color: #006699;
font-weight: bold;
}

div#clickbank p {
margin: 0;
padding: 0;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
color: #000000;
}

div#clickbank .url {
color: #339933;
font-size: 9px;
text-decoration: none;
}

#footer {
clear: both;
padding-bottom: 0.5em;
color: #000000;
background: #ffffff;
border-top: 1px #c3c3c3 solid;
}

#footer p {
margin: 0;
padding: 0;
}

#footer img {
float: left;
margin: 0.8em 21px;
padding:0;
border: none;
}

#footer ul {
margin: 0.5em 0em;
list-style: none;
text-align: center;
}

#footer li {
display: inline;
}

#footer li a {
margin:0 auto;
padding: 0 0.3em;
font-size: 0.75em;
border: 0px solid #c3c3c3;
}

#footer .copy {
margin: 0.5em;
font-size: 0.75em;
text-align: center;
font-style: italic;
color: #a2a2a2;
}

p.update {
margin: 0 0.5em 0 0;
font-size: .75em;
text-align: right;
font-style: italic;
color: #ffffff;
}

p.fineprint {
font-size: .8em;
font-style: italic;
color: #000000;
background-color: #ffffff;
}

/* image background shadow */

div.lshadow {
display: inline;
margin: 1em .5em 1em .5em;
float: left;
background: #e9e9e9;
color: #000000;
}

div.rshadow {
display: inline;
margin: .5em 0em 0em 1em;
float: right;
color: #000000;
background: #dcdcdc;
}

img.fltshadow {
position: relative;
display: block;
margin: -.5em .5em .5em -.5em;
border: 0px #e9e9e9 solid;
}

/*dropcap effect */

span.dropcap {
float: left;
font-size: 2.2em;
padding: 5px 8px 8px 0;
margin: 2px 0px 0px 0px;
color: #000000;
background: #ffffff;
font-family: "Times New Roman", sans-serif;
font-weight: bold;
}

.specialfont {
font-family: Helvetica, Arial, sans-serif;
}

.italic {
font-style: italic;
}

div#conditions {
margin: 1.5em;
padding: 0.8em;
font-size: 0.8em;
font-style: italic;
background-color: #f6f6f6;
}

div#conditions ul {
margin: 0em 0em 0em 2em;
padding: 0;
list-style-type: disc;
}

div#conditions ul li {
margin: 0;
padding: 0;
line-height: 1.6em;
background-image: none;
}

div#rssfeed  {
margin: 1em 0;
font-style: italic;
}

div#rssfeed a {
color: #0c7a15;
font-weight: bold;
font-style: normal;
}

/* booking form */

form.booking, label, input, textarea {
font-size : 1em;
color: #000000;
}

div#content form.booking a {
color: #0000ff;
}

form.subscribe {
color: #ffffff;
background: #232323;
}

legend {
font-weight: bold;
font-size: 1.2em;
color: #000000;
background: #effcfd;
}

fieldset {
margin: 0em 1.5em;
padding: 0em 1em 1em 1em;
border: 1px solid;
color: #000000;
}

label.text {
position: relative;
width : 11em;
display : block;
margin : 0em 0em 0em 0em;
padding: 1.5em 0 0 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

label.text img {
margin: -3.5em 2em 0em 6em;
}

label.text input {
position : absolute;
left : 100%;
top : 1em;
width : 12em;
background: #fcfcfc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
}

label.time input {
display: inline-block;
}

label select {
position : absolute;
left : 100%;
top : 1em;
width : 12em;
color: #000000;
background: #fcfcfc;
}

textarea {
margin: 0.5em 0 0.5em 0;
padding: 0;
color: #000000;
background: #fcfcfc;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#spam_trap {
display: none;
visibility: hidden;
}

input.btn {
margin: 0em 1em 0em 1em;
width: 6em;
}

div.buttons {
margin: 1em auto;
width: 16.5em;
}

div.button {
margin: 1em auto;
width: 7em;
}

.roundcont {
margin: 0em auto;
width: 420px;
background: #effcfd;
}

.roundcont p {
margin: 0 10px;
}

.roundtop {
margin: 0;
padding: 0;
background: url(images/tr.gif) no-repeat top right;
}

.roundbottom {
margin:0;
padding:0;
background: url(images/br.gif) no-repeat bottom right;
}

img.corner {
width: 15px;
height: 15px;
display: block;
}

div.thumbcont {
margin: 0 auto;
padding: 0 10px;
width: 465px;
color: #000000;
}

div.row1 {
display: block;
margin: 0 16px;
padding: 0;
background-color: #ffffff;
color: #000000;
}

div.row2 {
margin: 0 16px;
padding: 0;
background-color: #ffffff;
color: #000000;
border: solid;
}

div.row3 {
display: block;
margin: 0px 16px;
padding: 0;
background-color: #888;
color: #000000;
}

div.thumbnail {
display: block;
float: left;
margin: 12px 12px;
padding: 0px;
border: 1px #c4c4c4 solid;
background-color: #ffffff;
color: #000000;
}

div.thumbnail a img {
border: 10px solid #ffffff;
}

div.thumbnail a:hover {
background: transparent;
}

div.thumbnail a:hover img {
padding: 0px;
border: 10px #dedede solid;
}

div.thumbnail p {
position: relative;
margin: 0;
padding: 0;
text-align: center;
}

p.spacer {
visibility: hidden;
clear: both;
}

/* clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */