/*  CSS Document */

* { padding: 0; margin: 0; }

body { font-size: 62.8%; font-family: Helvetica, Arial, sans-serif; background: url(/images/bg.png);	}
#wrapper { width: 980px; margin: 60px auto;	padding-top:23px;	background: url(/images/page_top.png) no-repeat;	}
#page {	background: url(/images/page_bg.png) repeat-y;	position: relative; padding: 0 20px;	}

h1#logo { background: url(/images/hinkle_logo.png) no-repeat; height: 161px; width: 185px; z-index: 99; position: absolute; top: -70px; left: 395px; text-indent: -99999em;}

/*------------------------------------------------------------------
NAV */

#top_nav_1, #top_nav_2 { position: absolute; top: -44px; font-weight: bold; text-transform: uppercase; font-size: 1.2em;}
#top_nav_1 { left: 50px;}
#top_nav_2 { left: 600px;}
#top_nav_1 li, #top_nav_2 li { list-style: none; display: inline; margin-left: 20px; color: #482273; }
#top_nav_1 li a, #top_nav_2 li a { text-decoration: none; color: #482273; }
#top_nav_1 li a:hover, #top_nav_2 li a:hover { text-decoration: underline; }

#main_nav {	width: 939px;	height: 50px; display: block; background: url(/images/nav_bar.png) no-repeat; margin-bottom: 10px; padding: 0 10px;	}
#main_nav li { list-style: none; float: left; width: 125px; border-left: 1px solid #6e439c; font-size: 1.2em; height: 50px; position: relative; }
#main_nav li.selected { background: #8e60bf;}
#main_nav li.pre_mid { padding-right: 20px;}
#main_nav li.mid { padding-left: 145px;}
#main_nav li a { display: block; padding: 12px 13px; font-weight: bold; border-right: 1px solid #b895dc; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; height: 26px; }
#main_nav li a:hover {font-weight: bold; text-decoration: none; background: #8e60bf;}
#main_nav li a.single { padding: 20px 0 4px 0}
#main_nav li.first, #main_nav li.pre_mid a, #main_nav li.mid, #main_nav li a.last { border: none;}

#main_nav li ul { position: relative; z-index: 100; background: #8e60bf; width: 200px; left: -999999em;}
#main_nav li ul li  {float: none; font-size: 1em; height: auto; width: 200px;}
#main_nav li ul li a { padding: 5px; border: 1px solid #a984d2; height: auto;}
#main_nav li ul li a:hover {background: #a984d2; }

/*------------------------------------------------------------------
FEATURE */

#feature { position: relative; height: 339px;}
#feature #feature_bottom { position: absolute; height: 139px; width: 939px; bottom: 0; z-index: 98; background: url(/images/feature_bottom.png) no-repeat; }
#features {	height: 255px; }
.feature_item {height: 255px; width: 100%; color: #fff;}
.feature_item .left, .feature_item .right { padding: 10px 30px; width: 300px; }
.feature_item .right { float: right; text-align: right;}

.feature_item h2 { font-size: 2.5em; }
.feature_item p { margin: 1em 0; font-size: 1.5em; font-weight: normal; line-height: 1.3em; }
.feature_item a { color: #fff; text-decoration: none;}

#gift_card {position: absolute; z-index: 100; top: 340px; left: 110px; text-align: center; padding: 10px; width: 300px; font-size: 1.3em;}


/*------------------------------------------------------------------
MAIN SECTION */

/* column container */
	#content { position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;	float:left;	width:939px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:url(/images/sidebar_bottom.png) bottom right no-repeat #8cd600;		/* right column background colour */
	}
	
	.sidecol {right:384px;			/* right column width */
		background:#fff;		/* left column background colour */
		float:left; width:100%; position:relative; }
		
	.main { float:left; position:relative;  overflow:hidden;
		width:541px;			/* left column content width (left column width minus left and right padding) */
		left:384px;			/* (right column width) plus (left column left padding) */
		padding-top: 7px; }
	
	.sidebar { float:left; position:relative; padding:0 0 1em 0; overflow:hidden;
		width:365px;			/* right column content width (right column width minus left and right padding) */
		left:410px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

.left {float: left; margin-left:10px; margin-right: 10px;}
.right { float: right; margin-left: 10px;}
.clearer { clear: both; }

a img {border: none;}

.main h1 {background: url(/images/main_header_bg.png) no-repeat; padding: 20px; font-size: 2.5em; line-height: 1em; color: #2c035a; }
.main h2 {color: #fff; font-size: 2em; margin: 20px 0 5px 10px; padding: 7px 5px 5px 5px; background: #8cd600;}
.main h3 {color: #177f00; font-size: 1.75em; margin: 20px 0 5px 10px; padding: 5px; }
.highlight h2 { background: none; margin-top: 10px;}

.main p, .main li, .main .simple th, .main .simple td, .main dd, .main dt { padding: 10px 1em; font-size: 1.4em; color: #4b2678; line-height: 1.4em;}

.main table.simple { margin-left: 10px; width: 100%; }
.main .simple th, .main .simple td { padding: 3px; }
.main .simple th { background: #a176d2; color: #fff;}

.main .odd { background: #d0bbe9;}

.main li { padding: 0 0 5px 0; margin-left: 2.5em;}
.main dt, .main dd { padding: 5px; float: left; }
.main dt { clear: left; margin-left: 10px;}
.main .prices dt { width: 65%;}
.main .prices dd { text-align: right; width: 25%;}

.main .highlight { background: #e5d1fc; padding: 10px; clear: both;}
.main .highlight { -moz-border-radius: 1em; -webkit-border-radius: 1em;}
.main .highlight h2 {color: #2c035a; font-size: 2.5em; }

.main p.caption {text-align: center; font-style: italic; font-size: 1em;}
.main .photo { padding: 10px; margin-bottom: 10px; margin-top: 10px; background:#d0bbe9; }

.main .section { height: 140px; width: 49%; margin: 5px 1% 0 0; padding: 0; float: left; background: #8670b3;}
.main .section h2 { margin: 0 0 5px 0; font-size: 1.75em;}
.main .section p {  color: #fff;}

.message { background: #ffc; border: 1px solid #fcc; padding: 10px; margin-bottom: 10px;}

.sidebar .section_top {background: url(/images/sidebar_section_top.png) no-repeat; height: 19px;}
.sidebar .section {background: url(/images/sidebar_section_bg.png) repeat-y; padding: 0 9px 9px 9px;}
.sidebar .section_bottom {background: url(/images/sidebar_section_bottom.png) no-repeat; height: 23px;}
.sidebar h3 { background: #a176d2; color: white; font-size: 2em; margin-bottom: 5px; padding:0 5px 5px 5px;}

.sidebar p, .sidebar li { padding: 5px 0.5em; font-size: 1.4em; color: #fff;}
.sidebar h4 { font-size: 1.6em; color: #fff; padding:0.5em 0.5em 0 0.5em; }
.sidebar li.left { margin-left: 2em; padding: 5px 0;}
.sidebar img { padding: 5px;}
.sidebar .section a { color: #fff;}
.sidebar .enviroment {font-style: italic; color: #6e439c; }

.button { background:url(/images/bkg_button_purple.png); color: #ff9; cursor: pointer; padding: 3px 0.75em; border:1px solid #230e4e; font-weight: normal; text-decoration: none; }
.button {-moz-border-radius: 1em; -webkit-border-radius: 1em;}
.green { background-image:url(/images/bkg_button_green.png); color: #fff; border-color: #2c6600; }
#gift_card a.button { background: #a176d2; border: none; padding: 5px 10px;}
#gift_card a.button:hover {background: #230e4e}

.button:hover {background: #230e4e;}
a.green:hover {background: #2c6600;}
.cal_widget {padding-left: 8px}

/* packages */
.packages { list-style: none;}
.packages li { float: left; margin: 5px 0 5px 10px; width: 240px; background: #d0bbe9; padding: 5px; height: 160px; font-size: 1.1em;}
/*.title { display: block; font-weight: bold; background: #a176d2; color: #2c035a; padding: 5px; margin-bottom: 5px;}*/
.title, p.title { display: block; font-weight: bold; color: #2c035a; padding: 5px 0; margin-bottom: 5px; text-align: center; text-transform: uppercase;}
.packages .cost {display: block; margin-top: 10px; font-weight: bold;}

/* attractions */

#attractions { list-style: none;}
#attractions li, .packages li {float: left; background: url(/images/fade_block.png) no-repeat; height: 161px; width: 218px; padding: 10px; margin: 0 0 10px 20px;}

.attr_content { padding: 5px;}
.attr_content .main { left: 0; overflow: visible; height: auto;}
.attr_right { width: 550px; padding: 10px; float: right; position: relative;}
.attr_left { width: 315px; padding: 10px; margin: 10px 0; position: relative; float: left; background:#d0bbe9; }
.attr_right p { margin-left: 1em;}
#result.attr_left p { font-size: 1.4em; line-height: 1.4em; margin: 0.5em 0;}

#result label.error { display: block;  background: none; border: none;}

/*------------------------------------------------------------------
FOOTER */

#footer { clear: both; padding: 35px 0; text-align: center; background: url(/images/page_bottom.png) no-repeat; }

#footer p { color: #482273; font-size: 1.2em; margin: 1em 0; }
#footer a { text-decoration: none; color: #482273; }
#footer a:hover { text-decoration: underline; }

/*------------------------------------------------------------------
FORMS */

form div { padding: 5px 0;	clear: left; }
label {	float: left; width: 100px; font-size: 1.3em; text-align: right; margin-right: 10px; clear: left; }
#newsletter_sign_up label, #forgot_password label {float: none; width: auto; color: #fff; margin-left: 5px; }

select, option { padding: 1px 0 1px 5px;}
.error { border: 1px solid #900; background: #fcc; color: #900; padding: 2px;}
label.error {float: none; width: auto; margin-left: 5px;}

/*------------------------------------------------------------------
disclosure */

.disclosure, .disclosure-closed { margin: 0; }
.disclosure-img {	float: left; margin: 7px 10px 0 15px; }
.disclosure h1, .disclosure-closed h1, .disclosure h2, .disclosure-closed h2, .disclosure h3, .disclosure-closed h3, .disclosure h4, .disclosure-closed h4 { cursor:pointer; }

/*------------------------------------------------------------------
 Tabs */
 
.ui-tabs { padding: 0.2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; border-bottom: 1px solid #4b2678; height: 3.5em; }
.ui-tabs-nav { padding: .2em .5em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border: 1px solid #4b2678; border-bottom-width: 0 !important; margin: 0 0.2em -1px 0; padding: 0; background: #4b2678; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color: #fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: #fff; color: #4b2678; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #4b2678; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding-top: 10px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*------------------------------------------------------------------
 ADMIN */
 
 /*#calender { font-size: 1.3em; }
 #calender th { background: #444; color: #fff; border: 1px solid #444; padding: 3px; width: 77px;}
 #calender td { background: #efefef; border: 1px solid #ccc; color: #444; padding: 3px; height: 75px;}
 #calender td.out { background: #ccc; }
 #calender td span.day { font-size: 0.8em; color:#000; text-align: right; display: block;}*/
 
 .main table.times { font-size: 1.1em;}
 .main table.times th {background: #444; color: #fff; border: 1px solid #444; padding: 2px;}
 .main table.times td {padding: 2px;}
 .main table.times tr.odd { background: #efefef; }