/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* Main Styles */
body{margin:0;padding:0;color:#6c5b5c;font:12px Tahoma, sans-serif;line-height:16px;background-color:#beaeae;text-align:center;}
input,td, p{font:12px Tahoma, sans-serif;}
p{margin:0 0 15px 0;line-height:16px;}
.caps{text-transform:uppercase;}
strong{font-weight:bold;}
em{font-style:italic;}
.center{text-align:center;display:block;}
input{vertical-align:middle;}
.nu{text-transform:none;}


.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}

img{border:0;}
img.lt{float:left;margin:0 10px 10px 0;}
img.rt{float:right;margin:0 0 10px 10px;}
hr{height:1px;border:1px solid #dcd9d9;margin:0 0 5px 0;}

H1{color:#6c5b5c; font:18px Palatino Linotype;font-weight:bold;margin:0 0 10px 0 ;padding: 8px 0 8px 32px;background: url('/i/H1_bg.gif') no-repeat left;}
H2{color:#6c5b5c; font-size:11px;font-weight:bold;margin:5px 0;text-align:center;}
H3{color:#6c5b5c; font-size:12px;font-weight:bold;margin:5px 0;text-transform:uppercase;letter-spacing:1px;}
H1.hp{background:none;padding:0;margin:0; font-size:14px;color:#254d68;}
H1.hp a:link, H1.hp a:visited {color:#254d68;text-decoration:none;} 
H1.hp a:hover, H1.hp a:active {color:#c73300}
H2.hp{margin:0;padding:0;font-size:11px;line-height:14px;color:#254d68;text-align:left;font-weight:normal;}

/* Content Areas */
#bodyContainer{background-color:#FFF; width:994px;margin:0 auto;border: 1px solid #6c5b5c;}
#bodyContainerHome{width:994px;margin:0 auto;background: url('/i/ocean-home_bg.jpg') no-repeat top;border: 1px solid #6c5b5c;}
#header{text-align:center;width:974px; height:61px;background: url('/i/header_bg.png') no-repeat top center;}
#footerContainer{text-align:left;width:762px; padding:1px 0 5px 0;background: url('/i/footer_bg.png') no-repeat;color:#FFF;margin:0 auto;}
#footerContainer strong{font:13px Palatino Linotype;font-weight:bold;color:#beaeae;}
#logo{margin:5px 0;}
#contentContainer{padding:20px;text-align:left;}
#homeContentContainer{text-align:left;height:400px;}

.logo{margin-right: 38px;float:left;}

#nav{padding-left:100px;line-height:14px;}

#subNav{background-color:#dcd9d9;padding:5px 0; text-align:center;width:794px;margin: 0 auto;}
#subNav a:link, #subNav a:visited {color:#8c8080;text-decoration:none;padding:0 7px 0 13px;background: url('/i/subnav_dot.gif') no-repeat left center;} 
#subNav a:hover, #subNav a:active, #subNav a.navOn:link, #subNav a.navOn:visited {color:#6c5b5c}
#subNav a.first:link, #subNav a.first:visited{background:none;padding-left:0;}

/* Left/Right Box Styles */
ul.lrBox{list-style:none;margin:0;padding:0;}
ul.lrBox li.lt{float:left;padding:0;}
ul.lrBox li.ltC{float:left;padding:0;text-align:center}
ul.lrBox li.rt{float:right;padding:0;text-align:right}
ul.lrBox li.rtC{float:right;padding:0;text-align:center}
ul.lrBox li.rtL{float:right;padding:0;text-align:left}

ul#footerBox{margin:7px 0 0 50px;}

ul.leaf{list-style:none;margin:20px 0;padding:0;width:99%;}
ul.leaf li{background: url('/i/blt_leaf.gif') no-repeat top left;padding: 5px 0 15px 18px;color:#666;font-size:11px;}
ul.leaf li strong{font-size:12px;}
ul.leaf li a:link, ul.leaf li a:visited{display:block;margin-bottom:8px;}

/* Links */
a:link, a:visited {color:#6c5b5c} 
a:hover, a:active {color:#beaeae}


#colB a:link, #colB a:visited {color:#666;} 
#colB a:hover, #colB a:active {color:#999}

#footerContainer a:link, #footerContainer a:visited {color:#FFF;text-decoration:none;} 
#footerContainer a:hover, #footerContainer a:active {color:#beaeae;}

#footerContainer a.dotLink:link, #footerContainer a.dotLink:visited {color:#FFF;font-size:12px;text-decoration:none;padding:0 5px 0 11px;background: url('/i/nav_dot.gif') no-repeat left center;} 
#footerContainer a.dotLink:hover, #footerContainer a.dotLink:active {color:#beaeae;}

ul.arrow{list-style:none;margin:15px 0;padding:0;}
ul.arrow li{margin:0 0 5px 15px;background: url('/i/bullet.gif') no-repeat 0 4px;padding-left:8px;}

#col2{width:914px;margin:10px 30px 20px 30px;text-align:left;}
#colA{width:690px;margin-right:35px;float:left;}
#colB{width:189px;float:left;color:#666;}

#newsletterBox{padding:8px 16px;background: url('/i/newsletter_bg.gif');margin:25px 0;}
#newsletterBox p{margin:8px 0 10px 0; }

#proceedsBox{margin-bottom:25px;background: url('/i/proceeds_bg.gif') no-repeat;width:189px;height:86px;padding:15px 18px;font-size:11px;color:#FFF;}

.testimonial{font-size:11px;text-align:right;font-weight:bold;}
.testimonial strong{text-align:left;display:block;}
.testimonial p{font-size:11px;text-align:left;font-style:italic;margin:0 0 5px}

#yoga-slide, #adventure-slide, #family-slide, #spa-slide, #wedding-slide, #villa-slide, #travel-slide{width:294px; height:85px;margin:8px 0 0 25px;}
#yoga-slide{background: url('/i/hp_yoga_slide.png') no-repeat;}
#adventure-slide{background: url('/i/hp_firefighter_slide.png') no-repeat;}
#spa-slide{background: url('/i/hp_spa_slide.png') no-repeat;}
#wedding-slide{background: url('/i/hp_wedding_slide.png') no-repeat;}
#villa-slide{background: url('/i/hp_villa_slide.png') no-repeat;}
#travel-slide{background: url('/i/hp_blog_slide.png') no-repeat;}
#yoga-slide .pad, #adventure-slide .pad, #family-slide .pad, #spa-slide .pad, #wedding-slide .pad, #villa-slide .pad, #travel-slide .pad{padding:8px 15px 8px 105px;}

/* Clearing Floats \*/
.clearfix:after, ul.lrBox:after, #col2:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, ul.lrBox, #col2{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html ul.lrBox, * html #col2{height: 1%;}
.clearfix, ul.lrBox, #col2{display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

.tblSchedule{padding:0;border:0;}
.tblSchedule th{vertical-align:top;font-weight:bold;font-size:12px;border-bottom:1px solid #CCC;padding: 0 0 5px 0;}
.tblSchedule td{vertical-align:top;padding: 8px 20px 8px 0;border-bottom:1px solid #CCC;}

/* Spacers */
.spacer{display: block; font: 1px/1px monospace; margin: 0; padding: 0;border: 0;height: 1px;width: 1px;}

/* Photo slideshow */
.pics {width: 502px; height: 380px; margin: 5px 0; margin: 0;} 
.pics img {border: 1px solid #6c5b5c; width: 500px; height: 335px;} 
.pics div{text-align:center;}

.slideCats{padding:5px 0;}
#slideNav,#next, #prev{text-align:center;float:left;}
#next a, #prev a{font: 12px Arial Black;}
#slideNav a,#next a, #prev a {border: 1px solid #6c5b5c; background: #beaeae;font-size:11px;text-decoration: none; margin: 0 5px; width:20px;padding:2px 0;display:block;float:left;}
#slideNav a.activeSlide,#slideNav a.activeSlide:hover { background: #6c5b5c;color:#FFF;font-weight:bold;}
#slideNav a:focus,#slideNav a:hover,#next a:hover, #prev a:hover  {color:#6c5b5c;font-weight:bold;}

.lnkOn{font-weight:bold;}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 .sidebar_slides{text-align:center;margin:20px 0;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-item {float: left;list-style: none;width: 150px;height: 100px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

.jcarousel-skin-tango.jcarousel-container {
    margin:5px 0;
    background: url('/i/carousel_bg.png');
}

.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 150px;
    height: 335px;
    padding: 40px 18px 42px 18px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  152px;
    height: 335px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 152px;
    height: 102px;		    
}
.jcarousel-skin-tango .jcarousel-item img{border:1px solid #FFF;}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
		color: #000;
}
/**
 *  Horizontal Buttons
 */
.next-horizontal {
    float:left;
		width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/i/next-horizontal.png') no-repeat 0 0;
		margin-top:-5px;
}

.next-horizontal:hover {
    background-position: -31px 0;
}

.next-horizontal:active {
    background-position: -64px 0;
}

.next-disabled-horizontal,
.next-disabled-horizontal:hover,
.next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.prev-horizontal {
    float:left;
		width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/i/prev-horizontal.png') no-repeat 0 0;
		margin-top:-5px;
}

.prev-horizontal:hover {
    background-position: -31px 0;
}

.prev-horizontal:active {
    background-position: -64px 0;
}

.prev-disabled-horizontal,
.prev-disabled-horizontal:hover,
.prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 78px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/i/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 78px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/i/prev-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* Nav Menu */
ul.jd_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul{
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li {
	float: none;
	margin: 0px;
}
ul.jd_menu_slate {
	height: 17px;
	clear: both;
}

ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	display:block;
	color:#FFF;font-size:12px;text-decoration:none;padding:0 11px 0 5px;background: url('/i/nav_dot.gif') no-repeat right center;
}
ul.jd_menu_slate a:hover{color:#beaeae;}

ul.jd_menu_slate a.last, 
ul.jd_menu_slate a.last:active,
ul.jd_menu_slate a.last:link,
ul.jd_menu_slate a.last:visited {
	background-image:none;
	padding-right:0;
}
ul.jd_menu_slate ul{padding:0 0 5px;}
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
	color: #FFF;
	padding:0;
	text-align:left;
	background-image:none;
}
ul.jd_menu_slate li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;
	color: #FFF;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	color: #beaeae;
}

ul.jd_menu_slate ul {
	background: #604f50;
}
ul.jd_menu_slate ul li {
	padding: 2px 6px;
	background: #604f50;
	border: none;
	color: #FFF;
}
ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover {
	color: #beaeae;
	background-image:none;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover:link {
	color: #beaeae;
}