/* Start of CMSMS style sheet 'thequarter' */
@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#foodTitle {

text-align:left;
padding-bottom:10px;
}

a {
	text-decoration:underline;
	color:#58110a;
}

a:hover {
	text-decoration:underline;
}


#footer a {
	text-decoration:none;
	color:#f0a900;
}

#footer a:hover {
	text-decoration:underline;
}

h1 {
	color:#63160f;
	font-weight:bolder;
	font-size:13px;
        margin:0px;
        padding:0px;
}

#container {
	background-color:#58110a;
	width: 816px;
	height:580px;
	background-image:url(/images/fullbg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	}
#Surveycontainer {
	background-color:#58110a;
	width: 816px;
	height:660px;
	background-image:url(/images/topbg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	}

#menuContainer {
	
	background-color:#58110a;
	width: 816px;
	height:auto;
	background-image:url(/images/topbg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	}
#bannerContainer {
text-align:left;
height:123px;

}
#Qlogo {
	margin-left:33px;
	width:247px;
	}
#reservationsBox {
	float:right;
        text-align:right;
	width:287px;
	margin-right:58px;
	margin-top:18px;
        height:10px;
	}
#windowContainer{
	width:750px;
	height:388px;
	background-color:#000000;
	}
#SurveywindowContainer{
	width:750px;
	height:508px;
	background-color:#000000;
	}
#menuWindowContainer{
	width:750px;
	height:288px;
	background-color:#000000;
	}
#menuWindowContainerNewYears{
	width:750px;
	height:30px;
	background-color:#000000;
	}

#nav {
	height:37px; 

}

#navContainer {

}

.makeAres {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#eb9b02;
	font-size:12px;
	font-weight:bolder;
         
}
#windowContentContainer {
	background-color:#FFFFFF;
	width:696px;
	height:321px;
	border:double #828282 ;
	text-align:left;

	
}
#SurveywindowContentContainer {
	background-color:#FFFFFF;
	width:696px;
	height:440px;
	border:double #828282 ;
	text-align:left;

	
}
#menuWindowContentContainer {
	background-color:#FFFFFF;
	width:696px;
	height:221px;
	border:double #828282 ;
	text-align:left;
	
}
#menuWindowLeftContent {
	width:190px;
	height:221px;
	text-align:left;
        margin-top:15px; 
	margin-left:15px;
	overflow:hidden;
	line-height:15px;
}
#menuWindowRightContent {
	float:right;
	border-left: double #828282 ;
        height:198px;
        width:472px;
}
#windowLeftContent {
	width:190px;
	height:285px;
	text-align:left;
        margin-top:15px;
	margin-left:15px;
	overflow:hidden;
	line-height:15px;
}
#windowLeftnoContent {
	width:220px;
	height:440px;
	text-align:left;
	overflow:hidden;
}
#windowContentRight {
	width:456px;
	height:400px;
	text-align:left;
        margin-top:8px;
	margin-left:8px;
	overflow:hidden;
	line-height:15px;
}
#windowRightContent {
	float:right;
	border-left: double #828282 ;
        height:321px;
        width:469px;
        font-size:10px;
}
#SurveywindowRightContent {
	float:right;
	border-left: double #828282 ;
        height:440px;
        width:469px;
        font-size:10px;
}
#windowFullContent {
        height:321px;
        width:inherit;
}
#bottomContentContainer {
      margin-top:0px;
      padding-top:0px;
      width:750px;
      background-color:#631610;
     text-align:left;

}

#bottomLeft {
    margin-left:40px;
    padding-top:15px;
    width:188px;
    text-align:center;
}

#bottomLeftImages img{
    border:#FFFFFF solid thin;
}

#bottomRight {
  text-align:left;
    color:#ffffff;
    float:right;
    width:450px;
height:auto;
margin:25px;

}
  
#footer {
	color:#FFFFFF;
	font-size:10px;
	}
	
	
	/********************Navigation ***************/

#nav {

	position: relative;

	margin: 0;

	padding: 0;

	width: 750px;

	height: 37px;

	background: url(../images/nav.gif) 0 0 no-repeat;

}

#nav li {

	position: absolute;

	top: 0;

	margin: 0;

	padding: 0;

	list-style: none;


}

#nav li, #nav a {

	height: 37px;

	display: block;

}

/* ----- sets the current state of the main menubar based on the class applied to the body tag ----- */

body.menu #nav li#nav-01 a {
	background: transparent url(../images/nav.gif) -0px -37px no-repeat;
        
}
body.experience #nav li#nav-02 a {
	background: transparent url(../images/nav.gif) -86px -37px no-repeat;
}
body.news #nav li#nav-03 a {
	background: transparent url(../images/nav.gif) -215px -37px no-repeat;
}
body.info #nav li#nav-04 a {
	background: transparent url(../images/nav.gif) -311px -37px no-repeat;
}
body.reservations#nav li#nav-05 a {
	background: transparent url(../images/nav.gif) -403px -37px no-repeat;
      
}
body.survey #nav li#nav-06 a {
	background: transparent url(../images/nav.gif) -545px -37px no-repeat;
}
body.contact #nav li#nav-07 a {
	background: transparent url(../images/nav.gif) -642px -37px no-repeat;
}

/* ----- defines the hit area of the buttons for each link ----- */

#nav-01 {
	left: 0px;
	width: 86px;
}
#nav-02 {
	left: 86px;
	width: 129px;
}
#nav-03 {
	left: 215px;
	width: 96px;
}
#nav-04 {
	left: 311px;
	width: 92px;
}
#nav-05 {
	left: 403px;
	width: 142px;
}
#nav-06 {
	left: 545px;
	width: 97px;
}
#nav-07 {
	left: 642px;
	width: 108px;
}
/* ----- changes the hover state of the menu bar ----- */
#nav-01 a:hover {
	background: transparent url(../images/nav.gif) -0px -37px no-repeat;
}
#nav-02 a:hover {
	background: transparent url(../images/nav.gif) -86px -37px no-repeat;
}
#nav-03 a:hover {
	background: transparent url(../images/nav.gif) -215px -37px no-repeat;
}
#nav-04 a:hover {
	background: transparent url(../images/nav.gif) -311px -37px no-repeat;
}
#nav-05 a:hover {
	background: transparent url(../images/nav.gif) -403px -37px no-repeat;
}
#nav-06 a:hover {
	background: transparent url(../images/nav.gif) -545px -37px no-repeat;
}
#nav-07 a:hover {
	background: transparent url(../images/nav.gif) -642px -37px no-repeat;
}
#nav span {
	display: none;
}

/*STYLES FOR RESERVATION BOX*/

select , input {

color: #111111;
margin-top: 2px;
padding-left: 0px;
padding-right: 0px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 10px;

}

.reservation, .reservation_inner {	
	width: 238px;
	padding-top: 2px;

}

.reservation_inner img {
display: block;
float: none;
clear: left;

}
.reservation p, .reservation_inner p {
	float: left;
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0px 5px 0px 0px;
}

#location {
	width: 161px;
}

#party {
	width: 49px;
}

#date {
	width: 87px;
}

#time {
	width: 70px;
}
#hour {
	width: 52px;
}

#buttonHolder {
	margin:0px;
	float:right;
}
button {
margin-top:15px;
width: 87px;
color: #f0a900;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
background-color: #831300;
border:solid 1px #f0a900;
text-align: center;cursor: pointer;
}


/*END OF STYLES FOR RESRVATION BOX*/

.calHolder {

margin-top: 2px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
background-color: #ffffff;
cursor:default;
color:#000000;
}


	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			text-decoration:none;
			background-color: #841300;
			font-weight:bold;
			text-align:center;
			color: white;
			}
	.TESTcpMonthNavigation A
			{
			color: #f0a900;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			text-align:center;
			font-family: Tahoma, Arial;
			font-size:11px;
			padding: 3px 3px 3px 3px;
			margin: 3px 3px 3px 3px;
			margin: 0px 0px 0px 0px !ie;
			color:#FFFFFF;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:center;
			background-color: #841300;
			font-weight:bold;
			width: 25px;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate A
			{
			color:#000000;
			text-align:center;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			height: 14px;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#CCCCCC;
			text-align:center;
			text-decoration:line-through;
			font-weight:normal;
			}
	.TESTcpCurrentMonthDate A
			{
			color:#000000;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight: normal;
			}
	.TESTcpOtherMonthDate
			{
			background-color: #EEEEEE;
			}
	.TESTcpOtherMonthDate A
			{
			color: #000000;
			}
	TD.TESTcpCurrentDate
			{
			background-color: #841300;
			}
	TD.TESTcpCurrentDate A
			{
			color: #FFFFFF;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border:1px solid #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:1px solid #DDDDDD;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color: #000000;
			font-weight: normal;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color: #D0D0D0;
			}
	.TESTcpBorder
			{
			border: 1px solid #841300;
			background-color:white;
			}

/*******Sub menu navigation***********/

.indentmenu{
font: 13px Arial;
width: 100%; /*leave this value as is in most cases*/
padding-top: 4px;
background: #58110a;
}

.indentmenu ul{
height:20px;
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background: #58110a;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
color:#f0a900; /*text color*/
padding: 4px 11px;
text-decoration: none;
}

.indentmenu ul li a:visited{
color: #f0a900;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 4px; /*shift text down 1px for selected and active item*/

background: #63160f;
}
/* End of 'thequarter' */

