/**{border:1px solid red;}*/
/* -- HTML Selectors ----------------------------- */
html, body{
	margin:0 0 200px;
	padding:0;
	color: #075682;
	text-align: center;
}
body{
	font: 76% Tahoma, Arial, Helvetica, sans-serif;
    background: #C2D1DB;
    margin-bottom: 2em;
}
h1, h2, h3, h4, h5{
	line-height: 1.5em;
	margin: 1em 0;
	text-transform: capitalize;
}
h2
{
    font: 24px/1.5em Tahoma, Arial, Helvetica, sans-serif;
    color: #126FA4;
}
h3{font: italic 1.7em/1.5em  Garamond, Georgia, "Times New Roman", Times, serif;}
h4{margin: 1em 0 .3em;}
h5{font-family: Georgia, "Times New Roman", Times, serif;}
p
{
	margin: 0 0 1em;
	line-height: 1.5em;
}
ul{list-style-image: url(../images/bullet.gif);}
dl{
    margin: 1em;
}
dt{font-weight: bold;}
dd{margin: .3em 1em;}
a:link, a:active, a:visited{color: #74AA3B;}
address{
	margin-top:0;
}
acronym{
	cursor:help;
	border-bottom: 1px dotted #000;
}
blockquote
{
    width: 9em;
    background: transparent url(../images/quote.png) no-repeat;
    float: right;
    margin: 1em 0 1em 2em;
    font-style: italic;
    text-align: center;
}
blockquote p {margin: 0 .5em;}

/* WRAPPER CONTAINER ----------------------- */
#container{
    position: relative;
	width: 740px;
	margin: auto;
	background: #E4F5F9 url(../images/middle.gif) repeat-y 50% 0%;
	text-align: left;
}

/* HEADER ------------------------------ */
#header h1{display: none;}
#header{
    background: transparent url(../images/header.jpg) no-repeat;
	height: 214px;
}

/* NAVIGATION ------------------------ */
#nav{
    position: absolute;
	top: 148px;
	left: 50px;
	font-size: 1.1em;
}
#nav ul{
	list-style-type:none;
	margin: 0;/*for Opera 7.0*/
	padding: 0 0 4px;
}
#nav ul li{
	display: inline;
	margin-right: 1em;
}
#nav li a{
	font-weight: bold;
	text-decoration: none;
	/*color: #6A92A8;*/
	color: #435A7C;
}
#nav li a:hover{
    color: #74AA3B;
	border-bottom: 4px solid #74AA3B;
}
#nav li.current a{
	color: #915461;
	border-bottom: 4px solid #915461;
}

/* CONTENT ----------------------- */
#content{
	display: inline;
	width:440px;
	float: left;
	padding: 0 1em 2em 1.5em;
	margin-left: 25px;
}
#content h2{
	margin-top:0;
	padding-top:0;
}

/* image replaced h2's */
#content h2 span{display: none;}
#welcome{
    background: url(../images/welcome.png) no-repeat;
	height:28px;
}
#skyhaven{
    background: transparent url(../images/skyhaven.png) no-repeat 0 0;
	height: 22px;
}
#oceanearth
{
	background: transparent url(../images/oceanearth.png) no-repeat 0 0;
	height: 22px;
}
#location{
    background: transparent url(../images/location.png) no-repeat;
	height: 22px;
}
#awakenings{
    background: transparent url(../images/massage_studio.png) no-repeat;
	height: 29px;
}
#contact{
    background: transparent url(../images/contact.png) no-repeat;
	height: 23px;
}
#erica{
    background: transparent url(../images/erica.png) no-repeat;
	height: 23px;
}

#content h4{
    font-size: 1em;
	color: #915461;
}
#content h5{font-size: .9em;}
#content dt{
    color: #915461;
	font-weight: bold;
}
#content dl{margin: 0;}
#content dd{margin: .3em 1.5em;}

/* CONTACT FORM RULES ------------------ */
input, textarea{
    font: 1em/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #075682;
}
#yourname, #youremail, #emailsubject, #yourmessage{border: 1px solid #9DC4D3;}
input.button{
    font-weight: bold;
	color: #915461;
}

/* RIGHT COLUMN -------------------- */
#rightcol{
	display: inline;
	width:200px;
	float: right;
	padding: 0 0 2em 0;
	margin-right: 28px;
	color: #fff;
}
#rightcol h3{margin:0;}
#rightcol h3 span{display: none;}/* replacement selectors here */
/* image replaced h3's */
#oceanviews{
    background: transparent url(../images/oceanviews.gif) no-repeat 50% 50%;
	height: 25px;
}
#getaway{
    background: transparent url(../images/getaway.gif) no-repeat 50% 50%;
	height: 25px;
}
#activities{
    background: transparent url(../images/activities.gif) no-repeat 50% 50%;
	height: 22px;
}
#bodywork{
    background: transparent url(../images/bodywork.gif) no-repeat 50% 50%;
	height: 25px;
}
#sunsets{
    background: transparent url(../images/sunsets.gif) no-repeat 50% 50%;
	height: 25px;
}
#rightcol ul{list-style-image: url(../images/bullet2.gif);}
#rightcol ul{
    margin:1em 1em 1em 1.8em;
	padding-left: 1em;/*For the Mozilla crowd */
}
#rightcol dt{color: #1270A5;}
#rightcol dd{font-style: italic;}

/* MAIN CONTENT AND RIGHT COLUMN RULES --------- */
#content ul li, #rightcol ul li{
	line-height: 1.5em;
}
#rightcol p{
	margin: 1em 1em;
}
#rightcol p a img{border: 0;}
div.rates
{
    border: 1px solid #9DC4D3;
    background-color: #fff;
    padding: 1em;
    margin:  0 0 1em;
}
div.rates p{margin: 0;}

/* FOOTER ---------------------------- */
#footer{
    clear:both;
	font-size:.9em;
	background: transparent url(../images/footer.jpg) no-repeat 50% 100%;
	height: 94px;
	text-align: center;
}
#footer p{
	margin:0;/*For Opera and Mozilla*/
	padding-top:2.5em;
	color: #fff;
}
#footer p a{
    padding: 0 .5em;
	color: #A53F56;
}
#flash-box{
   float: left;
   width: 120px;
   border: 1px solid #9DC4D3;
   background-color: #fff;
   padding: 5px;
   margin: 0 1.5em 0 0;
}

/* ~~~ === JAVASCRIPT GALLERY ============================================== ~~~ */
#jImageOverlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #46638B;
    opacity: 0.5;
}
#jImageOuterContainer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center;
}
#jImageContainer
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
    z-index:2;
}
#jImageCurrentImage
{
    border: 10px solid #fff;
}
#jImageTextContainer
{
    position: relative;
    bottom: 2px;
    left: 0;
    background-color: #fff;
    color: #000;
    height: 50px;
}
#jImageTextContainer p
{
    margin: 0;
    text-align: left;
}
#jImageTextContainer p.stats{font-size: 11px;}
#jImageTextContainer p.title{font-weight: bold;}
#jImageTitle
{
    position: absolute;
    top: 0;
    left: 10px;
}
#jImageClose
{
    position: absolute;
    top: 0;
    right: 10px;
}
#jImagePrevious
{
    padding: 0 12px;
}
#jImageNext{padding: 0 12px;}


/* ~~~ === IMAGE GALLERY ============================ ~~~ */
ul.thumbs
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.thumbs li
{
    float: left;
    width: 146px;
    min-height: 148px;
    text-align: center;
    font-size: 11px;
}
.thumbs li img
{
    border: 1px solid #98C0D7;
    padding: 4px;
    background-color: #fff;
    margin: 2px;
}

div.comingSoon
{
    border: 1px solid #98C0D7;
    background-color: #fff;
    padding: 1em;
    margin: 1em 0;
    text-align: center;
}
div.comingSoon h3
{
    font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 .3em;
}
div.comingSoon p{margin: 0;}

p.backLink
{
    clear: both;
    padding-top: 2em;
}
/* ========== CLASSES ======================= */
.clearboth{clear: both;}
.quote{font-style: italic;}
.pad{padding: 0 1em;}
.center{text-align: center;}
.img-frame-left{
	float:left;
	margin: 0 1.5em .5em 0;
	padding: 5px;
	border: 1px solid #9DC4D3;
	background: #fff;
}
.img-frame{
    margin: 0;
	padding: 5px;
	border: 1px solid #9DC4D3;
	background: #fff;
}
.note{
	padding:1em;
	background: #fff;
	border: 1px solid  #9DC4D3;
}
.error{
	color: red;
	font-weight: bold;
}
.message{
	padding: 1em;
	border: 1px solid #0A3658;
	background: #9DC4D3;
}
.left{text-align: left;}