body { background: #093339; font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, sans-serif; font-size: 62.5%; color: #fff; line-height: 1.5em; }


/* GENERAL */
p, h1, h2, h3, h4, h5, h6 { padding-bottom: 15px; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; font-style: italic; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }
p { font-size: 1.2em; line-height: 1.8em; }
a { text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; }

.img_left { float: left; margin: 5px 20px 10px 0px !important; }
.img_right { float: right; margin: 5px 0px 10px 20px !important; }

.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.edit_this a { position: absolute; top: 0px; right: 0px; z-index: 100000; font-weight: normal; font-size: .9em; color: black; background: #beeab5; line-height: 8px; padding: 2px 3px; text-decoration: none; }
.edit_this a:hover { background: #000; color: #fff; }
.add_new a { position: absolute; bottom: -10px; right: 10px; font-size: .9em; color: #000; background: #beeab5; line-height: 8px; padding: 2px 3px; text-decoration: none; }
.add_new a:hover { background: #000; color: #fff; }


/* LAYOUT */
#wrapper {  }
#content { background: #0c8899 url(images/bkg_main.png) repeat-x; }
#content #palms { background: url(images/palms.png) no-repeat bottom center; }
#content_container { min-height: 500px; width: 820px; margin: 0px auto; padding: 20px 0px; }



/* HEADER */
#header { height: 124px; background: url(images/bkg_header.png) repeat-x; margin: 0px auto;  }
#header_content { width: 800px; height: 124px;  margin: 0px auto; position: relative; }
#logo a { width: 390px; height: 150px; position: absolute; top: 2px; left: -25px; background: url(images/KimCoco_logo.png) no-repeat; }
#logo a span { display: none; }
#utility { position: absolute; top: 68px; right: 0px; }
#utility a { float: left; margin-left: 10px; }
.util_btn { height: 20px; padding: 0px 5px; line-height: 20px; text-decoration: none; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; color: #fff; background: #ef4159 url(images/btn_pink.png) repeat-x; }
.util_btn:hover { background-position: 0px -20px; }
.fb_btn, .tw_btn { display: block; height: 20px; width: 20px; background: #004f5e; background: url(images/btn_social.png) no-repeat; }
.fb_btn { background-position: top left; }
.fb_btn:hover { background-position: bottom left; }
.tw_btn { background-position: top right; }
.tw_btn:hover { background-position: bottom right; }
.fb_btn span, .tw_btn span { display: none; }



/* NAV */
#nav_container { height: 50px; background: url(images/bkg_nav.png) repeat-x; }
#nav_main { width: 840px; height: 50px; padding: 0px; margin: 0px auto; }
#nav_main li { line-height: 50px; }
#nav_main a { text-decoration: none; text-transform: uppercase; font-size: 1.4em; font-family: 'FuturaMedium', Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, sans-serif; letter-spacing: .12em;  }


/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 170px;; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 180px; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; float: left; color: #a0c7cc; position: relative; }
.sf-menu a.nav_top { height: 50px; overflow: hidden;  }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 50px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li a { display: block; padding: 0px 20px; background: transparent url(images/nav_divider.png) no-repeat left center;  }
ul.sf-menu li a:hover, ul.sf-menu li.sfHover a.nav_top { background: #0c8899;/*ie fix */ background: rgba(255,255,255,.1) none; }
ul.sf-menu li.sfHover a ul a { background: rgba(255,255,255,1);}
ul.sf-menu ul a { color: #0d8293; background: #fff; /*ie fix */ background: rgba(255,255,255,.8); width: 170px; line-height: 1.3em; padding: 8px 20px; }
ul.sf-menu ul a:hover { background: #d3e9ee;/*ie fix */  background: rgba(255,255,255,1); }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 210px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 210px; /* match ul width */ top: 0; }

.sf-menu li.nav_home a { color: #a0c7cc;  float: left; padding: 0px 20px; background: none;  }
.sf-menu li.nav_home a:hover { background: #0c8899;/*ie fix */  background: rgba(255,255,255,.1); }


/* HOME */
#slideshow { width: 780px; height: 300px; overflow: hidden; padding: 10px; margin: 0px 10px 10px 10px; background: #fff; position: relative; }
#home_left { float: left; width: 480px; margin-left: 10px; position: relative; }
#home_right { float: right; width: 300px; margin: 10px; margin-bottom: 20px; position: relative; }
#home_right .image { width: 300px; height: 190px; }
.home_flex { }
.home_flex img { margin-bottom: 10px; max-width: 280px; border: 10px solid #fff; }



/* STATIC  */
#static_left { float: left; width: 480px; margin-left: 10px; }
#static_right { float: right; width: 280px; margin: 10px; padding-top: 25px; }


/* CALENDAR */
.calendar { padding: 0px 10px; }
.cal_iframe { width: 100%; background: #fff; }


/* ENTRIES */
.entry { position: relative; color: #d3e9ee; }
.entry.news, .entry.static { margin: 10px 0px; }
.entry.news { padding-bottom: 5px; }
.entry img { max-width: 460px; margin-bottom: 10px; }
.entry img.featured { border: 10px solid #fff; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #fff; }
.entry h2, .entry h3 { padding: 0px; font-weight: normal; }
.entry h4 { margin-bottom: 10px; margin-top: 20px; padding: 0px;  }
.entry h5 { margin-top: 20px; margin-bottom: 5px; padding: 0px; }
.entry h6 { margin-top: 20px; margin-bottom: 5px; padding: 0px; }
.entry ul { list-style: disc; margin: 10px 20px 25px 20px; }
.entry ol { list-style: decimal; margin: 10px 20px 25px 20px; }
.entry li { font-size: 1.2em; margin: 5px 0px; line-height: 1.8em; }
.entry blockquote { margin: 10px 20px; font-style: italic; }

.entry .pagetitle { font-weight: normal; text-transform: uppercase; font-size: 2.0em; letter-spacing: .1em; margin-bottom: 10px; }
.entry .title { border-bottom: 1px solid #71a8b0; font-family: Georgia, Times, serif; font-weight: normal; font-size: 1.8em; margin-bottom: 6px; padding-bottom: 8px; }
.entry .title b, .entry .title strong { font-weight: normal; }
.entry .title a { text-decoration: none; }

.entry .date { }
.entry .date a { text-transform: uppercase; font-size: 11px; letter-spacing: .1em; text-decoration: none; color: #fff; background: #ef4562; float: left; padding: 2px 5px 3px 5px; margin-right: 10px; margin-top:1px; background: #ef4159 url(images/btn_pink.png) repeat-x; }
.entry .date a:hover { background-position: 0px -20px; }

.paginate { color: #d3e9ee; font-size: 1em; }
.news .paginate { margin-top: 20px;}

.entry.news img { margin: 15px 0px 10px 0px; }
.entry img.featured { margin-bottom: 20px; }
.entry.news .thumb { border: 10px solid #fff; float: left; margin: 10px 10px 0px 0px; }
.entry .no_image img { display: none; }


/* SIDEBAR */
.sidebar h4, .sidebar h5, .sidebar h6 {margin-top: 10px; }
.home_flex h4, .home_flex h5, .home_flex h6 {margin-top: 10px; }
.sidebar img.featured { border: none; margin-bottom: 10px; }


/* footer */
#footer { background: #083339 url(images/bkg_footer.png) repeat-x; text-align: center; padding: 20px 0px; }
#footer p { font-size: 1.1em; margin: 0px; padding: 0px; }
#footer a { color: #fff; }

.form p.require { padding: 0px;}
.form fieldset { padding: 10px 0px; }
.formRow { padding: 7px 0px; }
.form label { font-size: 1.3em; line-height: 20px; }
.form input.input_field { width: 260px; padding: 5px; border: none; background: #ddd; font-size: 1.3em; }
.form input.small { width: 80px; }
.form input.input_field:focus { background: #fff; }
.form input.checkbox { width: auto; }
.form label.require:after { content: "*"; }
.form select { font-size: 1.3em; }
.form textarea { width: 450px; height: 130px; padding: 5px; margin: 5px 0px; font-size: 1.eem; line-height: 1.5em;  font-family: Helvetica, Arial, sans-serif;  }
.inputLabel { float: left; display: block; width: 120px; padding-right: 20px; }
p.selectLabel { margin-bottom: 0px; padding-bottom: 0px; font-size: 1.4em; line-height: 1.5em; font-weight: bold; }
.form .error { color: #ff0000; display: block; font-size: 1.1em; margin-left: 140px; }
.form .textarea .error { margin-left: 0px; }
.form .textarea textarea.error { font-size: 1.2em; }

body#export { background: #fff; margin: 30px 0px; color: #000; }
body#export { margin: 20px; }
body#export h3 { margin-bottom: 10px;}
body#export h3 a { font-size: .6em; color: blue; }
body#export table { border: 1px solid #333; table-layout: fixed; }
body#export table tr { border-bottom: 1px solid #ccc; vertical-align: top; }
body#export table tr.labels { font-weight: bold; }
body#export table td { padding: 5px; vertical-align: top; }
body#export table td.grey { background: #f6f6f6;}
body#export table td.grey2 { background: #eeeeee; }

.paidfor { margin-top: 50px; font-size: 1.1em; }


/* EXTRA CSS3 STUFF */
.shadow { 
-o-box-shadow: 0px 0px 4px #666;
-icab-box-shadow: 0px 0px 4px #666;
-khtml-box-shadow: 0px 0px 4px #666;
-moz-box-shadow: 0px 0px 4px #666;
-webkit-box-shadow: 0px 0px 4px #666;
}
.corner {
border-radius: 4px;
-icab-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}


@font-face {
	font-family: 'FuturaMedium';
	src: url('FunctionPro-Medium-webfont.eot');
	src: local('☺'), url('FunctionPro-Medium-webfont.woff') format('woff'), url('FunctionPro-Medium-webfont.ttf') format('truetype'), url('FunctionPro-Medium-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.futura { font-family: 'FuturaMedium', Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, sans-serif;; }