/* ---------- (1) Layout --------------------------------------------------------- */

body {
	background-color: #C8E6D5;
}

/*sets the dimensions...*/
#page {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

#header_bg {
	width: 100%;
}

#header {
	height: 100px;
  background-color: #8DBFAB;
}

#header #logo {
	position: relative;
	float: left;
}

/* Main Navigation */
#main_navigation_outer {
	background-color: #C8E6D5;/*l.green*/
	padding: 1px 0px;
	position: relative;
	z-index: 999;
}

#main_navigation {
  background-color: #BBBDC0;/*grey*/
	position: relative;
}

#main_navigation_inner {
  font-size: 1em;
	/*this is for top & bottom padding of 1em
	  on the link within the menu (superfish.css).
	  If the font-size of the menu items needs
	  changing, do it HERE (not superfish.css)
	  and do it BEFORE setting height!*/
  height: 3em;
  white-space: nowrap;
}

#main_navigation table {
  width: 901px;
  background-color: transparent;
  margin: 0px;
}

#main_navigation td {
  padding: 0px;
  padding-right: 1px;
}

#main_navigation td a {
  background-color: #BBBDC0;
  display: block;
  padding:0px 10px;
  text-align: center;
  line-height: 34px;
}


/* Sub Navigation */
#sub_navigation {
  background-color: #8DBFAB;
  display: block;
  float: left;
  line-height: 20px;
  padding: 0px;
  width: 205px;
  height: 432px;
}
#sub_navigation img {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0;
}
#navcontainer {
	z-index: 2;
}
/*
.image {
    position: relative;
    left: 0px;
}
*/

#navlist {
margin: 0px;
padding-left: 0px;
list-style-type: none;
list-style-image: none;
width: 100%;
}
#navlist li {
margin: 0px;
padding: 0px;
width: 100%;
}
#navlist a
{
display: block;
/*padding: 5px 5px 5px 20px;*/
padding: 5px 0px;
width: 100%;
background-color: #8DBFAB;
border-bottom: 1px solid #fff;
}

#navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
font-weight: bold
}

#navlist a:hover
{
background-color: #81AF9D;
color: #fff;
font-weight: bold
}

#navlist a span {
  padding-left: 20px;
}

#home_image {
  background-image: url(../images/bg-home-braid.jpg);
  height: 432px;
  width: 100%;
  overflow: hidden;
  z-index: 998;
}

#home_image img {
  top: 0;
  left: 0;
}


/* Content */

#content {
/*	width: 900px;*/
  width: 100%;
    height: 432px;
	background-color: #ffffff;

    /*display: inline;*/

    /*margin: 0px auto;*/
    /* overflow: hidden;*/

    /*min-height: 200px;*/
    /* border-left: 1px solid #c4c2b7;
	border-right: 1px solid #c4c2b7;
	border-bottom: 1px solid #8b8982;
	border-top: 1px solid #dedac5;*/
}


/* COLUMNS (revised) */
/*any (non full width) column...*/
.column {
  position: relative;
  float: left;
  overflow: hidden;
}
/*single column...*/
.colspan_1 {
  width: 225px;
}
/*span 2 columns...*/
.colspan_2 {
  width: 450px;
}
/*span 3 columns...*/
.colspan_3 {
  width: 675px;
}
/*for when there is no LH menu or image flush to LH edge...*/
.colspan_4 {
  padding-left: 20px;
  /*implied ... padding-right: 20px;*/
}
.colspan_4 .colspan_1 {
  width: 215px;
}
.colspan_4 .colspan_2 {
  width: 430px;
}
.colspan_4 .colspan_3 {
  width: 645px;
}
/*inner pad right by 20px (usually leftmost column)...*/
.pad_0_20 {
  padding-right: 20px;
}
/*inner pad left & right by 10px (usually any column bar leftmost)...*/
.pad_10_10 {
  padding-left: 10px;
  padding-right: 10px;
}
/*inner pad left & right by 15px (usually any column bar leftmost)...*/
.pad_15_15 {
  padding-left: 15px;
  padding-right: 15px;
}
/*inner pad left by 20px...*/
.pad_20_0 {
  padding-left: 20px;
}
/*standard gap at top of content...*/
.pad_top30 {
	padding-top: 30px;
}
/*page title...*/
h1.page_title {
  padding-bottom: 30px;
  padding-left: 10px; /*full width*/
  margin: 0px;
}
h1.page_title.pad_0_0,
.pad_10_10 h1.page_title,
.pad_15_15 h1.page_title,
.pad_0_20 h1.page_title {
  padding-left: 0px; /*inside already-padded column*/
}

/*VIP service page...*/
#content.vip_service {
	background: #0e0c0d url(../images/services-vip.jpg) no-repeat 100% 0;
}
.vip_service .colspan_3 {
	padding-top: 10px;
	color: #ffffff;
}
.vip_service h1.page_title {
	padding-bottom: 10px;
	color: #ffffff;
}

/* Info Boxes */

.info_box {
	/*color: #231F20;*/
    padding-top: 0px;
    font-size: 95%;
}

.info_box_padding {
	/*color: #231F20;*/
    padding-top: 30px;
}

.info_box_price {
    background-color: #EDE5CE;
    height: 17px;
    border-bottom: 2px solid #FFF;
}

.info_box_price_double {
    background-color: #EDE5CE;
    height: 36px;
    border-bottom: 2px solid #FFF;
}

.info_box_type {
    float: left;
    padding: 2px 0px 0px 10px;

}

.info_box_link {
    padding: 2px;
margin: 0px auto;
    text-align: center;

}

.info_box_cost {
    float: right;
    padding: 2px 10px 0px 0px;
}

.info_box_action {
	background-color: #8DBFAB;
    height: 20px;
    color: #ffffff;
    border-bottom: 1px solid #FFF;
}

.info_box_i {
	background-color: #8DBFAB;
    height: 40px;
    color: #ffffff;
    border-bottom: 1px solid #FFF;
}

.info_box_trans {
    z-index: 1;
    position: relative;
    left: 50px;
    top: -100px;
    background-color: #CCC;
    height: 60px;
    width: 595px;
    color: #ffffff;

  /*  padding-bottom: 40px;*/
    opacity: .8;
    filter: alpha(opacity=80);
}

.info_box_data {
    width: 100%; /*=430px under colspan_2 padded by 10*/
    padding-top: 0px;
    font-size: 92%;
}

.info_box_data_header {
    width: 100%;
    padding-top: 0px;
}

.data {
  padding: 0px 2px 0px 60px;
  margin: auto;
}

.data_header {
 padding: 0px 2px 0px 0px;
}


.type {
 margin: 15px;
font-size: 130%;
 color: #ffffff;
 opacity: 1;
    filter: alpha(opacity=100);
 }

/*only applied by javascript...*/
.info_box_hover {
	background-color: #81af9d;
}
 
 
#debug {
	position: fixed;
	float: right;
	top: 10px;
	left: 10px;
	padding: 10px;
	width: 250px;
	min-height: 350px;
	background-image: url(../images/graphics/info_box_bg.gif);
	background-repeat: repeat-x;
	background-color: #fcedc1;
	color: #61a154;
	font-size: 9px;
	border: 1px solid #fff;
	overflow: auto;
}

.clear {
	clear: both;
	overflow: auto;
}
.faq_question {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#error_bg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 99%;
	height: 99%;
}

#error {
	position: relative;
	margin: 0px auto;
	margin-top: 150px;
	height: 250px;
	width: 450px;
	background-color: #ff2c38;
	border: 1px solid #fff;
	color: #fff;
	padding: 50px;

	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

}

#error h1 {
	color: #fff;
	font-size: 3.5em;
}

#error p {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.3em;
}

/* IPIX GALLERY */
.ipix iframe {
  border: 1px solid #666666;
  width: 320px;
  height: 240px;
  padding: 0px;
  margin: 0px;
}
/*align the text to the LH edge of the iframe...*/
.ipix p {
  text-align: left;
  padding-left: 55px;
}

/* ACCORDION... */
.accordionHead {
	cursor: pointer;
	background-color: #c8e6d5;
	margin-bottom: 3px;
	border: 1px solid #cccccc;
}
.accordionBody {
	display: none;
}
.accordionHead img {
	float: right;
}
.accordionHead span {
	padding-left: 6px;
}
img.accordionCollapse {
	display: none;
}
.accordionCollapse img.accordionCollapse {
	display: inline;
}
.accordionCollapse img.accordionExpand {
	display: none;
}

/* BOOKING FORM... */
#bookingForm {
  display: block;
  padding: 0 2px;
/*  padding: 30px 20px 0px 20px;*/
}
#bookingInstruction,
#bookingResponse {
	display: none;
	padding-bottom: 20px;
}
#bookingError {
	color: #cc0000;
}
#bookingSuccess {
	color: #009900;
	display: none;
}
#bookingForm .booking_message {
	float: left;
	width: 250px;
	text-align: left;
}
#bookingForm .booking_spacer {
	height: 5px;
	width: 100%;
}
#bookingForm .booking_section {
	margin-bottom: 5px;
	width: 100%;
}
#bookingForm fieldset {
	border: 1px solid #cccccc;
	width: 100%;
	padding: 2px 0px;
}
#bookingForm .booking_field {
  margin: 2px 0px;
  padding-left: 6px;
}
#bookingForm label {
  display: block;
  float: left;
  width: 120px;
  white-space: normal;
}
#bookingForm label.reqd_field {
  color: #cc0000;
  background-image: url(../images/iconRedStar.gif);
  background-position: 100% 0;
  background-repeat: no-repeat;
}
#bookingForm input.reqd_field_empty {
  border-color: #cc0000;
}
#bookingForm .booking_field input,
#bookingForm .booking_field textarea {
  width: 270px;
}
#bookingForm .booking_field input.booking_date {
  width: 122px;
}
#bookingForm .booking_field input.booking_time {
  width: 109px;
}
#bookingForm .booking_field select {
  width: 275px;
  font-size: 0.9em;
}
#bookingForm .submittal_field {
	padding-top: 5px;
	text-align: right;
}
#bookingForm .booking_default {
  color: #999999;
}
#bookingForm .booking_default option {
  color: #231F20;
}
#bookingForm .booking_default option.booking_default{
  color: #999999;
}
@media print {
	#bookingForm fieldset.accordionBody {
		display: block;
	}
	#bookingForm .submittal_field input {
		display: none;
	}
}

/* CREDITS... */
.credits .accordionBody {
	position: relative;
	padding-top: 1px;
	/*lack of space? set line-height to 1.2em?...*/
	line-height: inherit;
}
.credits .accordionEnd {
	clear: left;
	height: 2px;
}
.credits .accordionInner {
	padding: 10px 10px;
}
/*column width change to 215px ...*/
.credits .colspan_1 {
  width: 215px;
}

/* NEWS... */
.news {
	letter-spacing: 0px;
}
.news h2.headline {
	font-size: 1.5em;
	padding-bottom: 10px;
}
.news .accordionBody {
	position: relative;
	padding-top: 1px;
}
.news .subcolumn {
	padding-left: 2px;
	padding-right: 20px;
}
.news .endSubcolumns {
	clear: left;
	height: 2px;
}

/* INFORMATION TABLE...*/
table.information {
	border: 0px none;
	background-color: #ffffff;
}
table.information th,
table.information td {
	border: 0px none;
	padding: 0px;
	font-size: 7.9pt;
}
table.information th {
	font-weight: normal;
	background-color: transparent;
}
table.information td {
    background-color: #ede5ce;
	 padding: 0px 10px;
}
table.information td {
	border-bottom: 2px solid #ffffff;
}

/* BOXED LINKS... */
.box_link,
.box_link a {
	width: 100%;
	height: 20px;
}
.box_link.double_height,
.box_link.double_height a {
	height: 37px;
}
.box_link {
	border-bottom: 1px solid #ffffff;
	position: relative;
}
.box_link a {
	/*IE6 requires absolute + height; without it,
	it won't allow a hover background-color
	change without screwing up the layout!...*/
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.box_link span {
	display: block;
	padding-left: 10px;
	padding-top: 1px;
}
.box_link a:link,
.box_link a:visited,
.box_link a:active {
	background-color: #8dbfab;
}
.box_link a:hover {
	background-color: #81af9d;
}

.meet_the h1.page_title {
	padding-bottom: 20px;
}

.meetname {

font-size: 1.5em;
margin-bottom: 0.25em;
font-weight: bold;
color: #525252; }

#meetList {
	margin: 114px 20px 0px 15px;
	overflow: hidden;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
#meetList .scroller {
	height: 140px;
}
#meetList .jScrollPaneTrack {
	background-color: #ffffff;
}
#meetList .jScrollPaneDrag {
 	background-color: #066836;
}
#meetList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#meetList li {
	width: 100%;
}
#meetList a {
	display: block;
	width: 100%;
	padding: 0;
	color: #ffffff;
}
#meetList a:hover {
	background-color: #81af9d;
}
#meetList a span {
	padding-left: 5px;
}

#meetThumbnails {
	height: 128px;
	position: relative;
}
#meetCarousel_shield {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #ffffff;
}
#meetCarousel {
	z-index: 1;
	width: 433px;
	position: relative;
	border: 1px solid #cccccc;
	background-color: #f0f0f0;
	height: 100px;
	overflow: hidden;
}
div.center-wrap { /*carousel pagination*/
	width: 433px;
}
#meetCarousel .meetLabel {
	display: block;
	font-weight: normal;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: auto;
	background-color: #ffffff;
	display: none;
	cursor: pointer;
}
#meetCarousel .meetLabel span {
	color: #000000;
}
#meetCarousel ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#meetCarousel li {
	float: left;
	padding: 0 6px;
}
#meetCarousel .carousel-wrap {
	margin: 0 19px;
}
#meetCarousel .carousel-wrap a {
	background-color: #000000;
	display: block;
	position: relative;
}
#meetCarousel .carousel-control {
	width: 12px;
	height: 100%;
	background-color: #8dbfab;
	z-index: 10;
	position: absolute;
	top: 0;
	cursor: pointer;
}
#meetCarousel .carousel-control img {
	top: 50%;
	margin-top: -6px;
	position: relative;
}
#meetCarousel .carousel-control.hover {
	background-color: #81af9d;
}
#meetCarousel .carousel-control.disabled {
	background-color: #c8e6d5;
	cursor: default;
}
#meetCarousel .carousel-control.previous {
	border-right: 1px solid #cccccc;
	left: 0;
}
#meetCarousel .carousel-control.next {
	border-left: 1px solid #cccccc;
	right: 0;
}
#meetCarousel .carousel-control.previous img {
	left: 0;
}
#meetCarousel .carousel-control.next img {
	right: 0;
}
/*...carousel pagination...*/
.carousel-pagination p {
	margin: 0;
	text-align: right;
	padding-top: 1px;
	padding-right: 22px;
}
.carousel-pagination a {
	padding: 0 3px;
	margin: 0 1px;
	cursor: pointer;
}
.carousel-pagination a:hover {
	background-color: #81af9d;
	color: #ffffff;
}
.carousel-pagination a.active,
.carousel-pagination a:hover.active {
	background-color: #8dbfab;
	color: #231f20;
	cursor: default;
}

.meet_noPhoto {
	font-style: italic;
	color: #808080;
	padding-top: 30px;
	padding-left: 10px;
}
.meet_quote {
}
.sitemap ul {
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 1em;
}
.sitemap ul.rootLevel {
	visibility: hidden;
}