/******************************************************
*
*					GENERAL TAGS
*
******************************************************/

* {	
	margin:0 auto;
	padding:0;
}

body {
	font-family:Arial;
	background:#c0c0c0;}

h1,h2,h3,h4,h5,h6 {
	font-size: 12px;
}
a img {
	border:none;
	border:0px;
}
a {text-decoration:none;display:block; font-size:12px; border:0px; border:none;}
ul {list-style:none;font-size: 12px;}
img{border:none; border:0px;}
.clear {clear:both;}

#wrapper{width:100%;}
#wrapper #container{width:968px;}

/***** Rounded Rectangle****/
.middle_libgTop{	
	background:url("../images/menu_dot.jpg") repeat-x scroll left top;
	}
	.middle_libgBottom{
		background:url("../images/menu_dot.jpg") repeat-x scroll left bottom;
		}
		.middle_libgLeft{
			background:url("../images/menu_dot.jpg") repeat-y scroll left top;
			}
			.middle_libgRight{
				background:url("../images/menu_dot.jpg") repeat-y scroll right top transparent;
				}
				.middle_liBorderBL{
					background:url("../images/menu_bottom_left.jpg") no-repeat bottom left;
					}
					.middle_liBorderBR{
						background:url("../images/menu_bottom_right.jpg") no-repeat bottom right;
						}
						.middle_liBorderTL{
							background:url("../images/menu_top_left.jpg") no-repeat top left;
							}
							.middle_liBorderTR{
								background:url("../images/menu_top_right.jpg") no-repeat scroll top right;
								padding:10px;}
/***** End of Rounded Rectangle****/

/***** Header and Logo ****/
#header{
	background:url("../images/header.jpg") no-repeat scroll left top #B22417;
	height:152px;
	width:100%;
	padding-top:48px;
	}

#header .left{width:30%;height:100%;float:left;text-align:left;}
#header .left .pad{padding:25px 0 0 20px;}
#header .center{width:40%;height:100%;float:left;}
#header .right{width:30%;height:100%;float:left;text-align:right;}
#header .right .pad{padding:25px 25px 0 100px;}

#header .right .pad .top{}

#header .right .pad .bottom{margin-top:10px;}
#header .right .pad .bottom .links{
	float:left;
	height:40px;
	width:20px;
	background: url(../images/facebook.jpg) no-repeat top left;}
#header .right .pad .bottom .player{	
	float:right;
	height:40px;
	width:142px;
	background: url(../images/player.jpg) no-repeat top left;}

#header p{font-size:12px;color:#eecfa9;}

#logo{padding-top:30px;}
#logo a{text-align:center;}
#logo img{}
/***** End of Header and Logo ****/

/*****Menus/*****/
#menuLeft{
	width:200px;
	float:left;}
#menuLeft .list{}
#menuLeft .list h2{font-weight:bold;font-size:14px;}
#menuLeft .list ul{}
#menuLeft .list ul li{}
#menuLeft .list ul li a{color:#000;font-size:14px;}

#menuLeft .list .login{}
#menuLeft .list .login h2{color:#0B6CA4;}
#menuLeft .list .information{padding:20px 0;}
#menuLeft .list .information h2{color:#269de1;}
#menuLeft .list .contribute{}
#menuLeft .list .contribute h2{color:#269de1;}

#menuRight{
	width:200px;
	float:right;}
#menuRight .button{}
#menuRight .button ul{}
#menuRight .button ul li{float:left;height:90px;width:90px;}
#menuRight .button ul li a{}
#menuRight .button ul li img{}
/***** End of Menus/*****/


/***** Content and Center****/
#content{width:100%; margin:0px!important; position:relative;}
#content #center{}
#content #center .pad{
	width:100%;
}
#content #center .pad.aboutUsPage,
#content #center .pad.menuPage {
	background:#FFFFFF;
}
#content #center .pad .container{width:100%;}
#content #center .pad .container .pad{padding:0;}
#content #center .pad .container .pad .title{
	color:#269DE1;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:100%;
	}
#content #center .pad .container .pad .info {text-align:justify; width:90%;font-size:12px;}
#content #center .pad .container .pad .info p {font-size:12px; color:#000;}
/***** End of Content ****/

/***** Footer ****/
#footer{
    height:80px;
    margin-top:-41px;
    width:100%;
    background: url(../images/footer_slice.png) repeat-x;
}
#footer .frog{
    background: url(../images/frog.png) no-repeat top left;
    height:70px;
    width:70px;
    margin:0 0 0 449px;
    position:absolute;
}	

#footer ul{padding:50px 10px;}
#footer ul li{ float:left; }
#footer ul li a{
    font-size: 13px; /* font-size:16px; HINT 2 */
    color:#fff;
    font-weight:bold;
    padding: 0 5px;
}
	
#footer h2{color:#0b6ca4;font-size:16px;font-family:helvetica;}
/***** End of Footer ****/

/***** KeyPad *******/
.keypad{padding:40px 20px 0;}
.keypad .item{
	background:#fff;
	margin:0 10px;
	min-height:410px;
	height:auto !important;
	height:410px;
	width:165px;
	float:left;}
.keypad .item a{
	width:100%;
        color: #333; /* HINT 1: damian.ignacio@gmail.com */
	/* min-height:127px;
	height:auto !important;
	height:127px; */
	float:left;
}
.keypad .item .top{float:left;height:90px;width:100%;}
.keypad .item .top table{
	height:100%;
	text-align:center;
	width:100%;}
.keypad .item .top table tbody{}
.keypad .item .top table tbody tr{}
.keypad .item .top table tbody tr td{vertical-align:middle;}
.keypad .item .bottom{float:left;width:100%;}
.keypad .item .bottom .center{text-align:center;padding:20px;}
.keypad .item .bottom .center p{font-size:12px;}

/*.keypad .item1 a{
	background:url("../images/home_item1.jpg") no-repeat scroll center top;
	}
.keypad .item2 a{	
	background:url("../images/home_item2.jpg") no-repeat scroll center top;
	}
.keypad .item3 a{
	background:url("../images/home_item3.jpg") no-repeat scroll center top;
	}
.keypad .item4 a{
	background:url("../images/home_item4.jpg") no-repeat scroll center top;
	}
.keypad .item5 a{
	background:url("../images/home_item5.jpg") no-repeat scroll center top;
	}
*/	
/***** Quote *******/
.quote{
	background: url(../images/purely_quote.png) no-repeat center center;
	width:100%;
	height:50px;
	margin-top:30px;

	}

/******************************************************
*
*					HOMEPAGE
*
******************************************************/
#homepage{
	background: transparent url("../images/home_bg.jpg") top center repeat-y scroll;
}
#homepage .pad{padding-bottom:20px;}
#homepage .pad .box{
	}
#homepage .pad .box .bgBottom{
	background:url("../images/home_bg_bottom.jpg") no-repeat bottom center;}
#homepage .pad .box .bgBottom .banner{
	min-height:338px;
	height:auto !important;
	height:338px;}


/******************************************************
*
*					TABPAGE
*
******************************************************/
#tabpage{}
#tabpage .pad{}
#tabpage .pad .title{text-align:center;}
#tabpage .pad .subtitle{font-size:13px;font-weight:bold;text-align:center;}
#tabpage .pad .welcome{font-size:13px;font-weight:bold;text-align:center;}
#tabpage .pad .content{text-align:center;}
#tabpage .pad .content .pad{}
#tabpage .pad .content .pad .top{}
#tabpage .pad .content .pad .top .tabs{}
#tabpage .pad .content .pad .top .tabs .tab{}
#tabpage .pad .content .pad .top .tabs .tab1{}
#tabpage .pad .content .pad .top .tabs .tab2{}
#tabpage .pad .content .pad .top .tabs .tab3{}

#tabpage .pad .content .pad .middle{}
#tabpage .pad .content .pad .middle .pad{}
#tabpage .pad .content .pad .middle .pad .content{}


/***/

ul.tabs {
	padding: 0;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 85%;
	margin:0 auto;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	margin:0 auto;
	border: 1px solid #999;
	border-top: none;
	clear: both; 
	width: 85%;
	background: #fff;
	/*min-height:298px;
	height: auto !important;
	height:298px;*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_container a{
	color:#269DE1;
	
	
	padding:0 5px;}
.tab_container .logOut{
	text-align:right;}
.tab_container .pic{
	float:left;}

.tab_container .box{
	float:right;
	width:325px;
}
.tab_container .box .label{float:left;
font-size:17px;}
.tab_container .box .value{float:right;
font-size:17px;}
.tab_container .box input{
	border:none;
	background:none;
	color:#000;
	font-weight:bold;
	
	font-size:14px;
	}
.tab_container .buttons{
margin-top:20px;
	float:left;
width:100%;}
.tab_container .buttons .center{float:left;}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	overflow:hidden;
}
.tab_content form{float:left;width:100%;}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
}
/**  NEW STYLES BY ACIDMORPH **/

#content_wrap:after,
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#content_wrap {
	background:url(../images/content_bg.jpg) 0px -70px repeat-y;
	clear:both;
	min-height:250px;
}

#mainNav {
	background:url(../images/mainNav_bg.jpg) no-repeat;
	display:inline;
	float:left;
	height:37px;
	margin:2px 0px;
	width:100%;
}
#mainNav li {
	display:inline;
	float:left;
}
#mainNav li span {
	display:none;
}
#mainNav li span,
#mainNav li a {
	display:block;
	height:33px;
	text-indent:-9999px;
}
#mainNav li.about span,
#mainNav li.about a {
	background:url(../images/about_btn_bg.png) no-repeat top left;
	margin:0px 12px 0px 40px;
	width:128px;
}
#mainNav li.menus span,
#mainNav li.menus a {
	background:url(../images/menus_btn_bg.png) no-repeat top left;
	margin:0px 20px 0px 0px;
	width:101px;
}
#mainNav li.reservations span,
#mainNav li.reservations a {
	background:url(../images/reservations_btn_bg.png) no-repeat top left;
	margin:0px 11px 0px 0px;
	width:173px;
}
#mainNav li.diningRoom span,
#mainNav li.diningRoom a {
	background:url(../images/dining_btn_bg.png) no-repeat top left;
	margin:0px 3px 0px 0px;
	width:178px;
}
#mainNav li.barLounge span,
#mainNav li.barLounge a {
	background:url(../images/bar_btn_bg.png) no-repeat top left;
	margin:0px 8px 0px 0px;
	width:182px;
}
#mainNav li.extras span,
#mainNav li.extras a {
	background:url(../images/extras_btn_bg.png) no-repeat top left;
	width:100px;
}
#mainNav li span,
#mainNav li a:hover {
	background-position:bottom!important;
}

.subNav {
	background:url(../images/subNav_bg.jpg) no-repeat;
	display:inline;
	float:left;
	height:27px;
	line-height:24px;
	padding-left:40px;
	width:928px;
}
.subNav li {
	display:inline;
	float:left;
	margin-right:62px;
}
.subNav a {
	font-size:13px;
	color:#000000;
	text-decoration:none;
}
.subNav a:hover {
	text-decoration:underline;
}
.subNav a.selected {
	text-decoration:underline;
	font-weight:bold;
}

/* SHOWING AND HIDDING COMPONENTS FOLLOWING CLASS OF PAD CONTAINER */

.menuPage #mainNav .menus a,
.aboutUsPage #mainNav .about a {
	display:none;
}
.menuPage #mainNav .menus span,
.aboutUsPage #mainNav .about span {
	display:block;
}
.menuPage #snAbout,
.aboutUsPage #snMenus {
	display:none;
}


/* TOP IMAGES COMPONENT */

ul.top_images {
	background:#FFFFFF;
	display:inline;
	float:left;
	padding:13px 11px 8px 11px;
	width:946px;
}
ul.top_images li {
	display:inline;
	float:left;
	margin-right:5px;
}
ul.top_images li.last {
	margin-right:0px;
}
.shadow_images {
	clear:both;
	background:url(../images/shadow_images_bg.png) repeat-x;
	height:7px;
	width:100%;
}

/* about content */

.aboutUsPage h2 {
	background:url(../images/h2_about_img.png) no-repeat;
	text-indent:-9999em;
	height:16px;
margin:25px 0 10px 10px;
}
.aboutUsPage .col_2,
.aboutUsPage .col_1 {
	display:inline;
	float:left;
	width:385px;
	padding:15px 0px 0px 40px;
}
.aboutUsPage .col_2 {
	padding-left:80px;
	width:410px;
}
.aboutUsPage p {
	color:#010000;
	font-size:12px;
	line-height:18px;
}
.aboutUsPage .quote,
.menuPage .quote {
	background-position:bottom center;
	clear:both;
	margin:0 0 50px 0;
	padding-top:60px;
}

/* MENUs content */

.menuPage .print_btn {
	background: url(../images/print_btn.png) no-repeat left center;
	color:#B12317;
	display:inline;
	float:right;
	margin:20px 190px 0px 0px;
	padding-left:10px;
}
.menuPage .print_btn:hover {
	text-decoration:underline;
}
.menuPage .back_top {
	background: url(../images/top_btn.png) no-repeat left center;
	display:inline;
	clear:both;
	color:#585656;
	padding-left:10px;
	float:left;
}
.menuPage .back_top:hover {
	text-decoration:underline;
}
.menuPage h2 {
	background: url(../images/h2_menus_img.png) no-repeat;
	color:#B12317;
	display:inline;
	height:16px;
	float:left;
	font-size:24px;
	margin:20px 0px 0px 250px;
	text-indent:-9999em;
	width:144px;
}
.menuPage h3 {
	color:#B12317;
	font-size:16px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
}
.cat_menu {
	clear:both;
	display:inline;
	float:left;
	font-size:14px;
	padding:30px 0px 0px 30px;
	width:220px;
}
.cat_menu li a {
	background:url(../images/bullet_menu_cat_bg.png) no-repeat left center;
	color:#000000;
	font-size:14px;
	padding-left:14px;
}
.cat_menu li a:hover {
	text-decoration:underline;
}
.cat_menu li {
	margin-bottom:15px;
}
.menuPage .col_1 {
	display:inline;
	float:left;
	font-size:12px;
	width:700px;
}
.menuPage .category.col_2 {
	border:none;
	margin-left:60px;
	padding-top:30px;
}
.menuPage .category {
	border-right:#000000 solid 1px;
	display:inline;
	float:left;
	margin:20px 0px;
	width:270px;
}
.menuPage dl {
	margin-top:20px;
	padding-right:70px;
}
.menuPage dl dt {
	font-weight:bold;
}
.menuPage dl dt span {
	display:inline;
	float:left;
	width:155px;
}
.menuPage dl dt strong {
	display:inline;
	float:right;
}
.menuPage dl dd {
	background:url(../images/bullet_subitem_menus_img.png) no-repeat left center;
	clear:both;
	line-height:25px;
	padding-left:10px;
}
p{
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.align_page{
padding:15px 15px 15px 15px;
}
.align_page h3{
color:#B22417;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
padding:0 0 7px 10px;
}
.outer_show{
float:left;
padding:15px 15px 15px 8px;
width:900px;
}
.inner_show{
float:left;
width:250px;
}

.inner_show1{
float:left;
text-align:center;
width:287px;
}
.red_normal{
color:#B22417;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding:10px 0 4px 10px;
}
.down{
	display:inline;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	float:left;
}
.heading h2{
color:#b22417;
font-family:Helvetica, arial, sans-serif;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
background:none;
float:left;
height:16px;
margin:20px 0 0 250px;
text-indent:0;
width:293px;
display:inline;
}