/*

THEME NAME: Smith's Tropical Paradise
THEME URI: http://deliciousdesign.com/
DESCRIPTION: Based on Sandbox 1.6.1
VERSION: 1.0
AUTHOR: Delicious Design
AUTHOR URI:
*/

/* ----------------------------------------------------------- RESET --- */
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}  table {border-collapse: separate; border-spacing: 0;}  caption, th, td { text-align: left; font-weight: normal; }  table, td, th { vertical-align: middle; }  blockquote:before, blockquote:after, q:before, q:after { content: ""; }  blockquote, q { quotes: "" ""; }  a img { border: none; } 

/* ---------------------------------------------------------- COLORS --- */
/* 
	Text Green: #3c6034
	Text Beige: #767256
	Tan Strokes: #eaeae0
	Page Background: #f4f4eb
	Page Accent Background: #e5e5d9
	Home: a7a493
	Luau: 00224a
	Grotto: 939f74
	Garden: 0d2a16
	Weddings: 3d2334
 */

/* ------------------------------------------------------------ BODY --- */
body {
	color: #767256;
	background-image: url(images/kauai_bkgd.png);
	background-color: #a7a493;  /* home */
	font-family: "omnes-pro",sans-serif;
	font-weight: 400; /* 200 400 600 900 */
	font-size: 16px;
	line-height:1.0em;
	text-align: left;
	}
body.pageid-6 { /* luau */
	background-color: #00224a;
	}
body.pageid-8 { /* grotto */
	background-color: #939f74;
	}
body.pageid-10 { /* garden */
	background-color: #0d2a16;
	}
body.pageid-12 { /* weddings */
	background-color: #3d2334;
	}
.d_hidden,
m_clr {
	display:none;
	}

/* ------------------------------------------------------ TYPOGRAPHY --- */
div#blog-description {
	margin:0 0 0 2px;
	font-size:0.9em;
	}
.headlines, h1, h2, h3, h4, h6 {
	font-family: "millisime",serif;
	font-weight: 400;
	}
h1, h2 {
	font-size:2.65em;
	line-height:1.0em;
	margin-bottom:10px;
	}
.body_copy h2 {
	text-align: center;
	padding: 14px 0 14px 0;
	background: -webkit-linear-gradient(#e5e5d9, #f4f4eb);
	background: -o-linear-gradient(#e5e5d9, #f4f4eb);
	background: -moz-linear-gradient(#e5e5d9, #f4f4eb);
	background: linear-gradient(#e5e5d9, #f4f4eb);
	letter-spacing: -1px;
	}
.subhead {
	text-transform:uppercase;
	font-size: 14px;
	font-family: "omnes-pro",sans-serif;
	font-weight: 400; /* 200 400 600 900 */
	line-height:1.8em;
	letter-spacing: .25px;
	}
h1#blog_title {
	position:fixed;
	top:-100px;
	left:0px;
	font-size:1.3em;
	line-height:1.0em;
	margin-bottom:10px;
	}
h2.short_name {
	font-family: "omnes-pro",sans-serif;
	font-weight: 600;
	color:#3c6034;
	text-align: center;
	font-size:1.25em;
	line-height:1.0em;
	margin-bottom:6px;
	margin-top:-8px;
	}
.short_desc {
	color:#3c6034;
	text-align: center;
	margin-bottom:8px;
	min-height:124px;
	line-height:1.1em;
	}
h3 {
	font-size:1.4em;
	line-height:1.0em;
	margin-bottom:6px;
	}
.sidebar h3 {
	font-size:1.2em;
	line-height: 1.0em;
	margin-bottom:5px;
	font-family: "omnes-pro",sans-serif;
	font-weight: 600;
	}
.pageid-6 .sidebar h3 { /* luau */
	color:#924a03;	
	}
.pageid-8 .sidebar h3 { /* grotto */
	color:#677526;	
	}
.pageid-12 .sidebar h3 { /* weddings */
	color:#385176;	
	}
.hm_base_block h3 {
	font-size:1.8em;
	line-height:1.0em;
	margin-bottom:6px;
	}
h4 {
	font-size:0.95em;
	line-height:1.0em;
	text-transform: uppercase;
	margin-bottom:10px;
	}
h5 {
	font-size:2.0em;
	line-height:1.0em;
	margin-bottom:6px;
	font-weight: 400;
	}
h5.faq_hdr {
	font-size:2.0em;
	line-height:1.0em;
	margin-bottom:20px;
	font-weight: 400;
	}
h6.faq_q {
	font-family: "omnes-pro",sans-serif;
	font-weight: 600; /* 200 400 600 900 */
	font-size:1.3em;
	line-height:1.0em;
	margin-bottom:6px;
	margin-top:12px;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	display:block;
	margin-bottom:14px;
	}
ul li, ol li {
	font-size: 1.0em;
	line-height: 1.4;
	margin-bottom:4px;
	}
ul {
	display:block;
	margin-left:30px;
	margin-bottom:10px;
	}
ol {
	display:block;
	margin-left:33px;
	margin-bottom:10px;
	}
blockquote {
	font-size:1.28em;
	line-height:1.4em;
	display:block;
	float:right;
	width:200px;
	background-color:#999;
	color:#fff;
	opacity:0.5;
	padding:12px 8px 2px 13px;
	margin:0 0 10px 14px;
	}	
em, i {font-style: italic;}
strong, b {
	font-weight:600;
	}
strike {
	color:#993301;
	}
.strikeout {
	position: relative;
	color:#993301;
}
.strikeout::after {
	border-bottom: 2px solid rgba(255, 0, 0, 0.3);
	content: "";
	left: 0;
	line-height: 1em;
	margin-top: calc(0.125em / 2 * -1);
	position: absolute;
	right: 0;
	top: 60%;
	}
a:link, a:visited {
	color:#5a317a; 
	text-decoration:none;
	}
a:hover, a:active {
	color:#e46d3c;
	}
a.bttn,
input[type=submit],
input[type=button],
a.bttn_next_step {
	display:block;
	text-align:center;
	width:90%;
	margin:0 auto;
	margin-bottom: 4px;
	color:#fff;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.0em;
	text-shadow: 1px 1px 2px #000;
	padding: 8px 0 10px 0;
	background: url(images/bttn.png) no-repeat center center;
	background-size: 100% 100%;
	background-color:grey;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 2px #999; 
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
	}
.inner_button {
	width:30% !important;
	float:left !important;
	margin: 0px 9px 13px 9px !important;
	}
input[type=submit],
input[type=button],
a.bttn_next_step {
	width:auto;
	padding: 8px 20px 9px 20px;
	}
a.bttn:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.bttn_next_step:hover {
	background: url(images/bttn_hov.png) no-repeat center center;
	background-size: 100% 100%;
	-moz-box-shadow: 0px 0px 1px #999; 
	-webkit-box-shadow: 0px 0px 1px #999;
	box-shadow: 0px 0px 1px #999;
	}
a.orange, 
a.orange:hover,
input[type=submit], 
input[type=submit]:hover,
input[type=button], 
input[type=button]:hover,
a.bttn_next_step, 
a.bttn_next_step:hover {
	background-color: #e46d3c;
	border-color: #61311a;
	}
a.blue, a.blue:hover {
	background-color: #5891d0;
	border-color: #343e3d;
	}
a.green, a.green:hover {
	background-color: #a4ba3d;
	border-color: #4a4f1b;
	}
a.kakhi, a.kakhi:hover {
	background-color: #bdb78b;
	border-color: #605937;
	}
a.grey, a.grey:hover {
	background-color: #e5e5d9;
	border-color: #676757;
	}
img.logo_link {
	margin: 3px 0 -6px 0; 
	}
img.logo_link:hover {
	margin: 6px 0 -9px 0; 
	}
.pageid-12 table {
	margin-bottom:14px;
	width:100%;
	}
.pageid-12 table td {
	font-size: 1.0em;
	line-height: 1.0em;
	margin-bottom:14px;
	padding:6px 6px 6px 4px;
	}
.pageid-12 table tr:nth-of-type(even) {
    background: #edede4;
	}
.pageid-12 table td:first-of-type {
    width:52%;
	}


/* ------------------------------------------------------- STRUCTURE --- */
.autofloat {
	height:2px;
	width:100%;
	min-width:960px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	text-align:center;
	}
.logomark {
	margin:0 auto;
	margin-top:16px;
	padding: 0 10px 0 10px;
	width:216px;
	height:78px;
	background-color: #f4f4eb;
	}
.ease {
	-webkit-transition: margin 0.2s ease;
    -moz-transition: margin 0.2s ease;
    -o-transition: margin 0.2s ease;
    transition: margin 0.2s ease;
	}
.logomark:hover {
	margin:0 auto;
	margin-top:18px;
	}
div#wrapper {
	width: 960px;
	margin: 0 auto;
	position:relative;
	background: url(images/smiths_bkgd.gif) repeat-y top left;
	background-color: #f4f4eb;
	-moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000; 
	}
div#container {
	width:858px;
	height:100%;
	margin: 0 auto;
	margin-top:6px;
	border-left:2px solid #eaeae0;
	border-right:2px solid #eaeae0;
	padding-bottom:1px;
	}
div#content {
	}
div#header {
	width:858px;
	height:120px;
	margin:0 auto;
	border-left:2px solid #eaeae0;
	border-right:2px solid #eaeae0;
	}
.body_copy {
	float:left;
	width:625px;
	margin:0 0 0 0;
	padding:20px 0 20px 9px;
	}
.activity_toppadding {
	padding-top:404px !important;
	}

div#sidebar_container {
	float:right;
	margin: 20px 9px 36px 0;
	width:195px;
	}
.sidebar {
	padding:10px 11px 0px 11px;
	margin: 0 0 0 0;
	}
.sidebar p {
	line-height: 1.0em;
	margin-bottom:4px;
	}
div#sidebar_container .cell_dash {
	border-top:2px dotted #e2e2d4;
	margin:9px 0;
	}
div#sidebar_container a.bttn  {
	margin-top:10px;
	padding: 4px 0 6px 0;
	width:100%;
	}
.activity_topmargin {
	margin-top:-388px !important;
	}


.cell_cap {
	border-top:2px solid #eaeae0;
	}
.cell_dash {
	border-top:2px dotted #e2e2d4;
	margin:9px;
	}
.cell_left {
	float:left;
	border-right:2px solid #eaeae0;
	}
.cell_right {
	float:left;
	}
.cell_50 {
	width:428px;
	min-height:378px;
	}
.cell_25 {
	width:213px;
	min-height:20px;
	}
.cell_25_10 {
	width:213px;
	min-height:10px;
	}

.cell_content {
	padding:9px;
	margin:9px;
	background-color: #e5e5d9;
	}
hr {
	border: 0;
	width:100%;
	height:6px;
	display:block;
    border-top: 2px dotted #e2e2d4;
    border-bottom: 2px dotted #e2e2d4;
    padding:0px;
    margin:0px 0px 10px 0px;
    }
.grad_base {
	background: -webkit-linear-gradient(#f4f4eb, #e5e5d9);
	background: -o-linear-gradient(#f4f4eb, #e5e5d9);
	background: -moz-linear-gradient(#f4f4eb, #e5e5d9);
	background: linear-gradient(#f4f4eb, #e5e5d9);
	}
.grad_top {
	background: -webkit-linear-gradient(#e5e5d9, #f4f4eb);
	background: -o-linear-gradient(#e5e5d9, #f4f4eb);
	background: -moz-linear-gradient(#e5e5d9, #f4f4eb);
	background: linear-gradient(#e5e5d9, #f4f4eb);
	}

.clr, .cld {font-size: .1em; line-height: .1em; clear:both;}

.luau_time {
	clear:left;
	background-color:#00224a;
	font-weight: 200;
	padding: 4px 6px 6px 8px;
	margin: 7px 0px 8px 0;
	font-size: 1.3em;
	line-height: 1.0em;
	color:#f4f4eb;
	}
.wedding_section {
	clear:left;
	background-color:#4e2b43;
	font-weight: 200;
	padding: 4px 6px 6px 8px;
	margin: 7px 0px 8px 0;
	font-size: 1.3em;
	line-height: 1.0em;
	color:#f4f4eb;
	}

/* ---------------------------------------------------------- BILLBOARDS --- */
#billboard {
	width:890px;
	height:358px;
	margin:0 auto;
	}
#map_billboard {
	width:890px;
	height:358px;
	margin:0 auto;
	}
#sub_billboard {
	width:655px;
	height:368px;
	margin:0 0 0 35px;
	}
#wide_billboard {
	width:890px;
	height:271px;
	margin:0 0 0 35px;
	}
.billboard_frame img,
.billboard_frame iframe {
	border:5px solid #fff !important;
	-moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000; 
	}
.slideshow_container {
	-moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000; 
	}
.cycle-slideshow:hover {
	cursor:pointer;
	}

/* ---------------------------------------------------------- FOOTER --- */
div#footer {
	margin: 0px 0px 30px -16px;
	text-align: left;
	clear: both;
	width:886px;
	border:2px solid #eaeae0;
	background-color: #f4f4eb;
	}
div#footer .ftr_phone {
	text-align:right;
	float:right;
	}
div#footer .ftr_credits {
	text-align:left;
	float:left;
	}
div#footer .ftr_links {
	margin: 0 0 8px 0;
	}
div#footer .ftr_links a:link,
div#footer .ftr_links a:visited {
	color:#5f5b3a;
	font-weight: 600;
	}
div#footer .ftr_links a:hover,
div#footer .ftr_links a:active {
	color:#2c619b;
	text-decoration: underline;
	}
div#footer .res_text {
	font-size: 0.8em;
	line-height:1.0em;
	font-weight: 600;
	padding: 0 2px 0 0;
	}
div#footer .res_phone {
	font-size: 2.6em;
	line-height:1.0em;
	font-weight: 200;
	}
div#footer .copyright {
	font-size: 0.6em;
	line-height:1.2em;
	font-weight: 200;
	}
div#footer .copyright a {
	color: #767256;
	}


/* ------------------------------------------------------ NAVIGATION --- */
div#access {
	position:absolute;
	width:858px;
	border:2px solid #eaeae0;
	top:0px;
	left:0px;
	margin:33px 0 0 49px;
	padding:0;
	}
div#menu {
	margin:0;
	padding:0;
	}
div#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu ul li {
	margin:0px;
	}
div#menu ul li#menu-item-15, /* luau */
div#menu ul li#menu-item-16  /* grotto */ {
	float:left;
	border-right:2px solid #eaeae0;
	}
div#menu ul li#menu-item-17, /* garden */
div#menu ul li#menu-item-18  /* weddings */ {
	float:right;
	border-left:2px solid #eaeae0;
	}
div#menu ul li.menu-item a {
	display:block;
	width:146px;
	height:29px;
	margin:0px;
	padding: 10px 0px 0px 0px;
	font-weight: 600; /* 200 400 600 900 */
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	font-size:1.1em;
	line-height:1.0em;
	color:#928e79;
	}
div#menu ul li#menu-item-15 a:hover {
	background-color: #916a59;
	color:#fff;
	}
div#menu ul li#menu-item-16 a:hover {
	background-color: #68788c;
	color:#fff;
	}
div#menu ul li#menu-item-17 a:hover {
	background-color: #7b8357;
	color:#fff;
	}
div#menu ul li#menu-item-18 a:hover {
	background-color: #828172;
	color:#fff;
	}
div#menu ul li a {
	-webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
	-webkit-transition: color 0.8s ease;
    -moz-transition: color 0.8s ease;
    -o-transition: color 0.8s ease;
    transition: color 0.8s ease;
	}
div#menu ul li.current_page_item a {
	background-color: #bdb78b;
	color:#fff;
	}

ul li#menu-item-242 {
	display:none;
	}


/* ---------------------------------------------- IMAGES / ALIGNENTS --- */
.hm_base_block img,
img.wp-image-209 {
	float:left;
	margin: 4px 17px -6px -8px;
	border:3px solid #fff;
	-moz-box-shadow: 0px 0px 3px #000; 
	-webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000; 
   -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
	}

	img.alignright {
		float:right;
		margin:3px 0 5px 14px;
		}
	img.alignleft {
		float:left;
		margin:3px 14px 5px 0;
		}
	img.aligncenter {
		display:block;
		margin:0 auto;
		text-align:center;
		}
	.alignright {
		float:right;
		margin:3px 0 0 14px;
		text-align:right;
		}
	.alignleft {
		float:left;
		margin:3px 14px 0 0;
		text-align:left;
		}
	.aligncenter, .alignnone {
		display:block;
		margin:0 auto;
		text-align:center;
		margin-top:12px;
		margin-bottom:3px;
		}
	.wp-caption p {
		font-size: 0.9em;
		line-height:1.3em;
		margin: 4px 0 0 0;
		color:#fff;
		text-transform:uppercase;
		}
	div.wp-caption {
		}

.slideshow_description_box {
	padding:0px !important;
	}
.slideshow_transparent {
	opacity: 1.0 !important;
	background-color: rgba(1,58,119,0.6) !important;
	}



/* ----------------------------------------------------------- FORMS --- */
fieldset {
	padding:0px; 
	margin:0px 0px 18px 0px;
	}
legend {
	display:block;
	color: #0063a3; /* rich_blue */
	font-family: 'Medula One', cursive;
	font-size:1.8em;
	line-height:1.0em;
	margin:0 0 10px 0;
	}
.commerce-cell {
	float:left;
	width:292px;
	margin: 0px 26px 14px 0px;
	}
.cart-cell-narrow {
	float:left;
	width:296px;
	margin: 0px 16px 14px 0px;
	}
.cart-cell-narrow p {
	line-height:1.2em;
	margin-bottom:6px;
	}
.wide-field-cell_gap {
	margin-bottom:10px;
	}
.expmonth {
	clear:left;
	}
.double-cell,
.howheard, 
.repeatoffender {
	width:610px;
	}
.label-cell {
	float:left;
	width:100%;
	margin: 0 0 4px 0;
	}

	div#phonetextgroup {
		width:250px;
		float:left;
		}
	div#phonetextgroup label[for=phonetextgroup] {
		margin-left:14px;
		width:250px;
		}
	div#phonetextgroup .commerce-cell {
		width:60px;
		}
	label[for=phonetextYes], label[for=phonetextNo] {
		margin-left:3px;
		}
	.comments {
		width:600px;
		}
	.billingzipCode {
		clear:left;
		}
	label {
		}
input[type=checkbox], 
input.checkbox, 
input.radio {
	}
input[type=radio] {
	height:20px;
	}
input[type=text], 
input[type=email],
input#date_g1 {
	width:100%;
	padding:5px;	
	font-size: 1.0em;
	line-height:1.0em;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#44423a;
	background-color:#fff;
	border:1px solid #bbb;
	font-family: 'Source Sans Pro', sans-serif; 
	}
input#date_g1 {
	width:100px;
	}
input[type=radio] {
	height:14px;
	width:14px;
	margin: 10px 4px 0px 0px;
	}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width:104%;
	padding:4px;	
	font-size: 1.0em;
	line-height:1.0em !important;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#44423a;
	border:1px solid #bbb;
	background: url(images/select-pattern.png) #f0f0f0 no-repeat center right;
	}
select#howheard, 
select#repeatoffender {
	max-width:200px;
	}
select.checkchange {
	min-width:50px;
	padding:2px 5px 2px 10px;	
	}
select#tourtime {
	min-width:80px;
	padding:2px 5px 2px 10px;	
	}
textarea {
	width:100%;
	height:250px;
	padding:5px;	
	font-size: 1.0em;
	line-height:1.3em;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#44423a;
	background-color:#fff;
	border:1px solid #bbb;
	font-family: 'Source Sans Pro', sans-serif; 
	}
textarea#questions {
height: 100px;
}


.submit_bttn_cell {
	float:none;
	clear:left;
	margin:30px 0 20px 0;
	}

	.caveat {
		background-color:fff5d1;
		border:1px solid #f9cd31;
		padding:10px;
		margin-bottom:12px;
		clear:both;
		color:#000;
		line-height: 1.2em;
		}
	div#content .caveat a {
		border-bottom:transparent;
		}


input:focus, 
textarea:focus, 
select:focus {
	-moz-box-shadow: 3px 3px 6px #85857f; 
	-webkit-box-shadow: 3px 3px 6px #85857f; 
	box-shadow: 3px 3px 6px #85857f;  
	}
input[type=submit]:hover,
input[type=button]:hover,
a.bttn_next_step:hover {
	cursor:pointer;
	}

/* ------------------------------------------------------- FORM ERRORS --- */
span.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
	}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
	}
.error a {
	color:#8a1f11;
	}
.notice a {
	color:#514721;
	}
.success a {
	color:#264409;
	}
input.error, 
select.error { 
	border: 1px solid #bd6800; 
	background-color: #ffe19f;
	}
label.error {
	color: #bd6800;
	}
div#confirmationErrorMsg {
	margin: 20px 0 20px 20px;
	color: #bd6800;
	}

div#ui-datepicker-div {
	max-width:396px !important;
	}



/* ------------------------------------------------------- CALENDAR --- */

div#cal_root {
	max-width:416px;
	position:relative;
	top:60px;
	left:255px;
	}
 



.fixme {
	font-weight: bold;
	color:red;
	}




