@import "reset.css";


/*------- Global Styles ------*/

body { 
	font-size: 12px;
	letter-spacing: 0.5px;
	background-color: #70a9c7;
	background-image: url(/_images/bg_blue.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
}

a {
	text-decoration: none;
	color: #6486d7;
}

a:hover {
	color: #779fff;
}

h1, h2, h3, ul#menu_tabs li {
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
}

img.dot {
	width: 1px;
	height: 1px;
}


/*------- jQuery UI ------*/

.ui-tabs-hide {  
	display: none;  
} 



/*------ Main Structure ------*/

div#container {
	width: 860px;
	margin: 20px auto 30px auto;
}

div#header {
	position: relative;
	width: 860px;
	height: 147px;
	float: left;
	margin-bottom: 1px;
	background: transparent url(/_images/bg_header.png) 0 0 no-repeat;
}

div#content {
	position: relative;
	width: 860px;
	float: left;
	margin-bottom: 5px;
}

div#content div#content_top {
	float: left;
	width: 860px;
	height: 12px;
	background: transparent url(/_images/bg_content_top.png) 0 0 no-repeat;
}

div#content div#content_middle {
	float: left;
	width: 775px;
	padding: 21px 42px 35px 43px;
	background: transparent url(/_images/bg_content_middle.png) 0 0 repeat-y;
}

div#content div#content_middle div#bk_bg {
	float: left;
	background: #000;
	width: 775px;
}

div#content div#content_bottom {
	float: left;
	width: 860px;
	height: 12px;
	background: transparent url(/_images/bg_content_bottom.png) 0 0 no-repeat;
}

div#footer {
	position: relative;
	width: 850px; 
	height: 48px;
	float: left;
	margin: 0 0 0 5px;
	background: transparent url(/_images/bg_footer.png) 0 0 no-repeat;
	font-size: 12px;
}



/*----------- Header ---------*/

img#logo_text {
	position: absolute;
	width: 454px;
	height: 76px;
	top: 16px;
	left: 156px;
}


div#qrcode_header {
	position: absolute;
	width: 96px;
	height: 96px;
	top: -15px;
	right: -15px;
	background: transparent url(/_images/qrcode.png) 0 0 no-repeat;
}

ul#navbar {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 691px;
	height: 37px;
	background: transparent url(/_images/bg_header_nav.gif) 0 0 no-repeat;
	
}

ul#navbar li {
	display: inline;
	
}

ul#navbar li a {
	float: left;
	height: 21px;
	color: #fff;
	padding: 3px 0 0 0;
	text-align: center;
	margin: 4px 0 4px 4px;
	font-size: 12px;
	font-weight: 100;
	letter-spacing: 1px;
}

ul#navbar li a.selected {
	font-weight: bold;
}

ul#navbar li a#nav_el1 {
	width: 78px;
}

ul#navbar li a#nav_el1:hover, ul#navbar li.selected a#nav_el1 {
	background: transparent url(/_images/bg_sprite_navbar2.gif) 0 0 no-repeat;
}

ul#navbar li a#nav_el5 {
	width: 124px;
}

ul#navbar li a#nav_el5:hover, ul#navbar li.selected a#nav_el5 {
	background: transparent url(/_images/bg_sprite_navbar2.gif) 0 -24px no-repeat;
}

ul#navbar li a#nav_el4 {
	width: 127px;
}

ul#navbar li a#nav_el4:hover, ul#navbar li.selected a#nav_el4 {
	background: transparent url(/_images/bg_sprite_navbar2.gif) 0 -48px no-repeat;
}

ul#navbar li a#nav_el2 {
	width: 153px;
}

ul#navbar li a#nav_el2:hover, ul#navbar li.selected a#nav_el2 {
	background: transparent url(/_images/bg_sprite_navbar2.gif) 0 -72px no-repeat;
}

ul#navbar li a#nav_el3 {
	width: 180px;
}

ul#navbar li a#nav_el3:hover, ul#navbar li.selected a#nav_el3 {
	background: transparent url(/_images/bg_sprite_navbar2.gif) 0 -96px no-repeat;
}

img.icon_modal {
	margin: 1px 5px 0 0;
	vertical-align: top;
}

div#lang_links {
	position: absolute;
	top: -15px;
	left: 5px;
	color: #f0f0f0;
}

div#lang_links img, div#f_lang_links img {
	margin-right: 3px;
	vertical-align: top;
}

div#lang_links a, div#f_lang_links a {
	color: #f0f0f0;
	padding: 0 5px 0 24px;
	border-right: 1px solid #fff;
	
}

div#lang_links a.endrow, div#f_lang_links a.endrow {
	border-right: none
}

div#lang_links a:hover, div#f_lang_links a:hover {
	color: #fff;
}

div#lang_links a.selected, div#f_lang_links a.selected {
	color: #fff;
	font-weight: bold;
}



/*---------- Footer ---------*/

div#f_lang_links {
	position: absolute;
	top: 12px;
	left: 10px;
	color: #f0f0f0;
}
/* NOTE: For the rest of f_lang_links css, see header section */

ul#f_navbar {
	position: absolute;
	top: 12px;
	right: 10px;
}

ul#f_navbar li {
	display: inline;
}


ul#f_navbar li a {
	padding: 0 10px;
	border-right: 1px solid #fff;
	color: #fff;
	
}

ul#f_navbar li a.endrow {
	border-right: none;
}

ul#f_navbar li.selected a {
	color: #000;
}

ul#f_navbar li a:hover {
	color: #000;
}




/*---------- Home Section ---------*/



div#home_intro, div#event {
	float: left;
	width: 775px;
	margin-bottom: 10px;

}

div#event img {
	
}


h2#welcome, h3#event_h3 {
	float: left;
	width: 775px;
}


img#home_main_photo {
	float: left;
	width: 286px;
	border: 2px solid #fff;
	margin: 0 30px 20px 0;
}

p#intro_text {
	float: left;
	width: 455px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

ul#intro_points {
	float: left;
	width: 440px;
	margin: 10px 0 0 15px;
}

ul#intro_points li {
	float: left;
	width: 210px;
	height: 70px;
	margin: 0 20px 30px 0;
}

ul#intro_points li.endrow {
	margin-right: 0;
}

ul#intro_points li h3 {
	float: left;
	width: 128px;
	margin: 5px 0;
	font-size: 14px;
}

ul#intro_points li h3.no_sub {
	margin: 17px 0 5px 0;
}

ul#intro_points li h3 span {
	font-size: 13px;
}

ul#intro_points li h3.no_desc {
	margin: 20px 0 0 0;
}

ul#intro_points li p {
	float: left;
	width: 133px;
	font-size: 12px;
	line-height: 20px;
}

ul#intro_points li img {
	float: left;
	margin: 0 7px 7px 0;
	width: 50px;
	height: 50px;
}


img#event_banner {
	width: 775px;
	height: 190px;
}

/*	Photos Section	*/

ul#photo_thumbs {
	position: relative;
	display: block;
	float: left;
	width: 376px;
	height: 173px;
	margin-right: 49px;
}

ul#photo_thumbs li {
	display: block;
	float: left;
	width: 79px;
	height: 79px;
	margin: 0 20px 20px 0;
}

ul#photo_thumbs li.endrow {
	margin-right: 0;
}

ul#photo_thumbs li a {
	display: block;
	width: 77px;
	height: 77px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

ul#photo_thumbs li a img {
	width: 75px;
	height: 75px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



ul#photo_thumbs li a:hover, ul#photo_thumbs li a:hover img {
	border-top: 1px solid #fff;
}


h2 {
	font-size: 24px;
	padding-bottom: 2px;
	margin-bottom: 15px;
	background: transparent url(/_images/bg_header_line.gif) bottom left repeat-x;
}

h3#event_h3, h3#messages_h3, h3#photos_h3 {
	position: relative;
	float: left;
	font-size: 16px;
	padding-bottom: 2px;
	margin: 15px 0;
	background: transparent url(/_images/bg_header_line.gif) bottom left repeat-x;
}

h3#photos_h3 {
	width: 376px;
	margin-right: 49px;
}

h3#messages_h3 {
	width: 350px;
}


h3#event_h3 {
	margin-top: 0;
}




h2#visit_us {
	float: left;
	width: 775px;
}

a#more_photos, a#more_msgs {
	position: absolute;
	bottom: 4px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

a#more_msgs {
	height: 16px;
	padding-bottom: 2px;
}

a#more_msgs img {
	vertical-align: bottom;
}


/* Messages section */
 
div#messages {
	float: left;
	width: 350px;
	height: 200px;
	margin-bottom: 30px;
	position: relative;
}

ul.visitor_msgs  {
	float: left;
	width: 350px;
}

ul#preview_msgs  {
	height: 200px;
	overflow-y: hidden;
}


ul.visitor_msgs li {
	float: left;
	margin-bottom: 15px;
	background: #fff url(/_images/msg_bubble_middle.gif) 0 0 repeat-y;
}

ul.visitor_msgs li p {
	float: left;
	padding: 7px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #74a57b;
	background: transparent url(/_images/msg_bubble_top.gif) 0 0 no-repeat;
}

ul.visitor_msgs li p img {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	border: 1px solid #333;
}

ul.visitor_msgs li p.alt {
	color: #7487a5;
}


ul.visitor_msgs li span.msg_info {
	display: block;
	float: left;
	width: 344px;
	height: 0px;
	padding: 4px 3px 0 3px;
	text-align: right;
	background: #000 url(/_images/msg_bubble_bottom.gif) 0 0 no-repeat;
	color: #ddd;
}

ul.visitor_msgs li span.msg_info_text {
	float: left;
	width: 350px;
	height: 19px;
	margin-top: -1px;
	color: #fff;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.5px;
	background: #000;
}

ul.visitor_msgs li span.msg_info_text span.date {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

ul.visitor_msgs li span.msg_info_text img {
	width: 19px;
	height: 14px;
	margin-bottom: 5px; 
}


ul#preview_msgs li  {
	width: 350px;
}

ul#preview_msgs li p {
	width: 336px;
}

ul#preview_msgs li div.msg_info {
	width: 344px;
}

div#messages div#msg_grad_overlay {
	position: absolute;
	width: 350px;
	height: 200px;
	top: 0;
	left: 0;
	background: transparent url(/_images/bg_msg_blackgrad.png) bottom left repeat-x;
	z-index: 1000;
}

div#msg_popup {
	width: 84px;
	height: 70px;
	padding: 18px 18px 0 18px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	z-index: 2;
	background: transparent url(/_images/bg_popup.png) 0 0 no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.5px;
	display: none;
}

a#add_msg {
	position: absolute;
	height: 20px;
	left: 0;
	bottom: -30px;
}

/* Messages Modal Window  */

  
.jqmWindow {
    display: none;
    position: fixed;
    padding: 30px;
    background: #000 url(/_images/bg_blackgrad.gif) 0 0 repeat-x;
	color: #fff;
    border: 2px solid #fff;
}

div#messages_modal {
    top: 5%;
    left: 50%;
    margin-left: -435px;
    width: 810px;
}

.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


div#contact_modal {
    top: 5%;
    left: 50%;
    margin-left: -190px;
    width: 350px;
}


span#modal_msg_form_error {
	position: absolute;
	width: 500px;
	text-align: center;
	left: 185px;
	bottom: 3px;
	font-size: 14px;
}

span#modal_cntct_form_error {
	font-size: 14px;
	text-align: right;
	float: right;
}

form#modal_msg_form, form#modal_cntct_form {
	float: left;
	width: 380px;
	margin: -8px 30px 0 0;
}

form#modal_msg_form span.send_success, form#modal_cntct_form span.send_success {
	padding: 15px 0;
	font-size: 16px;
}

form#modal_msg_form span.send_success strong, form#modal_cntct_form span.send_success stron{
	font-weight: bold;
	font-size: 18px;
}

form#modal_msg_form fieldset {
	border: 1px solid #999;
	padding: 15px;
}

form#modal_cntct_form fieldset  {
}


form#modal_msg_form fieldset legend, form#modal_cntct_form fieldset legend {
	padding: 0 10px;
	font-size: 14px;
	color: #fff;
}

form#modal_msg_form fieldset span, form#modal_cntct_form fieldset span {
	float: left;
	display: block;
	width: 320px;
	padding: 2px;
	font-size: 10px;
}


form#modal_msg_form fieldset input.text, form#modal_cntct_form fieldset input.text {
	float: left;
	width: 320px;
	padding: 2px;
	font-size: 14px;
	margin-bottom: 10px;
}

form#modal_msg_form fieldset textarea, form#modal_cntct_form fieldset textarea {
	float: left;
	width: 324px;
	height: 100px;
	padding: 2px;
	font-size: 14px;
	margin-bottom: 10px;
}

form#modal_msg_form fieldset input.highlighted, form#modal_msg_form fieldset textarea.highlighted, form#modal_cntct_form fieldset input.highlighted, form#modal_cntct_form fieldset textarea.highlighted {
	background: #ff0000;
}

form#modal_msg_form fieldset input.submit, form#modal_cntct_form fieldset input.submit {
	float: left;
	padding: 5px;
	font-size: 14px;
}

form#modal_cntct_form fieldset input.submit {
	clear: left;
	padding: 5px;
	font-size: 14px;
}

h2#modal_msgs_h2, h2#modal_cntct_h2 {
	margin-bottom: 30px;
	position: relative;
}

a#show_msg_form {
	position: absolute;
	bottom: 4px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

a:hover#show_msg_form {
}


ul#modal_msgs {
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 400px;
	height: 380px;
}

ul#modal_msgs li  {
	width: 350px;
}

ul#modal_msgs li p {
	width: 336px;
}

ul#modal_msgs li div.msg_info {
	width: 344px;
}


p#address {
	float: left;
	width: 301px;
	margin: 15px 30px 0 0;
	font-size: 14px;
	line-height: 22px;
}

p#address img#interbar_sign {
	float: left;
	width: 112px;
	height: 157px;
	margin: 0 15px 15px 0;
}

p#address strong {
	display: block;
	font-size: 16px;
	color: #f33;
	margin-bottom: 10px;
}

p#address a {
	display: block;
	clear: left;
	margin-bottom: 20px;
}

p#address span {
	display: block;
	clear: left;
}

img#qrcode_content {
	width: 89px;
	height: 89px;
	margin: 10px 10px 0 0;
	vertical-align: middle;
}

div#home_map {
	float: left;
	width: 440px;
	height: 335px;
	margin-top: 15px;
	border: 2px solid #fff;
}



/* Photo Gallery */

div#gallery {
	float: left;
	width: 790px;
}

div#gallery div.navigation {
	position: relative;
	float: left;
	width: 266px;
	height: 379px;
}

div#gallery div.navigation div.pagination {
	position: absolute;
	left: 10px;
	bottom: -5px;
	width: 266px;
}



div#gallery div.navigation div.pagination span, div#gallery div.navigation div.pagination a {
	display: block;
	float: left;
	padding: 3px 9px;
	margin: 0 4px 5px 0;
	font-size: 11px;
	font-weight: bold;
	
	color: #fff;
	background: #000 url(/_images/bg_blackgrad.gif) 0 0 repeat-x;
	
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

div#gallery div.navigation div.pagination span.current, div#gallery div.navigation div.pagination a:hover {
	background: #fff url(/_images/bg_whitegrad.gif) bottom left repeat-x;
	color: #000;
	border: 2px solid #fff;
}


div#gallery div.navigation ul.thumbs {
	float: left;
	width: 267px;
}

div#gallery div.navigation ul.thumbs li {
	float: left;
	width: 79px;
	height: 79px;
	margin: 0 0 10px 10px;
}


div#gallery div.navigation ul.thumbs li img {
	width: 75px;
	height: 75px;
	border: 2px solid #fff;
}

div#gallery div#left_col {
	float: left;
	width: 500px;
	margin-right: 10px;
}

div#gallery div#left_col div.controls {
	position: relative;
	float: left;
	width: 500px;
	height: 30px;
}

div#gallery div#left_col div.controls div.ss-controls {
	position: absolute;
	top: 0;
	left: 0;
}

div#gallery div#left_col div.controls div.nav-controls {
	position: absolute;
	top: 0;
	right: 0;
}

div#gallery div#left_col div.controls div.nav-controls a, div#gallery div#left_col div.controls div.ss-controls a {
	display: block;
	float: left;
	padding: 4px 10px;
	background: #000 url(/_images/bg_blackgrad.gif) 0 0 repeat-x;
	color: #fff;
	
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

div#gallery div#left_col div.controls div.nav-controls a{
	
	margin-left: 5px;
}


div#gallery div#left_col div.controls div.nav-controls a:hover, div#gallery div#left_col div.controls div.ss-controls a:hover {
	background: #000 url(/_images/bg_whitegrad.gif) 0 0 repeat-x;
	color: #000;
}

div#gallery div#left_col div.slideshow {
	float: left;
}

div#gallery div#left_col div.slideshow span.image-wrapper {
	float: left;
	display: block;
}

div#gallery div#left_col div.slideshow span.image-wrapper img {
	width: 500px;
	border: 2px solid #fff;
}

div#gallery div#left_col div#caption {
	float: left;
	margin-bottom: 15px;
	
}

div#gallery div#left_col div#caption div.image-title {
	margin: 10px 0;
	font-size: 18px;
	
}

div#gallery div#left_col div#caption a {
	
}


/*------- Access page -------*/

img#interbar_sign_l {
	float: left;
	width: 150px;
	height: 210px;
	margin: 0 30px 30px 0;
}

div#interbar_dir_address {
	display: block;
	float: left;
	width: 315px;
	height: 210px;
	margin: 0 30px 30px 0;
	
	font-size: 16px;
	line-height: 22px;
}

img#interbar_photo {
	float: left;
	width: 250px;
	height: 210px;
	margin-bottom: 30px;
	background: #fff;
}

div#interbar_dir_address strong {
	display: block;
	font-size: 20px;
	color: #f33;
	margin-bottom: 10px;
}

div#access_map {
	float: left;
	width: 771px;
	height: 396px;
	border: 2px solid #fff;
}



/*-------  Drink / Food menu -------*/

ul#menu_tabs {
	float: left;
	width: 775px;
	border-bottom: 2px solid #fff;
}

ul#menu_tabs li {
	margin-bottom: -2px;
	float: left;
	display: inline;
	padding: 7px 20px 3px 20px;
	margin-right: 10px;
	background: #d8dbcf;
	font-size: 20px;
	color: #333;
	border: 2px solid #fff;
	cursor: pointer;
}

ul#menu_tabs li.selected {
	border-color: #edf0e4;
	background: #edf0e4;
	border: 2px solid #fff;
	border-bottom: 2px solid #edf0e4;
}


ul.menu {
	float: left;
	width: 711px;
	background: #edf0e4;
	padding: 30px;
	border: 2px solid #fff;
	border-style: none solid solid solid;
}

ul.menu li {
	float: left;
	color: #333;
	width: 340px;
	margin: 0 31px 30px 0;
}

ul.menu li.endrow {
	margin-right: 0;
}


ul.menu li.wide {
	width: 711px;
}


ul.menu li img{
	float: left;
	width: 100px;
	height: 133px;
	margin: 0 20px 10px 0;
}

ul.menu li img.img_food{
	float: left;
	width: 150px;
	height: 133px;
	margin: 0 20px 10px 0;
}


ul.menu li h3 {
	float: left;
	color: #333;
	width: 207px;
	font-size: 18px;
	padding-bottom: 3px; 
	margin: 0 0 10px 0;
	background: transparent url(/_images/bg_header_line.gif) bottom left repeat-x;
}

ul.menu li h3.food {
	width: 167px;
}


ul.menu li p {
	float: left;
	color: #333;
	width: 180px;
	font-size: 15px;
	line-height: 20px;
}


ul.menu li p.food {
	width: 167px;
}


ul.menu li.wide h2 {
	color: #333;
	font-size: 18px;
	padding-bottom: 0px;
	margin-bottom: 0;
	background-image: none;
	border-bottom: 3px solid #fff;
}


ul.menu li.wide h3{
	float: left;
	color: #333;
	width: 591px;
	font-size: 18px;
	padding-bottom: 3px; 
	margin: 0 0 10px 0;
	background: transparent url(/_images/bg_header_line.gif) bottom left repeat-x;
}

ul.menu li.wide h3.food{
	width: 541px;
}