/* Reset Browser Defaul Styles --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}


html, body {font:13px/18px 'Helvetica Roman Regular', Arial, Helvetica, sans-serif; color:#696969;}

a {color:#F58323; text-decoration:none}
a:hover {
	text-decoration:none;
	cursor: pointer;
}

@font-face {
 font-family:Gotham;
 src:url(../fonts/gotham-book-webfont.ttf) format("truetype");
}
/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ layout divs -----------------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#wrapper {width:943px; margin:20px auto;}

#header {height:110px; position:relative;z-index:2;}

#main {clear:both; position:relative; top:-20px; z-index:1;}

#content {width:690px; padding:0 15px 20px 0; float:left;}

#sidebar {width:235px; float:right; position:relative; z-index:3; overflow:hidden;}



/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ header ----------------------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#header h1 {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:240px;
	height:110px;
	z-index:100;
	background:none;
	z-index:2;
}
#header h1 a {
	width:240px;
	height:110px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/TreasureStreet-TSRHC-logo.jpg) 0 0 no-repeat;
	cursor:pointer;
	text-indent:-1000em;
}

/*
#logo {float:left; width:294px; position:relative; z-index:2;}*/

/* ----------------------------------------------- */
/* ----------------- main nav -------------------- */ 
/* ----------------------------------------------- */
#menu-wrap {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:700px;
	height:50px;
}

/* ----------------- tickets end cap ----------------- */ 
#menu-wrap a#tickets {
	float:left;
	display:inline;
	width: 50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	background:#f58323 url(../images/bg-nav-endcap.png) right 0 no-repeat;
	border-left:1px solid #eee;
}

#menu-wrap a#tickets:hover { background-color:#07719f; text-decoration:none; }



/* ----------------- main links wrap ----------------- */ 
#dynamicmenu {
	float:left;
	display:block;
	clear:both;
	margin:0;
	padding:0 0 0 40px;
	width:665px;
	height:50px;
	text-align:right;
	background:#4d9ec1 url(../images/bg-nav.png) 0 0 no-repeat;
	z-index:1000;
}

/* ----------------- main links ----------------- */ 
#dynamicmenu ul {
	float:right;
	font-size:14px;
	line-height:50px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	text-align:center;
	margin: 0;
	padding: 0;
	z-index:1000;
}
#dynamicmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	text-align:right;
}

#dynamicmenu ul li:hover {
	white-space: normal;
	margin-top:0;
	padding-top:0;
}
#dynamicmenu ul a {
	padding:0 16px;
	text-decoration: none;
	color: #fff;
	float:left;
	text-align:right;
	display: block;
	position: relative;
	font-weight:normal;
}

#dynamicmenu ul li a:hover, #dynamicmenu ul li:hover>a {
	background:#f58323 url(../images/bg-nav.png) right 0 no-repeat;
	display: inline-block;
	line-height:50px;
}

/* ----------------- level 2 links ----------------- */ 
#dynamicmenu ul ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;	
	width:230px;
	font:normal 12px;
	line-height:18px;
	margin:0;
	padding:0 !important;
	display: block;
	text-align:left;
	background:#e6e6e6;
	border:1px solid #cacaca;
	list-style:none;
}
#dynamicmenu ul li:hover>ul {
	visibility: visible;
	top: 100%;
	margin:0;
	padding:0;
}

#dynamicmenu ul ul li {
	font:normal 12px;
	line-height:15px;
	color:#7f0f12;
	text-decoration:none;
	text-align:left;
	background:none;
	margin:0;
	padding:0;
	position:relative; z-index:10;
}
#dynamicmenu ul li li {	float: none; }
#dynamicmenu ul li li a {
	width:215px;
	display:block; 
	color:#07719f;
	text-indent:0;
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	text-align:left;
	background-image:none !important;
	border:none;
}
#dynamicmenu ul ul a:hover, #dynamicmenu ul ul li:hover>a {
	color:#003366;
	font-size:12px;
	line-height:15px;
	margin:0;
	border-bottom:none;
	background:#c3deea;
	border:none;
	height:15px;
}

/* ----------------- level 3 links ----------------- */ 
#dynamicmenu ul li li:hover>ul {	
	display:none;
	visibility:hidden;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
#dynamicmenu ul:after, #dynamicmenu ul ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#dynamicmenu ul, #dynamicmenu ul ul {	/* IE7 float clear: */
	min-height: 0;
}



/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ general page styles ----------------------------*/
/* -------------------------------------------------------------------------------------------------*/

a .heading2, .heading2 a, a.heading2,
a .heading3, .heading3 a, a.heading3,
a .heading4, .heading4 a, a.heading4 {color:#F58323;}

h2, .heading2 {
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	color:#4d9ec1;
	font-weight:bold;
}

h3, .heading3 {
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	color:#333;
	font-weight:bold;
}

h4, .heading4 {
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
	color:#4d9ec1;
	font-weight:bold;
}

h5, .heading5 {
	font-size:12px;
	color:#333;
}

h6{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }


hr {
	color:#ccc;
	background:#CCE3ED;
	border:0;
	height:1px;
	width: 200px;
}


/*ul, li { list-style-type:none; padding:0; margin:0; }*/

p,
ul
ol { 
    margin-bottom: 20px; 
}

ol {
	list-style:decimal;
    margin-left: 2em;
}
ul {
    list-style:outside;
    margin-left: 2em;
}
ul ul { list-style:circle; }

/* ----------------- subpage page titles ----------------- */ 
#interior-container {
	background-image: url(../images/sub_header.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	height: 122px;
	width: 689px;
}
#sub-title {
	padding-top: 75px;
	padding-left: 30px;
	font-size: 24px;
	font:24px/10px ; color:#000000;
}




/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ homepage ---------------------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#flash-container { margin-bottom:20px; }

ul#promo {background:url(../images/bg-promo.gif) -5px 55px repeat-x; height:180px; margin:30px 0px 0px 0px; list-style:none;}
ul#promo li {width:230px; float:left; text-align:center;}
ul#promo h2 {padding-bottom:5px; color:#000;}




/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ sidebar ---------------------------------------*/
/* -------------------------------------------------------------------------------------------------*/

/* ----------------- news/auction tabs ----------------- */ 

#news, #auction {clear:both; padding:15px 11px 25px; background:url(../images/bg-tabs-bottom.gif) center bottom no-repeat;}

#tabs {background:url(../images/bg-tabs.gif) repeat-y}
#tabs  ul.ui-tabs-nav {background:url(../images/bg-tabs-top.gif) left top no-repeat; height:36px;}
#tabs ul.ui-tabs-nav li {line-height:36px; text-align:center; font:14px/36px ; padding:0px 8px 0px 9px; background:url(../images/bg-tabs-li.gif) left top no-repeat; width:86px}
#tabs ul.ui-tabs-nav li#tab2 {background:url(../images/bg-tabs-li.gif) right top no-repeat; width:115px;}
#tabs ul.ui-tabs-nav li#tab1.ui-state-active {color:#000000; background:url(../images/bg-tabs-li.gif) left -36px no-repeat;}
#tabs ul.ui-tabs-nav li#tab2.ui-state-active {color:#000000; background:url(../images/bg-tabs-li.gif) right -36px no-repeat;}
#tabs ul.ui-tabs-nav li a {color:#616161;}
#tabs ul.ui-tabs-nav li.ui-state-active a {color:#000000;}
#tabs h3 {color:#47829b;}
#tabs p { color: #666666; }
#tabs a { color:#47829b; }

/* Tabs ----------------------------------*/
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.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; }
.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 { display: block; border-width: 0; background: none; height: 280px; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* ----------------- search box ----------------- */ 
#blue-box {
	background:#bedce9 url(../images/bg-blue-box.gif) left top no-repeat;
	width:234px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#blue-box form {padding:10px 17px 8px;}
#blue-box .search-field {border:1px solid #c4c4c4; color:#6ca1b8; font:13px/13px ; padding:3px 5px; width:145px; margin:0px; vertical-align:middle}
#blue-box #search-submit {font:bold 12px/12px ; color:#ffffff; border:0px; background:url(../images/bg-submit.gif) repeat-x; padding:2px 3px;  cursor:pointer; vertical-align:middle}
#blue-box a#fb-link {background:url(../images/bg-blue-box.gif) -234px bottom no-repeat; border-top:1px solid #ffffff; display:block; width:205px; padding:8px 12px 10px 17px; color:#666666; text-decoration:none; font:13px/18px ;}
a#fb-link img {vertical-align:top; margin-right:5px;}


/* ----------------- mailing list form ----------------- */ 
#mailing-list {
	width:202px;
	background:url(../images/bg-mail.gif) right 42px no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#mailing-list h2 {color:#000;}
#mailing-list p {margin-bottom:10px}
#mailing-list  .ml-text {border:1px solid #c4c4c4; color:#6ca1b8; font:13px/13px ; padding:3px 5px; width:190px; margin:0px 0px 5px;}
#mailing-list #ml-submit {float:right; font:bold 12px/12px ; color:#ffffff; border:0px; background:url(../images/bg-submit.gif) repeat-x; padding:2px 7px;  cursor:pointer;}





/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ footer -----------------------------------------*/
/* -------------------------------------------------------------------------------------------------*/
#footer  {clear:both; position:relative; top:-5px; border-top:5px solid #82bbd3; text-align:center; padding:15px 0px 0px; font-size:12px; color:#a5a5a5}
#footer a {color:#6d6e71; margin-right:25px; text-decoration:none;}
.clear {clear:both}

/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ hover effect -----------------------------------*/
/* -------------------------------------------------------------------------------------------------*/


h1 {
	text-align: center;
	font-weight: normal;
	font-size: 2.5em;
}
h1 small {
	display: block;
	font-size: 0.7em;
	color: #999;
}
img {border: none;}
ul.gallery {
	width: 700px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 578px;
	height: 146px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 578px;
	height: 146px;
	overflow: hidden;
	display: block;
	position:relative;
}

ul.gallery li span img.imageOn {
	position:absolute;
	top: 0px;
}
ul.gallery li span img.imageOff {
	position:absolute;
	display:none;
	bottom: 0px;
}

ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ lightbox -----------------------------------*/
/* -------------------------------------------------------------------------------------------------*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
	background-color: #FFF;
	width: 700px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
	#gallery ul { list-style: none; margin-left:0px; }
	#gallery ul li {
	float:left;
	width:324px;
	margin:0 10px 0 10px;
	text-align:center;
}
	#gallery ul img {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 20px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D3E8EF;
	border-right-color: #D3E8EF;
	border-bottom-color: #D3E8EF;
	border-left-color: #D3E8EF;
	margin-left: 0px;
	margin-bottom: 20px;
	}
	#gallery ul a:hover img {
	color: #4D9EC1;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 20px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4F9FC1;
	border-right-color: #4F9FC1;
	border-bottom-color: #4F9FC1;
	border-left-color: #4F9FC1;
	}
	#gallery ul a:hover {
	color: #4D9EC1;
}
#gallery-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4D9EC1;
	width: 610px;
	margin-top: 30px;
	margin-left: 30px;
}

#gallery-title-breadcrumb {
position: absolute;
font-size: 11px;
top: 50px;
left: 600px;
}


#border a img {
	border:3px solid #D3E8EF;
}
#border a:hover img {
	border:3px solid #4F9FC1
}                         


/*
-------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ jquery sliders -----------------------------------*/
/*
-------------------------------------------------------------------------------------------------*/
/*a{ color:#C8DCE5; }*/
.boxgrid{
	width: 578px;
	height: 146px;
	margin:10px;
	border:8px solid #D3E8EF;
	float:left;
	background:#161613;

	overflow: hidden;
	position: relative;
}


.boxgrid img{
position: absolute;
left: 0;
border: 0;
bottom: 0px;}

.boxgrid p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;}
			
.boxcaption{
float: left;
position: absolute;
background-image:url('../images/gradient.png');
background-repeat: repeat-y;
height: 100px;
width: 175px;
opacity: .8;

/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.captionfull .boxcaption {
top: 260;
left: 0;}

.caption .boxcaption {
top: 105px;
left: 0;}


.boxcaptionx{
float: left;
position: absolute;
background-image:url('../images/gradient.png');
background-repeat: repeat-y;
height: 100px;
width: 275px;
opacity: .8;

/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaptionx {
top: 260;
left: 0;}

.caption .boxcaptionx {
top: 105px;
left: 0;}

/* -------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ archive footer -----------------------------------*/
/* -------------------------------------------------------------------------------------------------*/

/*archive links */
#gallery-footer {
	width: 500px;
	margin-left: 10px;
	font-size: 10px;
}


#breadcrumbs {
	background-color:#fff;
	line-height: 20px;
	overflow:auto;
	font-size:11px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#breadcrumbs li {
	float:left;
	padding-left: 10px;
}
#breadcrumbs li a {
	padding:0 24px 2px 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited {
	text-decoration:none;
	color:#68ACCA;
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus { color:#0099CC; }
#breadcrumbs li {color:#FF9900;}

#border, .border {
	border:thin solid #CCC;
	padding: 5px;
}