body {
	background-color: #2b2b2b;
	margin: 0;
}


/********************* UNDERGROUND LINK *****************/

.underground-link {
	width: 350px;
	background-color: #2b2b2b;
	padding: 5px;
	color: #81fbce;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.underground-link:hover {
	background-color: #686969;
	color: #fff;
}


/********************* WRAPPERS *****************/

#topwrapper {
	background-color: #000;
	height: 113px;
	width: 100%;
}

#adwrapper {
	width: 100%;
	height: 120px;
	background: #4ea4c2 url(files/adbg.png) top center no-repeat;
	overflow: hidden;
	border-top: 0px solid #176275;
	border-bottom: 2px solid #1d1d1d;
}

#slidingwrapper {
	padding: 10px 0 10px 0;
}

#twitterwrapper {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	clear: both;
	background-color: #121212;
	position: relative;
	margin: 15px auto 0px auto;
	width: 948px;
	height: auto;
	padding: 10px;
}

#twitterwrapper:hover {
	background-color: #000;
}

#twitterfooter {
	background: transparent url(files/twitter-footer-bg.png) top right no-repeat;
	position: relative;
	margin: 0 auto 10px auto;
	width: 938px;
	height: auto;
	padding-top: 9px;
	padding-right: 30px;
}

#adspot1 {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	float: left;
	background: #1f1e1e url() no-repeat top right;
	width: 212px;
	height: 251px;
	text-align: right;
	padding: 20px 0 0 0 ;
	overflow: hidden;
	-moz-box-shadow:0 0 15px #1d1d1d;
	-webkit-box-shadow:0 0 15px #1d1d1d;
}

#adspot1:hover, #adspot2:hover, #adspot3:hover {
	background-color: #1b1a1a;
	margin-top: -5px;
	-moz-box-shadow:0 0 15px #7ce1f7;
	-webkit-box-shadow:0 0 15px #7ce1f7;

}

#adspot2 {
	float: left;
	background-color: #1f1e1e;
	width: 332px;
	height: 271px;
	margin-left: 30px;
	overflow: hidden;
	-moz-box-shadow:0 0 15px #1d1d1d;
	-webkit-box-shadow:0 0 15px #1d1d1d;
}

#adspot3 {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	float: left;
	background-color: #1f1e1e;
	width: 332px;
	height: 271px;
	margin-left: 30px;
	overflow: hidden;
	-moz-box-shadow:0 0 15px #1d1d1d;
	-webkit-box-shadow:0 0 15px #1d1d1d;
}

#followbar {
	background-color: #161515;
	border-top: 1px solid #111010;
	width: 100%;
	padding: 7px 5px 5px 5px;
	text-align: center;
}

#followbar img {
	padding-right: 7px;
}

/********************* CONTENT *****************/

#headercontent {
	float: right;
	padding: 5px 0 0 0;
	margin-right: 20px;
}

#adcontent {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
	height: 291px;
}

#topcontent {
	clear: both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
	height: 291px;
}

#toplogo {
	float: left;
	position: absolute;
	background: transparent url(files/toplogo.png) top left no-repeat;
	width: 137px;
	height: 77px;
	margin-top: 20px;
	overflow: hidden;
}

#followtext {
	background-color: #1c1b1b;
	padding-right: 10px;
	margin-bottom: 3px;
}

.stayleft {
	float: left;
	padding-top: 20px;
}

a img {
	border: none;
}

/********************* Featured Content Gliders *****************/

.glidecontentwrapper2{
position: relative; /* Do not change this value */
width: 980px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
height: auto; 
border: 0px solid #687C98;
overflow: hidden;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 980px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
height: 600px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #4ea4c2;
padding: 0x;
visibility: hidden;
width: 970px;
z-index:0;
}

.glidecontenttoggler{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	width: 90px;
	margin-bottom: 5px;
	text-align: center;
	background: #242424; /*always declare an explicit background color for fade effect to properly render in IE*/
	padding: 5px;
}

.glidecontenttoggler:hover {
	background-color: #181818;
}

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
padding: 0px 0px;
margin-right: 3px;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/******************** NAVIGATION ************************/

#homecontent, #eventscontent, #reservationscontent, #menuscontent, #roomscontent, #directionscontent, #tourcontent, #contactcontent {
	background-color: #2b2b2b;
}

.navbar {
	position: absolute;
	background-color: transparent;
	padding: 10px;
	margin-top: 50px;
	margin-left: 170px;
	clear: both;
	height: 40px;
}

.navbar a.selected {
	height: 10px;
}

/************* HOME PAGE ****************/

#mothersdayspecial {
	width: 100%;
	height: 100px;
	background: transparent url(/files/mothersday-bow-bg.png) no-repeat top center;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: center;
}

#motherstext {
	position: relative;
	left: 220px;
	top: 25px;
	color: #fff;

}

#motherstext a {
	color: #000;
}

#dinerschoice {
	float: right;
	margin-bottom: 10px;
}


#TA_rated815 {
	float: left;
	clear: both;
	margin-top: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	background: #679000 url() no-repeat top right;
	width: 201px;
	height: 50px;
	text-align: center;
	padding: 0 5px 0 5px;
	overflow: hidden;
	border-top: 2px solid #000;
}

#TA_excellent681 {
	float: left;
	margin-top: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background: #597c00 url() no-repeat top right;
	width: 352px;
	height: 40px;
	text-align: center;
	padding: 10px 5px 0 5px;
	overflow: hidden;
	text-transform: uppercase;
	border-top: 2px solid #000;
	color: #fff;
}

#TA_excellent681 a {
	color: #202d00;
	font-weight: bold;
}

#TA_excellent681 a:hover {
	color: #fff;
}

#TA_rated815:hover, #TA_excellent681:hover {
	-moz-box-shadow:0 0 15px #141414;
	-webkit-box-shadow:0 0 15px #141414;
	padding-top: 15px;
}


#smallwrap {
	padding: 3px 6px;
	background-color: #000;
	margin-right: 10px;
}

#smallwrap:hover {
	background-color: #3d3d3d;
}


/************** EVENTS PAGE ***************/

#livemonth {
	background-color: #242424;
	padding: 5px;
	font-size: 150%;
	margin-top: 0px;
	width: 300px;
	overflow: hidden;
	border: 1px solid #3a3a3a;
}

#liveday {

	margin-top: 10px;
	color: #43757b;
	font-size: 120%;
	width: 400px;
	overflow: hidden;
}

#eventpic {
	float: left;
}

#eventlist {
	float: left;
}

#eventlist2 {
	float: left;
	width:312px;
	overflow: hidden;
}

/**************** Reservations PAGE *******************/

#reserve-left {

}

.fsForm {
-x-system-font:none;
font-family:"Lucida Grande",Tahoma,"Helvetica Neue",Arial,Verdana,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;
width:100%;
}

#partyform {
	float: right;
	width: 330px;
	margin-right: 20px;
	padding: 10px 20px 20px 10px;
	background-color: #242424;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

#partyform:hover {
	-moz-box-shadow:0 0 15px #7ce1f7;
	-webkit-box-shadow:0 0 15px #7ce1f7;
}

#partyform .fsError {
	background-color:#666;
	border:1px solid #3A3A3A;
	clear:both;
	color:#fff;
	font-size:14px;
	margin:10px auto 0px auto;
	padding:5px;
	text-align:center;
	width:90%;
	font-size: 10px;
}

.fsValidationError .fsLabel {
background-image:url();
background-position:left bottom;
background-repeat:no-repeat;
color:#8CDCF2;
padding-left:0px;
}

#partyform td.fsValidationError {
	background-color:#131313 !important;
}

#partyform .fsSpacerRow td {
	height:5px;
}

#partyform .fsForm .fsCell {
	padding:5px 18px;
	vertical-align:top;
}

#partyform .fsFieldFocused {
	background: #202020 url();
}

#opentablewrap {
	background-color: #121212;
	width: 550px;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#opentablewrap:hover {
	background-color: #000;
	-moz-box-shadow:0 0 5px #268093;
	-webkit-box-shadow:0 0 5px #268093;
}

#reservationspic {

}

#opentablelink {
	background-image: url(http://www.thevaultdfw.com/reservations/files/opentable-link.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 551px;
	height: 38px;
	text-indent:-9999px;
}

#opentablewrap a:hover {
	font-weight: normal;
}

#opentablelink:hover {
	background-image: url(http://www.thevaultdfw.com/reservations/files/opentable-link-hover.png);
}

td.fsRowBody {
	background-color: transparent;
}

.fsFieldFocused div.fsSupporting, .fsFieldFocused label.fsRequiredLabel span {
	color: #fff;
}

.fsRequiredLabel span {
	color:#8CDCF2;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	height:16px;
	padding-left:2px;
}

.fsForm input.fsField[type="text"]:focus, .fsForm input.fsField[type="file"]:focus, .fsForm textarea.fsField:focus {
	border-color: #8CDCF2;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;	
}

/**************** MENU PAGE *******************/

#menus .stayleft {
	padding-top: 0px;
}

#menucontentwrapper {
border-top: 1px solid #4a4a4a; 
width: 610px; 
height: 360px;
margin-bottom: 1em; 
padding: 10px;
background: #404040 url() top right no-repeat;
color:#dbe8eb;
overflow: scroll;
}

#menucontentwrapper strong {
color: #eef5f7;
font-size: 15px;
}

#menudownloads {
	float: right;
	position: relative;
	right: 50px;
	padding: 5px;
	background-color: #242424;
	border: 1px dotted #7c7c7c;
	width: 200px;
	height: auto;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#menudownloads img {
	border: 0px;
	padding-top: 10px;
}

.menu-header-img {
	width: 552px;
	height: 162px;
	margin-left: 4px;
	margin-top: 40px;
	border: 15px solid #252525;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#leftmenuspot {
	float: left;
	position: relative;
	padding: 10px;
	margin-right: 20px;
	width: 290px;
	height: auto;
	text-align: center;
	background-color: #3d3d3d;
}

img.framepic {
	border: 10px solid #252525;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/**************** ROOM PAGE **************/

#towerroomwrap {
	float: left;
	background-color: #1f1e1e;
	width: 280px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#fireplaceroomwrap {
	float: left;
	background-color: #1f1e1e;
	width: 280px;
	padding: 10px;
	margin-left: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#wineroomwrap {
	float: left;
	background-color: #1f1e1e;
	width: 280px;
	padding: 10px;
	margin-left: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#towerroomwrap:hover, #fireplaceroomwrap:hover, #wineroomwrap:hover {
	-moz-box-shadow:0 0 15px #7ce1f7;
	-webkit-box-shadow:0 0 15px #7ce1f7;
	border: 1px solid #408e9f;
}

#wineroompics {
	text-align: center;
}

#wineroompics img {
	border: 2px solid #000;
}

/**************** Tour Page ***************/

#tour-left, #tour-mid, #tour-right {
	float: left;
	background-color: #1f1e1e;
	height: 400px;
	width: 290px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 5px 0px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#tour-left:hover, #tour-mid:hover, #tour-right:hover {
	-moz-box-shadow:0 0 15px #7ce1f7;
	-webkit-box-shadow:0 0 15px #7ce1f7;
	border: 1px solid #408e9f;
}

#tour-mid, #tour-right {
	margin-left: 5px;
}

#fadeshow1, #fadeshow2, #fadeshow3 {
	border: 2px solid #000;
}

#flickrwrapper {
	clear: both;
	background-color: #1f1e1e;
	width: 600px;
	padding: 10px;
}

#tourvault {
	float: left;
	width: 920px;
	height: 200px;
	background-color: #1f1e1e;
	padding: 0px 0px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}

#tourmusic {
	float: left;
	width: 380px;
	height: 200px;
	background-color: #1f1e1e;
	padding: 0px 0px 10px 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}

#tourlounge {
	float: left;
	width: 500px;
	height: 200px;
	background-color: #1f1e1e;
	padding: 0px 0px 10px 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
	text-align: center;
}

#tourcontent img {
}

/**************** CONTACT PAGE **************/

#businesscard {
	background-color: #1d1d1d;
	border: 2px dotted #000;
	padding: 10px;
	width: 350px;
	height: auto;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#businesscard:hover {
	background-color: #111111;
}

#contacthours {
	float: left;
	margin-left: -50px;
	padding: 5px 20px 20px 20px;
	background-color: #000;
	width: 220px;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#contacthours:hover {
	-moz-box-shadow:0 0 15px #7ce1f7;
	-webkit-box-shadow:0 0 15px #7ce1f7;
}

#contactcontent .contactleft {
	float: left;
	margin-right: 10px;
	border: 4px solid #000;
}

#businesscard a img {
	padding-top: 5px;
}


#contactleft {
	float: left;
}

#contactpic {
	float: left;
}


/************** LIGHTBOX ****************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: strong;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/************** DROPDOWN PANEL ****************/

#toppanel {
	padding: 20px;
}

#top-side {
	float: left;
	width: 300px;
	height: auto;
	padding: 10px;
	background-color: #5f7d84;	
	overflow: hidden;
}

#feedbackwrapper {
	float: right;
	width: 60%;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #5f7d84;
	height: 70px;
	padding: 10px;
	overflow: hidden;
	
}

.ddpanel .ddpanelcontent{ /* CSS for "content" DIV of Drop Down Panel */
color: white;
background: #3c595f;
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
	margin-right: 20px;
	clear: both;
}

.ddpanel .ddpaneltab a{ /* "toggle" tab related CSS */ 
float: right;
color: #afdbe5;
background-color: #3c595f; 
text-decoration: none;
}

.ddpanel .ddpaneltab a span{ /* "toggle" tab related CSS */
	z-index: 1000;
float: left;
display: block;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /* CSS for pointer image within toggle tab */
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /* "toggle" tab related CSS */
background-color: #528590; /*background of toggle tab onMouseover*/
font-weight: normal;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /* "toggle" tab related CSS */
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /* "toggle" tab related CSS */
background-color: transparent;
}