@charset "utf-8";

/* Reset and Set */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {	font-weight:normal; font-size:100%; }
a:focus, object { outline:none; }
img { border:none; }
table {	border-collapse:collapse; border-spacing:0; }
body, html { font-family:Arial, Helvetica, sans-serif; /*font-size:16px;*/ height:100%; }
body { font-size:100%; line-height:1.125em; /* 16×1.125=18 */ }
body.ind { overflow-y: scroll; }

p { margin-bottom:1.125em; font-size:1em; }
a { color:#ff912e; text-decoration:underline; }
h2 { font-weight:bold; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header h2 { font-size:1.4em; padding:1.725em 0 0; display:block; }
.page h2 {color:#ff912e; font-size:1.375em; margin-bottom:.75em; }

#clawHolder { width:100%; height:100%; min-width:60em; position:fixed; z-index:-1; }
#wrapper { min-width:60em; width:100%; height:100%; min-height:37.75em; margin:0 auto; }
#header { width:100%; min-width:60em; height:6.25em; position:fixed; top:0; z-index:20002; background:#ff912e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:center; }
	#header.sub { position:relative; min-width:inherit; }
#contentHolder { width:58%; max-width:60em; margin:0 auto; padding-top:6.25em; margin-bottom:12.75em; /*height:34.375em;*/ /* 604px */ overflow:hidden; }
#footer { width:100%; min-width:60em; height:12.75em; position:fixed; bottom:0; z-index:20001; background:url(images/waterTop.png) repeat-x top; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; /*position:relative; bottom:12.75em; margin-bottom:-12.75em;*/ }
	#footer #bg2 { width:100%; height:100%; background:url(images/waterBottom.jpg) repeat-x bottom; }
	#footer #logo { margin:2.5em 0 .25em 0; }
	#footer .icon { width:135px; position:absolute; bottom:10px; right:20px; font-weight:bold; font-size:1.0625em; }
		#footer .icon a { color:#000; text-decoration:none; }
	#footer .iconL { left:20px; }
	#footer .iconR { right:20px; }
	#footer span { font-size:.875em; font-weight:bold; }
	#footer span a { color:inherit; text-decoration:none; }
	
	#footer { text-shadow:#FFF 0 0 .3125em; }
	#footer #bullfrog { font-size:.625em; line-height:1em; font-weight:normal; width:13em; text-align:left; display:inline-block; height:.875em; overflow:visible; vertical-align:middle; margin-bottom:1.4em; }

#followUs { position:fixed; top:5px; right:5px; z-index:20005; font-size:11px; font-weight:bold; color:#FFF; }
	#followUs a { display:block; width:16px; height:16px; vertical-align:middle; margin:0 0 0 5px; text-indent:-1000px; font-size:0; overflow:hidden; float:right; }
	#followUs #twitter { background:url(images/socialNetworks.png) no-repeat right; }
	#followUs #facebook { background:url(images/socialNetworks.png) no-repeat left; }

#bubbleHolder { width:100%; height:100%; position:absolute; z-index:1; }

#nav { height:100%; text-align:center; font-weight:bold; position:relative; z-index:2; }
#nav a { display:inline-block; color:#FFF; text-decoration:none; padding:0 .75em; margin-top:5em; font-size:.9375em; }
#nav ul { height:100%; list-style:none; display:inline-block; }
#nav ul li { height:100%; display:inline-block; }
#nav ul li img { vertical-align:middle; }
#nav ul li ul { height:auto; display:block; background:#ff912e; width:9em; position:absolute; top:6.25em; z-index:20003; display:none; }
#nav ul li ul li { height:auto; display:block; text-align:left; padding:.3125em .625em; font-size:.8em; }
#nav ul li ul li:hover { background-color:#F60; }
#nav ul li ul li a { margin:0; padding:0; }

.slideshow { height:23.4375em; width:29.6875em; margin:0 auto; }
.slideshow img { height:23.4375em; }

.page { /*width:58em; height:100%;*/ position:relative; overflow:hidden; padding:16px; background-color:#FFF; background:rgba(255,255,255,.75); }
.page p { font-size:.875em; }
.narrow { max-width:36.25em; margin:0 auto; }

#page_menus { text-align:center; }
#page_menus img { margin:5px; }
#page_contactUs { background:url(images/waterCircle.jpg) no-repeat center -40px; min-height:538px; padding-top:30px; }
	#page_contactUs h2 { text-shadow:#FFF 0 0 .125em; }
#page_catering { text-align:center; }

#wnwd { float:right; margin:0 0 .375em .375em; text-align:center; width:9.6875em; }
#wnwd a { text-decoration:none; font-weight:bold; font-style:italic; }
#wnwd p { margin:.365em 0 0; font-size:.75em; }

.ifHolder {  }

.modal { text-align:center; margin:1em; }
.modal ul { list-style:none; }
.hours { }
	.hours li { font-size:1em; font-weight:bold; margin-bottom:.675em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
	.hours ul li ul li { font-size:.75em; font-weight:normal; margin-bottom:auto; font-family:Arial, Helvetica, sans-serif; }
	.hours span { font-size:1.375em; color:#ff912e; }
.media, .gc { text-align:center; color:#ff912e; }
.media li, .gc li { font-size:.75em; font-weight:bold; margin-bottom:.25em; list-style:inside; }
.sercives { text-align:center; }
	.services ul { font-size:.875em; list-style:inside disc; }
.rules ol { margin:1em 0; }
.rules li { font-size:.75em; margin-bottom:.25em; margin-left:1em; list-style:outside decimal; text-align:left; }

.form { width:26.5em; margin:.5em auto; }
.form input, .form textarea { padding:.375em; font-family:Arial, Helvetica, sans-serif; font-size:.875em; width:12.5em; vertical-align:middle; }
.form textarea { vertical-align:text-top; }
.form label { display:inline-block; width:9em; margin:.3125em .3125em; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.form .submit { font-size:1em; width:auto; margin-left:9.6875em; }
.form .submit:focus { outline:none; }

.form label.error { width:12.5em; margin:.2em 0 0 16.875em; font-size:.625em; line-height:.625em; margin-bottom:-.825em; text-align:left; }
.form input.error, .form textarea.error, .form select.error { border:solid 1px #F00; background:#f7cfcf; }
.response { display:block; text-align:center; width:26.5em; margin:.5em auto; }

.toHome { display:none; }

.mob { display:none; }

@media all and (max-device-width: 480px) {

	.dt { display:none; }
	.mob { display:block; }
	
	#clawHolder { display:none; }
	#bubbleHolder { display:none; }
	#followUs { display:none; }
	
	#contentHolder { width:100%;  margin-bottom:1em; }
	
	#footer { min-width:0px; width:100%; position:relative; }
	#footer span { font-size:.875em; font-weight:bold; }
	#footer span a { color:inherit; text-decoration:none; }
	#footer { text-shadow:#FFF 0 0 .3125em; }
	#footer #bullfrog { display:none; }
}


/* ImageFlow */
@media screen, projection{.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}.imageflow p{margin:0 auto; text-align:center}.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}.imageflow .navigation{z-index:10000}.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001}.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}.imageflow .slider{background:url(images/ifControls.png) no-repeat center top; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}.imageflow .images{overflow:hidden; white-space:nowrap}.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}.imageflow .previous{background:url(images/ifControls.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}.imageflow .next{background:url(images/ifControls.png) top right no-repeat; float:right; margin:-7px -30px 0 30px}}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:20100; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(images/cb/overlay.png) 0 0 repeat;}
#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(images/cb/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(images/cb/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(images/cb/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(images/cb/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(images/cb/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(images/cb/controls.png) right top repeat-y;}
	#cboxTopCenter{height:21px; background:url(images/cb/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(images/cb/border.png) 0 -29px repeat-x;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/cb/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/cb/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(images/cb/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/cb/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(images/cb/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}