/*---------------------------------------------------------------------------------------------------------------------
Jon Osmond // jon@osmondinteractive.com   //  2009
----------------------------------------------------------------------------------------------------------------------*/
html{
	background:#000;
	height:100%;
}
html {overflow-y:scroll;}

body{
	margin:0;
	background:#000 url(../images/bg-body.jpg) no-repeat 50% 0;
	font:11px/14px Arial, Tahoma, Verdana, sans-serif;
	min-width:988px;
	min-height:100%;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;

}
* html body{height:100%;}
img{border-style:none;}

.holder{
	width:100%;
	overflow:hidden;
}
#main{
	width:988px;
	margin:0 auto;
	padding:0 0 10px;
}
#header{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 -18px;
}
#header .logo{
	background:url(../images/logo.png) no-repeat;
	float:left;
	margin:12px 0 0 55px;
	text-indent:-9999px;
	width:176px;
	display:inline;
	height:88px;
}
#header .logo a{
	width:140px;
	height:50px;
	margin:15px 0 0 16px;
	display:block;
	position:relative;
	overflow:hidden;
}
#header .top-heading{
	float:left;
	background:url(../images/top-heading.png) no-repeat;
	width:264px;
	height:7px;
	overflow:hidden;
	text-indent:-9999px;
	margin:48px 0 0;
}
#header .top-area{
	float:right;
	background:url(../images/bg-top-area2.png) no-repeat;
	width:209px;
	font-weight:bold;
	display:inline;
	margin:37px 85px 0 0;
	line-height:28px;
}
#header .top-area a{
	color:#ecba1d;
	text-decoration:none;
	float:left;
	text-align:center;
	font-size:9px;
}
#header .top-area a:hover{text-decoration:underline;}
#header .pronunciation{width:109px;}
#header .definition{width:215px;}
#page{
	background:url(../images/bg-page-top.png) no-repeat;
	padding:40px 0 0;
	width:100%;
}
#container{
	width:951px;
	background:#000;
	margin:0 0 0 18px;
}
#container:after{
	display:block;
	content:"";
	clear:both;
}
#content-area{
	width:908px;
	margin:-32px 0 0 22px;
	display:inline;
	position:relative;
	float:left;
}
#content-area .top-holder{
	float:right;
	width:287px;
	background:url(../images/bg-top-holder.gif) no-repeat;
	line-height:20px;
	font-size:10px;
	color:#00a1e4;
	font-weight:bold;
	margin:0 13px 2px 0;
	display:inline;
	position:relative;
}
#content-area .top-holder a{
	color:#00a1e4;
	text-decoration:none;
	float:left;
	height:20px;
	text-align:center;
}
#content-area .top-holder .become{
	color:#00a1e4;
	text-decoration:none;
	width:181px;
}
#content-area .top-holder a:hover{background:url(../images/top-link-hover.gif) no-repeat;}
#content-area .top-holder .phone{width:105px;}
#content-area .top-holder .phone:hover{background-position:100% 0;}
#content-area .nav-holder{
	width:100%;
	margin:3px 0 4px;
	overflow:hidden;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-weight:bold;
	font-size:12px;
}
#nav li{
	float:left;
	margin:0 1px 0 0;
}
#nav li a{
	color:#f5d655;
	text-decoration:none;
	float:left;
	background:url(../images/bg-nav.gif) repeat-x;
}
#nav li a:hover,
#nav li.active a{background:url(../images/bg-nav-hover.gif) repeat-x;}
#nav li .menu{
	width:60px;
	background:url(../images/bg-menu.gif) no-repeat;
}
#nav li .menu span,
#nav li .menu:hover span,
#nav li.active .menu span,
#nav li .contact span,
#nav li .contact:hover span,
#nav li.active .contact span{background:none;}
#nav li .menu:hover,
#nav li.active .menu{background:url(../images/bg-menu.gif) no-repeat 0 -45px;}
#nav li .private{width:111px;}
#nav li .directions{width:134px;}
#nav li .about{width:67px;}
#nav li .decor{width:65px;}
#nav li .blog{width:56px;}
#nav li .contact{
	width:94px;
	background:url(../images/bg-contact.gif) no-repeat 100% 0;
}
#nav li .contact:hover,
#nav li.contact .menu{background:url(../images/bg-contact.gif) no-repeat 100% -45px;}
#nav li a span{
	display:block;
	height:1%;
	text-align:center;
	line-height:45px;
	background:url(../images/nav-arrow.gif) no-repeat 50% 0;
	cursor:pointer;
}
#nav li a:hover span,
#nav li.active a span{background:url(../images/nav-arrow-hover.gif) no-repeat 50% 0;}
#content-area .secondary-nav{
	margin:0;
	padding:0;
	font-weight:bold;
	list-style:none;
}
#content-area .secondary-nav li{
	float:left;
	line-height:45px;
	overflow:hidden;
}
#content-area .secondary-nav li a{
	background:url(../images/bg-secondary-nav.gif) no-repeat;
	color:#00a1e4;
	float:left;
	text-align:center;
	text-decoration:none;
}
#content-area .secondary-nav li .purchase{width:179px;}
#content-area .secondary-nav li .purchase:hover, #content-area .secondary-nav li.current a{background-position:0 -45px;}
#content-area .secondary-nav li .reservations{
	width:134px;
	background-position:-179px 0;
}
#content-area .secondary-nav li .reservations:hover, #content-area .secondary-nav li.active a{background-position:-179px -45px;}
#content{
	width:100%;
	overflow:hidden;
}
#content .img-holder{float:right;}
#content .blog-sub {
	float:right;
	width: 270px;
	background-color: #000;
	margin:-14px 0 0 0 ;
}
.fabric {
	background-image: url(../images/blog-sub.jpg);
	background-repeat: no-repeat;
	width:270px;
	height:199px;
	padding-bottom:86px;
}
.blog-container h1 {
	height:86px;
	text-indent:-9999px;
	width:527px;
	margin:0 0 0 31px;	
	background:transparent url(../images/blog-h1.png) no-repeat scroll 0 23px;
	padding-bottom:17px;
}
.blog-container p.description {
	margin:0;
}
#content .blog-sub h2.main {
	float:right;
	width: 270px;
	text-indent:-9999px;
	padding:0;
	margin:0;
	background-image: none;
}
#content .blog-sub h2 {
	float:right;
	width: 250px;
	padding:0 0 8px 0;
	margin:0;
	color:#EBD283;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #000;
	background-image: url(../images/blog-h2-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}


#content .blog-sub h3 {
	float:right;
	padding:63px 10px 10px 22px;
	margin:0;
	color:#EBD283;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.blog-container a {
	color:#896533;
}
ol.blogsitesummary {
	font-weight: bold;
	list-style-type:none;
	margin:0 1.5em 1.5em 17px;
	padding:0;
}
.blogsitesummary ul{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.blogsitesummary  li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	display:block;
}

.blogsitesummary  li a{
	color: #EBD283;
	text-decoration: none;
	font-weight: bold;

}
/*.blogsitesummary  li a:visited{
	color: #A70303;
}*/

.blogsitesummary  li a:hover{ /*hover state CSS*/
	color: #CBA12C;
	text-decoration: underline;
}

.blog-post h2.post-title, .blog-post h2.post-title a {
	border-bottom:none;
	font-size:12px;
	margin:0;
	padding:0 0 0 15px;
	color:#008183;
	text-decoration:none;
}
.blog-container .post-list {
	float:left;
	width:89%;
}
.blog-post .post-body {
	margin:0 0 36px;
	padding:0 30px;
	width:100%;
}

/*button*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
	color: #491915;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/button-a.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left:22px;
	margin-bottom:20px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

a.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
	background-color: transparent;
	background-image: url(../images/button-span.jpg);
	background-repeat: no-repeat;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
#content .content-holder{
	float:left;
	width:562px;
	padding:0 0 0 31px;
	background:url(../images/bg-content2.jpg) no-repeat;
	min-height:364px;
	overflow:auto;
}
#content .blog-holder{
	float:left;
	width:593px;
	padding:0;
	background: #EADCAF url(../images/blog-bk.jpg) no-repeat scroll 0 278px;

}

#content .content-holder-wide{
	float:left;
	width:877px;
	padding:0 0 0 31px;
	background:url(../images/bg-content-wide.jpg) no-repeat;
	min-height:364px;
	overflow:auto;
}

.secondary {
	float:left;
	width:220px;
}
.tertiary {
	float:left;
	width:262px;
}

#map {
	padding:6px;
	background-image: url(../images/map-bg.jpg);
	background-repeat: no-repeat;
	height:271px;
	width:281px;
	margin-top:10px;
}
small a {
	color:#896533;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}	
small a:hover {
	text-decoration:underline;
}	
img.social {
	float:left;
	padding: 0 8px 0 0;
}
* html #content .content-holder {height:364px;}
#content .tabset{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font-size:11px;
}
#content .tabset li{
	float:left;
	line-height:28px;
	margin:0 1px 0 0;
}
#content .tabset li a{
	float:left;
	padding:0 18px;
	background:url(../images/bg-tabset.gif) repeat-x;
	color:#553704;
	text-decoration:none;
}
#content .tabset li a:hover,
#content .tabset li.ui-state-active a{
	background:url(../images/bg-tabset-hover.gif) no-repeat 50% 0;
	color:#f5d655;
}
#content .tabset li a.first{background:url(../images/bg-tabset-first.gif) no-repeat 0 -28px;}
#content .tabset li a.last{background:url(../images/bg-tabset-last.gif) no-repeat 100% -28px;}
#content .tabset li a.first:hover,
#content .tabset li.ui-state-active a.first{background:url(../images/bg-tabset-first.gif) no-repeat;}
#content .tabset li a.last:hover,
#content .tabset li.ui-state-active a.last{background:url(../images/bg-tabset-last.gif) no-repeat 100% 0;}

#content .tabset li a.first2{background:url(../images/bg-tabset-first2.gif) no-repeat 0 -28px;}
#content .tabset li a.last2{background:url(../images/bg-tabset-last2.gif) no-repeat 100% -28px;}
#content .tabset li a.first2:hover,
#content .tabset li.ui-state-active a.first2{background:url(../images/bg-tabset-first2.gif) no-repeat;}
#content .tabset li a.last:hover,
#content .tabset li.ui-state-active a.last2{background:url(../images/bg-tabset-last2.gif) no-repeat 100% 0;}

#content .tab{
	width:499px;
	margin:38px 0 0;
	height:277px;
	overflow:auto;
	padding:0 39px 0 0;
}

#content .sub{
	width:499px;
	height:311px;
	/*overflow:auto;*/
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 39px;
	padding-bottom: 0;
	padding-left: 0;
}


#content .cont-box{
	border-bottom:1px solid #ba9f6c;
	padding:0 0 10px;
}
#content .text-holder{padding:0 40px 0 0;}
#content .tab h2, .secondary h2, .tertiary h2,
#content .cont-list h3{
	margin:0;
	color:#008183;
	font-size:12px;
	line-height:14px;
}
.secondary h3 {
	color:#1B0000;
	font-size:11px;
	margin-bottom:0;
	padding:0;
}
.secondary h2.mid {
	color: #1B0000;
	padding: 20px 0 0 0;
}
.secondary p {
	color: #1B0000;
	font-size:11px;
}
.secondary a {
	color: #896533;
	text-decoration:underline;
	font-weight:bold;
}
.secondary a:hover {
	color: #896533;
	text-decoration:none;
	font-weight:bold;
}

.secondary ul {
	color: #1B0000;
	font-size:12px;
	list-style-type:none;
	padding:0;
	list-style-position: outside;
	margin-left:0;
}
.secondary ul li {
	padding:2px 0;
}
#content .cont-list h4{
	margin:0;
	color:#1B0000;
	font-size:12px;
	line-height:14px;
}
#content .tab p.min{
	margin:0;
	color:#1b0000;
	font-size:11px;
}
.line{
	border-top:1px solid #BA9F6C;
	padding:10px 0 0 ;
}
#content .tab p a{
	margin:0;
	color:#896533;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
#content .tab p a:hover {
	text-decoration:none;
}

#content .cont-list{
	margin:0;
	padding:20px 0 0;
	list-style:none;
}
/*#content .cont-list li{padding:0 0 15px;}*/
#content .cont-list .price{float:right;}
#content .cont-list p{
	font-size:12px;
	line-height:17px;
}
#page .btm-area{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-page-btm.png) no-repeat;
	height:44px;
}
#page .btm-area span{
	float:right;
	font-size:9px;
	color:#bc9a55;
	display:inline;
	font-weight:bold;
	margin:29px 72px 0 0;
	padding:0 0 2px;
}
#page .btm-area a{
	color:#bc9a55;
	text-decoration:none;
}
#page .btm-area a:hover{text-decoration:underline;}
.ui-tabs-hide{display:none;}

/*Gift Cards*/
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
	width:220px;
}
table.webform td {
	line-height:11px;
}
/*.cat_dropdown_smaller {
	width:100px;
}
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
	width:135px;
}*/

/*Lightbox Gallery*/
table.photogalleryTable td img {
	padding:0px;
	border:3px solid #4F3203;
}
.tab img {
	padding:0px;
	border:3px solid #4F3203;
	margin-right:20px;
}

/*Open Table*/
#OT_logo {
	background:none;
	display:block;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:120px;
	width:100%;
}


.ot {padding:69px 0 0 0;}
.system-error-message {
	background:none;
	border:none;
}