@import "reset.css";
/* Cross CSS Framework */
/* Author: Little Tree Software */

body {background:#d5d5d1 url(../img/bg.gif) center;  font:62.5% "Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",Times,serif; color:#555;}
.hidden, hr {font-size:0 !important; position:absolute !important; height:0 !important; left:-9999px !important;}
.clear:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
label {cursor:pointer;}
.outer-wrap {width:1020px; margin:0 auto; background:url(../img/page-shadow-white.png) top center no-repeat;}
.wrap {width:960px; background:#fff; margin:0px auto; position:relative; font-size:1em; padding:10px 10px 0;}

input, select, textarea {font:1.2em Arial, Helvetica, sans-serif; color:#555;}

h1 {color:#2d2d2d; font-size:3em; padding-bottom:.2em;}
h2 {color:#72A846; font-size:2em; font-weight:bold; padding-bottom:0.5em;}
h3 {color:#000; font-size:1.6em; font-weight:bold; padding-bottom:0.5em;}
h4 {color:#000; font-size:1.4em; font-weight:bold; padding-bottom:0.5em;}
h5 {color:#000; font-size:1.3em; font-weight:bold; padding-bottom:0.5em;}
h6 {color:#000; font-size:1.2em; font-weight:bold; padding-bottom:0.5em;}

p, a, li, dt, dd, label, legend {font-size:1.2em;}
li a, li p, li p a, p a, dt a, dd a, label input, label textarea, h1 a, h2 a, h3 a, h4 a, h5 a, li li, p label, li label, li input, .article p a, .article li a, li dt, li dd {font-size:1em;}

a {text-decoration:none; color:#4E7A27;}
a:hover, a:focus, a:active {text-decoration:underline;}

img {display:block;}

.col {float:left; margin-left:10px; margin-right:10px; display:inline;}

.one {width:60px;}
.two {width:140px;}
.three {width:220px;}
.four {width:300px;}
.five {width:380px;}
.six {width:460px;}
.seven {width:540px;}
.eight {width:620px;}
.nine {width:700px;}
.ten {width:780px;}
.eleven {width:860px;}
.twelve {width:940px;}

.pad {padding:1em;}
.half .pad {padding:3em;}

.pad {padding:1em;}
.crnr {position:absolute; height:10px; width:10px; display:block; font-size:0;}
.tl {background-position:top left; top:0; left:0;}
.tr {background-position:top right; top:0; right:0;}
.br {background-position:bottom right; bottom:0; right:0;}
.bl  {background-position:bottom left; bottom:0; left:0;}
.border {border:1px solid #b2b2b2;}

.header-old {padding:1em 0 2em; border-bottom:1px solid #e0e0db; margin-bottom:2em;}
.header {height:89px; border-bottom:1px solid #e0e0db; margin-bottom:3em;}
.header p {position:absolute; top:20px; left:20px;}

.banner {border:5px solid #e0e0db; height:300px; overflow:hidden; position:relative; margin-bottom:2em; background:#f3f3f1;}
.banner h1 {color:#fff; padding:0; font-size:3em; position:absolute; bottom:0; left:0; z-index:100; width:930px; height:300px; text-indent:-9999px; background:url(../img/page-h1.png) top left no-repeat;}

.sign-up {border:3px solid #d3d3ce; background:#e6e6e2; padding:1em; margin-bottom:2em;}
.book {margin-bottom:2em;}
.book a {background:url(../img/button-book.gif) top left; text-indent:-9999px; display:block; height:40px;}
.book a:hover, .book a:focus, .book a:active {background-position:0 -40px;}

.cocktails-home {margin-bottom:2em;}
.cocktails-home a {background:url(../img/button-cocktails.jpg) top left; text-indent:-9999px; display:block; height:40px;}
.cocktails-home a:hover, .cocktails-home a:focus, .cocktails-home a:active {background-position:0 -40px;}


.navigation {right:0; top:59px; position:absolute;}
.navigation ul {position:relative; float:right;}
.navigation ul li {float:left; margin-right:20px;}
.navigation ul li ul {display:none;}
.navigation ul li a {display:block; font-size:1.2em; float:left; color:#727261; height:10px; position:relative; z-index:10; padding-bottom:20px; padding-top:10px;}
.navigation ul li.current a {color:#000;}
.navigation ul li.back {position:absolute; height:40px; z-index:8;}
.navigation ul li.back .left {background:none; height:36px; border-bottom:4px solid #E0E0DB;}
.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active {text-decoration:none;} 

.content .menu .widget{margin-bottom:2em;}
.content .menu h3 {background:#72a846; padding:6px 8px; color:#fff;}
.content .menu ul {background:#eef2e6; margin:0; list-style:none;}
.content .menu ul li {display:inline; padding:0; margin:0;}
.content .menu ul li a {display:block; color:#99AA63; padding:.6em 1em; border-bottom:1px solid #C2CEA3;}
.content .menu ul li.current a {font-weight:bold; color:#424b28; background:#c8d3ad;}
.content .menu ul li a:hover, .content .menu ul li a:focus, .content .menu ul li a:active {color:#6e7c43; background:#dee5ce; text-decoration:none;}

.content {clear:both;}
.content p, .footer p {padding:0.5em 0 1em 0; line-height:1.5em;}
.content ol {margin:1em 3em; list-style-type:decimal;}
.content ul {margin:1em 3em; list-style:disc;}
.content ul li, .content ol li {padding-bottom:.3em; line-height:1.6em;}
.content ul.features {margin:0;}
.content ul.features h3 {color:#fff; font-size:1.2em;}
.content ul.features .three {background:#c1daa3; height:120px; overflow:hidden; position:relative;}
.content ul.features .overlay {position:absolute; background:#000; color:#fff; height:200px; top:90px; padding:8px 9px; width:206px;}
.content ul.features .overlay p {font-size:1em; padding:0 .5em;}
.content ul.features .overlay ul {margin:.5em 2em;}
.content ul.features .overlay ul li {padding-bottom:0; font-size:1em;}
.content ul.features .overlay ul li a {color:#fff;}
.content ul.features .food {background:url(../img/feature-image-food.jpg);}
.content ul.features .food .overlay {background:#accf83; border-color:#c1daa3;}
.content ul.features .functions {background:url(../img/feature-image-drinks.jpg);}
.content ul.features .functions .overlay {background:#aabdac; border-color:#aabdac;}
.content ul.features .comments {background:url(../img/feature-image-gallery.jpg);}
.content ul.features .comments .overlay {background:#bdb6a4; border-color:#bdb6a4;}
.content ul.features .offers {background:url(../img/feature-image-gallery.jpg);}
.content ul.features .offers .overlay {background:#A6C2CF; border-color:#c73a03;}

.form form {margin-bottom:4em;}
.form {padding:1em 0;}
.form h3 {font-size:1.8em; font-weight:normal; color:#00a8ff; border-bottom:1px dotted #dedede; margin-bottom:0.5em;}
.form fieldset {border:0; margin:0 0 1em 0; padding:1em;}
.form fieldset legend {padding:0 0.5em; display:none;}
.form .row {clear:both; display:block; margin:0.5em 0; padding:0.25em 0;}
.form .row label {float:left; line-height:1.25em; margin:0 8px 0 0; padding:6px 0; text-align:right; width:150px;}
.form .row input.text, .form .row input.text-small, .form .row textarea {border:1px solid #d3d3ce; color:#403f41; padding:5px; width:350px; margin-right:5px;}
.form .row input.text-small {width:100px;}
.form .row select.select, .form .row .select select {border:1px solid #ccc; color:#403f41; padding:5px; width:350px;}
.form .row textarea {height:5em;}
.form .row input.text:focus, .form .row textarea:focus {border-color:#696b5d;}
.form .instruction {color:#888; font-size:1em; line-height:1.35em; margin:0.2em 0 0; padding:0.5em 156px 0;}
.form .error {color:#c00; font-size:1em; line-height:1.35em; margin:0.2em 0 0; padding:0.5em 156px 0;}
.form a {text-decoration:underline; color:#00a8ff;}
.form a:hover, .form a:active, .form a:focus {text-decoration:none;}
.form .buttons {padding-left:158px;}
.form .button {padding:0.3em 9px 0.3em; background-color:#72A846; border-color:#4E7A27; border-style:solid; border-width:1px; color:#fff; cursor:pointer; margin-right:3px; font-weight:bold;}
.form .message {color:#ea0e7d; padding-bottom:1em;}

.succes {font-size:1.2em; padding:1em; margin-bottom:1em; background:#fffaea; border:1px solid #eccd6a;}

.pagination {display:none;}

.content img {padding:4px; border:1px solid #d6d6d6;}
.content img.alignleft {float:left; margin:.5em 1em .5em 0;}
.content img.alignright {float:right; margin:.5em 0 .5em 1em;}

.content .grid-item {margin:1em 0; padding:0 0 1em 0;}
.content .grid-item img {float:left; border:1px solid #d6d6d6; padding:5px;}
.content .grid-item .grid-item-content {}
.content .grid-with-image .grid-item-content {float:right; width:470px;}
.content .grid-item .grid-item-content h2, .content .grid-item .grid-item-content h2 a {color:#72A846; padding:0;}
.content .grid-item .grid-item-content h2 a:hover, .content .grid-item .grid-item-content h2 a:focus, .content .grid-item .grid-item-content h2 a:active {color:#4E7A27; text-decoration:none;}
.content .grid-item .grid-item-content p {padding:.2em 0;}

/* Galleria */	
.content .galleria_wrapper img {border:1px solid #d6d6d6; padding:5px;}
.content ul.gallery_demo {list-style:none; margin:1em 0;}
.content ul.gallery_demo li {margin: 0 10px 10px 0; background:#fff; float:left;}
.content ul.gallery_demo li img {height:50px !important; margin:0 !important; border:1px solid #d6d6d6; padding:5px;}
.content .galleria_container {width:430px;}
.content .galleria_container .caption {display:none !important;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.post-header h1 {width:500px; float:left;}
.post-header .rss-link {width:24px; float:right; display:none;}
.post-header .rss-link a {width:24px; height:24px; display:block; background-image:url(/themed/seouk/img/feed-24x24.png); text-indent:-9999px;}

/* Events Related */
.content .calendar h3 {background:#374D61; border-top:5px solid #2C3F4D; padding:6px 8px; color:#fff;}
.content .cal-navigation {display:none;}
.hasJs .content ul.cal-navigation {display:block; margin:1em 0 0 0; list-style:none;}
.hasJs .content ul.cal-navigation li {width:50%; float:left; padding:0;}
.hasJs .content ul.cal-navigation li a {padding:.6em .7em; color:#668AA8; display:block; text-align:left; background:#E7EFF2;}
.hasJs .content ul.cal-navigation li a:hover, .hasJs .content ul.cal-navigation li a:focus,
.hasJs .content ul.cal-navigation li a:active {color:#668AA8; text-decoration:none; background:#CCDDE3;}
.hasJs .content ul.cal-navigation li a.cal-next {text-align:right;}

.content #calendar-holder {position:relative;}
.content #calendar-holder .cal-loader {position:absolute; left:0; top:0; width:100%; height:100%;}
.content #calendar-holder .cal-loader span.bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.8;}
.content #calendar-holder .cal-loader span.text {position:absolute; width:32px; height:32px; left:50%; top:50%; margin:-25px 0 0 -25px; background:#374D61; padding:9px; text-align:center; opacity:1; color:#fff; display:block; -moz-border-radius-topleft:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.three .calendar-small {text-align:center;}
.three .calendar-small table {margin:3px auto;}
.three .calendar-small table th {padding:.5em 0 1em 0;;}
.three .calendar-small table th, .calendar-small table td {color:#668AA8;}
.three .calendar-small table td span, .calendar-small table td a {background:#CCDDE3; font-size:12px; display:block; margin:0 1px 1px 0; text-decoration:none; width:28px; padding:.5em 0 .6em 0;}
.three .calendar-small table td.prev_month span, .calendar-small table td.prev_month a,
.three .calendar-small table td.next_month span, .calendar-small table td.next_month a{background:#E7EFF2; color:#668AA8;}
.three .calendar-small table td a {color:#fff; background:#374D61;}
.three .calendar-small table td a:hover, .calendar-small table td a:focus, .calendar-small table td a:active {background:#fff; color:#374D61;}

.sign-up h3, .sign-up p {float:left;}
.sign-up h3 {font-size:1.6em; margin:0; padding:5px 8px;}
.sign-up p {margin:0; padding:5px 8px 5px 0; }
.sign-up .form form {margin:0;}
.sign-up .form {float:right; padding:0;}
.sign-up .form fieldset {padding:0; margin:0;}
.sign-up .form .row {float:left; clear:none; padding:0; margin:0;}
.sign-up .form .row input.text {width:170px;}
.sign-up .form .buttons {padding-left:0;}
.sign-up .form .row .button {background:#696b5d url(../img/button-bg.gif) top repeat-x; margin:0; color:#fff; border:0; width:auto; overflow:visible; padding:5px 13px;}
.sign-up .form legend, .sign-up .form label {font-size:0 !important; position:absolute !important; height:0 !important; left:-9999px !important;}

#cross-map {width:700px; height:380px; margin:1em 0;}
.map-content {min-height:110px;}

.food .content-wrap ul {margin:0 0 3em; list-style:none; padding:0;}
.food .content-wrap ul li {clear:both; margin:0 0 0.8em; min-height:0; padding:0 5em 0 42px; position:relative; text-align:left; background:#fff url(../img/dots.gif) 42px bottom no-repeat;}
.food .content-wrap ul li em {background:#fff; margin:0; padding:0 5px 0 0; position:relative; bottom:-.5em; font-style:normal;}
.food .content-wrap ul li strong {background:#fff; bottom:-.5em; color:#000; padding:1px 22px 1px 5px; position:absolute; right:-1px;}
.food .content-wrap ul li span {display:block; position:absolute; top:7px; width:16px; height:16px;}
.food .content-wrap ul li span.veg {background:url(../img/icon-veg.gif) top left no-repeat; left:0;}
.food .content-wrap ul li span.early {background:url(../img/icon-earlybird.gif) top left no-repeat; left:20px;}

.footer {padding:1em 2em 3em; border-top:1px solid #e0e0db; margin-top:2em; color:#fff; background:#4D4D4D; margin:20px -10px 0 -10px;}
.footer p {float:left; width:60%;}
.footer a {color:#B7B7B7;}
.footer .org {font-weight:bold;}

.footer ul {float:right; width:35%;}
.footer ul li {float:right; margin-left:1em;}
.footer ul li.little-tree a {width:130px; display:block; height:20px; text-indent:-9999px; background:url(../img/little-tree.gif) top no-repeat;}