/* CLEAR
------------------------------ */
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form {border:0;}
th,address {font-style:normal;font-weight:normal;}
.clear {clear:both;}

/* general layout */
html {background:#fff url(../images/layout/bg.jpg) repeat 0 0;}
body {font:normal 62.5%/1.5 Arial,Helvetica,Garuda,serif;color:#fff;text-align:center;background:url(../images/layout/bg-dark.jpg) repeat-x 0 0;}
a {color:#fff;}
a:hover {text-decoration:underline;}
p {margin:0 0 1em;}

textarea,input {background:#fff;border:1px solid #cecece;padding:.25em .2em .1em;line-height:1;}
textarea {font-family:Arial,Helvetica,Garuda,serif;}
button {cursor:pointer;border:0;font-size:12px;}
table {width:100%;clear:both;margin:0 0 1em;}
table th {font-weight:bold;}

.hidden {display:none !important;}

h1.logo {float:left;width:298px;height:104px;margin:-10px 0 0;padding:0;}
h1.logo a {display:block;width:100%;height:100%;text-indent:-1000em;background:url(../images/identity/logo.png) no-repeat 0 0;}

h1,h2,h3,h4,h5,h6 {font-family:Georgia,sans-serif;line-height:1.25;font-weight:bold;}
h1,h2 {font-size:1.8em;margin:0 0 .5em;font-weight:bold;}
h3 {font-size:1.5em;margin:0 0 .5em;}
h4 {font-size:1.2em;margin:0 0 .5em;}
h5,h6 {font-size:1em;margin:0 0 .5em;}

/* main */
#site {width:958px;font-size:1.2em;margin:0 auto 20px;padding:20px 0 0;text-align:left;}
#top,
#header,
#main-navigation,
#body,
#footer {width:100%;clear:both;float:left;position:relative;}
#header {background:url(../images/layout/bg-header.png) no-repeat 0 0;height:110px;width:878px;padding:30px 40px 0;}
#main-navigation {background:url(../images/layout/bg-main-nav.png) no-repeat 0 0;text-align:center;}
#keyvisual {width:100%;clear:both;}
#body {background:url(../images/layout/bg-body.png) repeat-y 50% 0;width:910px;padding:1em 24px 1.5em;color:#000;}
#sidebar-right {width:220px;float:right;}
#content {width:660px;float:left;color:#000;}
#footer {background:url(../images/layout/bg-footer.png) no-repeat 0 0;width:918px;padding:10px 20px 55px;color:#fff;font-size:.917em;}

/* top */
#top {text-align:right;font-family:Georgia,sans-serif;margin:0 0 5px;}
#top li {display:inline;}
#top ul li {display:inline;border-right:1px solid #fff;padding:0 10px;}
#top ul li {float:right;}
#top ul li.facebook a {display:block;width:205px;height:20px;background:transparent url(/images/icons/facebook_icon.png) no-repeat;}
#top ul li.last {border:0;}

/* header contact - reservations */
.reservations {width:230px;position:absolute;right:3px;top:30px;font-family:Georgia,sans-serif;}
.reservations a {color:#75C2D6;}
.reservations h5 {color:#fff;margin:0 0 5px 10px;}
.reservations dl {background:url(../images/layout/top-phone-circle.png) no-repeat 0 0;float:left;color:#75c2d6;width:220px;height:50px;padding:10px 0 0 10px;line-height:1;}
.reservations dl dt,
.reservations dl dd {display:block;float:left;height:27px;}
.reservations dl dt.tel {background-image:url(../images/icons/phone.png);}
.reservations dl dt.mail {background-image:url(../images/icons/email.png);}
.reservations dl dt {width:35px;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-position:0 0;}
.reservations dl dd {width:180px;font-weight:bold;}
.reservations dl dd.tel {font-size:20px;}

/* main nav */
#main-navigation ul {font:bold 1.5em Georgia,sans-serif;width:950px;height:40px;padding:0 4px;float:left;text-align:left;}
#main-navigation ul li {display:block;float:left;}
#main-navigation ul li a {display:block;float:left;color:#000;text-decoration:none;padding:10px 15px 9px;height:21px;outline:none;}
#main-navigation ul li a:hover {text-decoration:underline;}
#main-navigation ul li.active a {color:#fff;}
#main-navigation ul li.active a:hover {text-decoration:none;}

/* secondary navigation */
.subnav li {width:100%;clear:both;}
.subnav li a {text-decoration:none;display:block;float:left;padding:0 0 0 5px;}
.subnav li a:hover {text-decoration:underline;}
.subnav li.active a {font-weight:bold;color:#70bfce !important;padding-top:2px;padding-bottom:2px;}
.subnav li.active a:hover {text-decoration:none;}

/* keyvisual + bubble */
#keyvisual {color:#fff;font-family:Georgia;clear:both;margin:0 0 2em;position:relative;background:url(../images/layout/black-bubble.png) no-repeat 0 0;}
#keyvisual a {color:#fff;}
#keyvisual h2 {font-size:1.5em;margin:0 0 .5em;}
#keyvisual .bubble {float:left;padding:10px 30px 10px 0;height:185px;width:290px;overflow:hidden;margin:0 0 0 10px;}
#keyvisual .photo {border:10px solid #4997a9;width:550px;height:185px;float:right;}
#keyvisual .photo img {display:block;}
#keyvisual .cms {margin:0 0 1em;}
#keyvisual .paging {clear:both;position:absolute;left:10px;bottom:10px;}
#keyvisual .paging ul {display:block;float:left;}
#keyvisual .paging ul li {display:block;float:left;}
#keyvisual .paging ul li a {text-decoration:none;display:block;float:left;padding:3px 5px;}

#keyvisual_list {position:relative;height:205px;}
#keyvisual_list li {position:absolute;}

#opening-hours {width:100%;clear:both;margin:0 0 .5em;}
#opening-hours .icon {background:#96e4fa url(../images/icons/clock-blue.png) no-repeat 10px 10px;margin:0 0 1px;padding:5px 10px 5px 50px;}
#opening-hours h3 {margin:0;}
#opening-hours p {margin:0;}
#opening-hours ul {width:100%;clear:both;}
#opening-hours ul li {float:left;display:block;margin-right:7px;background:#96e4fa;width:114px;padding:5px;font-size:16px;}
#opening-hours ul li.last {margin-right:0;}
#opening-hours ul li span {display:block;font-size:12px;}

#cosmic-bowling {width:100%;clear:both;margin:0 0 1em;}
#cosmic-bowling .icon {background:#96e4fa url(../images/icons/stars-blue.png) no-repeat 5px 10px;padding:5px 10px 5px 60px;}
#cosmic-bowling p,
#cosmic-bowling h3 {margin:0;}

#front-pushbox {width:100%;margin:0 0 1em;}
#front-pushbox ul {width:100%;clear:both;}
#front-pushbox ul li {display:block;float:left;margin:0 10px 10px 0;width:190px;padding:10px 13px;height:220px;background:#388ca0 url(../images/layout/pagefold.png) no-repeat 100% 0;}
#front-pushbox ul li.last {margin-right:0;}
#front-pushbox ul li h3 {font-weight:normal;}
#front-pushbox ul li h3 a {text-decoration:none;}
#front-pushbox ul li h3 a:hover {text-decoration:underline;}
#front-pushbox ul li .photo {display:block;width:190px;height:190px;overflow:hidden;}
#front-pushbox ul li .photo img {display:block;}


/* pages - paginated look */
.pages {margin:0 0 1em;clear:both;width:100%;}
.pages ul {width:100%;}
.pages ul li {padding:2%;width:96%;margin:0 0 1em;float:left;background:#388ca0 url(../images/layout/pagefold.png) no-repeat 100% 0;color:#fff;}
.pages ul li h2 {font-weight:normal;font-size:2em;}
.pages ul li h2 a {text-decoration:none;}
.pages ul li h2 a:hover {text-decoration:underline;}
.pages ul li .photo {float:left;width:190px;height:190px;overflow:hidden;margin:0 15px 5px 0;}
.pages ul li .photo img {display:block;}
.pages ul li .cms {float:left;width:420px;}

/* sidebar */
.opening {width:200px;margin:0 0 1em;color:#000;padding:10px;clear:both;background:#96e4fa url(../images/layout/pagefold2.png) no-repeat 100% 0;}
.opening h3 {font-weight:normal;}
.opening dl {width:100%;line-height:1.75;}
.opening dl dt,
.opening dl dd {display:block;float:left;}
.opening dl dt {width:60%;}
.opening dl dd {width:40%;}

.banner-links {width:100%;clear:both;margin:0 0 1em;}
.banner-links ul {width:100%;}
.banner-links ul li {margin:0 0 5px;}
.banner-links ul li a {background:#438ea0;color:#fff;font-family:Georgia,sans-serif;font-size:1.2em;text-align:center;border:2px solid #96e4fa;width:216px;padding:10px 0 7px;text-decoration:none;display:block;}
.banner-links ul li a:hover {background:#357e8f;text-decoration:none;border-color:#fff;}

/* more buton link */
.a-more {display:block;float:left;background:#438ea0;color:#fff;font-family:Georgia,sans-serif;font-size:1.2em;text-align:center;border:2px solid #96e4fa;padding:10px 25px 7px;text-decoration:none;}
.a-more:hover {background:#357e8f;border-color:#fff;text-decoration:none;}

/* gallery */
.gallery-large {width:640px;height:450px;padding:10px;margin:0 0 1em;background:url(../images/layout/bg-gallery-large.png) no-repeat 0 0;}
.gallery-large a {display:block;height:380px;width:30px;float:left;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;}
.gallery-large .bk {background-image:url(../images/icons/arrow-large-lightblue-left.png);background-position:0 50%;}
.gallery-large .fw {background-image:url(../images/icons/arrow-large-lightblue-right.png);background-position:100% 50%;}
.gallery-large .bk:hover {background-image:url(../images/icons/arrow-large-white-left.png);}
.gallery-large .fw:hover {background-image:url(../images/icons/arrow-large-white-right.png);}
.gallery-large ul {width:640px;}
.gallery-large ul li {margin:auto;width:580px;}
.gallery-large div {width:580px;height:380px;overflow:hidden;float:left;}
.gallery-large div img {display:block;}
.gallery-large h2 {color:#FFFFFF;font-size:2em;font-weight:normal;margin:0 0 0.2em;}

.gallery-thumbs {width:640px;height:50px;padding:10px;margin:0 0 1em;background:url(../images/layout/bg-gallery-thumbs.png) no-repeat 0 0;}
.gallery-thumbs .prev,
.gallery-thumbs .next {cursor:pointer;display:block;float:left;width:30px;height:50px;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;}
.gallery-thumbs .prev {background-image:url(../images/icons/arrow-large-lightblue-left.png);background-position:0 50%;}
.gallery-thumbs .next {background-image:url(../images/icons/arrow-large-lightblue-right.png);background-position:100% 50%;}
.gallery-thumbs .prev:hover {background-image:url(../images/icons/arrow-large-white-left.png);}
.gallery-thumbs .next:hover {background-image:url(../images/icons/arrow-large-white-right.png);}
.gallery-thumbs .thumbs {width:580px;overflow:hidden;height:50px;float:left;}
.gallery-thumbs .thumbs ul {width:10000px;}
.gallery-thumbs .thumbs ul li {float:left;margin:0 20px 0 0;}
.gallery-thumbs .thumbs ul li a {display:block;width:80px;height:50px;overflow:hidden;}
.gallery-thumbs .thumbs ul li a img {display:block;}

.just-gallery-thumbs {width:640px;height:50px;padding:10px;margin:0 0 1em;background:url(../images/layout/bg-gallery-thumbs.png) no-repeat 0 0;}
.just-gallery-thumbs .prev,
.just-gallery-thumbs .next {cursor:pointer;display:block;float:left;width:30px;height:50px;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;}
.just-gallery-thumbs .prev {background-image:url(../images/icons/arrow-large-lightblue-left.png);background-position:0 50%;}
.just-gallery-thumbs .next {background-image:url(../images/icons/arrow-large-lightblue-right.png);background-position:100% 50%;}
.just-gallery-thumbs .prev:hover {background-image:url(../images/icons/arrow-large-white-left.png);}
.just-gallery-thumbs .next:hover {background-image:url(../images/icons/arrow-large-white-right.png);}
.just-gallery-thumbs .thumbs {width:580px;overflow:hidden;height:50px;float:left;}
.just-gallery-thumbs .thumbs ul {width:10000px;}
.just-gallery-thumbs .thumbs ul li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 20px 0 0 !important;}
.just-gallery-thumbs .thumbs ul li a {display:block;width:80px;height:50px;overflow:hidden;}
.just-gallery-thumbs .thumbs ul li a img {display:block;}

/* sidebar gallery */
.gallery-side {width:100%;clear:both;margin:0 0 1.5em;}
.gallery-side ul li {margin:0 0 1em;}
.gallery-side ul li a {display:block;width:216px;overflow:hidden;border:2px solid #96E4FA;}
.gallery-side ul li a:hover {border-color:#fff;}
.gallery-side ul li a img {display:block;}

/* gallery list */
.galleries {width:100%;clear:both;margin:0 0 1.5em;}
.galleries ul {width:100%;}
.galleries ul li {display:block;float:left;margin:0 10px 10px 0;width:190px;padding:10px 15px;height:205px;background:#388ca0;position:relative;}
.galleries ul li.last {margin-right:0;}
.galleries ul li .pagefold {width:25px;height:25px;background:url(../images/layout/pagefold3.png) no-repeat 0 0;text-indent:-1000em;overflow:hidden;display:block;position:absolute;right:0;top:0;}
.galleries ul li .photo {width:190px;height:140px;display:block;margin:0 0 10px;}
.galleries ul li .photo img {display:block;}
.galleries ul li h4 {font-weight:normal;}
.galleries ul li h4 a {text-decoration:none;}
.galleries ul li h4 a:hover {text-decoration:underline;}

/* cms */
.cms {margin:0 0 1.5em;}
.cms ul,
.cms ol {margin:0 0 1em;}
.cms ul {list-style:disc;}
.cms ol {list-style:decimal;}
.cms ul li {list-style:disc;margin:0 0 0 2.5em !important;padding:0 !important;display:list-item !important;}
.cms ol li {list-style:decimal;margin:0 0 0 1.8em !important;padding:0 !important;display:list-item !important;}

.cms table {width:100% !important;clear:both !important;}
.cms table thead th {border-bottom:1px solid #fff;border-top:1px solid #fff;font-weight:bold;}
.cms table thead th,
.cms table tbody td {padding:5px 5px 3px}

.cms .reservation tr td:first-child {width:200px;}
.cms .reservation tr td label{float:left;}
.cms .reservation tr td.radio label{float:none;}
.cms .reservation tr td span {font-size:0.9em;display:block;float:left;clear:left;font-weight:bold;}
.cms .reservation tr td span.month_name {float:none;}
.cms .reservation tr td.date{position:relative;}

/* jQuery date input plugin */
.date_selector,
.date_selector * {width:auto;height:auto;border:0;background:none;margin:0;padding:0;text-align:left;text-decoration:none;}
.date_selector {background:#F2F2F2;border:1px solid #bbb;padding:5px;margin:-1px 0 0 0;position:absolute;z-index:100000;display:none;}
.date_selector_ieframe {position:absolute;z-index:99999;display:none;}
.date_selector .month_nav {margin:0 0 5px 0;padding:0;display:block;}
.date_selector .month_name {font-weight:bold;line-height:20px;display:block;text-align:center;}
.date_selector .month_nav a {display:block;position:absolute;top:5px;width:20px;height:20px;line-height:17px;font-weight:bold;color:#003C78;text-align:center;font-size:120%;overflow:hidden;}
.date_selector .month_nav a:hover,
.date_selector .month_nav a:focus {background:none;color:#003C78;text-decoration:none;}
.date_selector .prev {left:5px;}
.date_selector .next {right:5px;}
.date_selector table {border-spacing:0;border-collapse:collapse;}
.date_selector th, .date_selector td {width:1.5em;height:1em;padding:0;text-align:center;}
.date_selector td {border:1px solid #ccc;line-height:1em;text-align:center;white-space:nowrap;background:white;width:auto !important;}
.date_selector td.today {background:#FFFED9;}
.date_selector td.unselected_month {color:#ccc;}
.date_selector td a {display:block;text-decoration:none !important;width:100%;height:100%;line-height:1em;color:#003C78;text-align:center;}
.date_selector td.today a {background:#FFFEB3;}
.date_selector td.selected a {background:#D8DFE5;font-weight:bold;}
.date_selector td a:hover {background:#003C78;color:white;}

/* HACKS
------------------------------ */
.pages ul,
.opening dl,
#keyvisual .paging,
#site,
#keyvisual,
#opening-hours ul,
#front-pushbox ul {display:inline-block;}

.pages ul:after,
.opening dl:after,
#keyvisual .paging:after,
#site:after,
#keyvisual:after,
#opening-hours ul:after,
#front-pushbox ul:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}