/* ------------This is the reset file---------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;padding:0;border:0;outline:0; font-family:Arial, Helvetica, sans-serif;}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse;border-spacing:0}
p {margin-bottom:5px; line-height:1.5em;}
.clear {clear:both;}
#cu3er-container {width:960px; outline:0;	}
.tcenter {text-align:center;}
.padding {padding:15px;}
/* ------------This is the reset file---------------- */

body {
	background-image: url(/content/themes/dolphins/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:12px;
	color:#333;
}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	padding-top: 15px;
	padding-left:20px;
	padding-right:20px;
	
}
.nav {
		background-image: url(/content/themes/dolphins/images/nav.jpg);
	background-repeat: no-repeat;
	height: 52px;
	text-align:center;
	margin-top: 15px;
	font-size: 14px;
}
.nav ul li{display:inline; line-height:52px; padding-left:17px; padding-right:17px;}
.nav a {text-decoration:none; color:#666; font-weight:bold;}
.nav a:hover {text-decoration:underline;}
#topbanner span {
	display: block;
	height: 50px;
	color:#0F80C5;
	font-size:14px;
	padding-right: 130px;
	padding-top:15px;
}
#topbanner span span {
	display: inline-block;
	color:#0F80C5;
	font-size:18px;
	padding-top:7px;
	padding-right:0px;
	font-weight:bold;
}
#contentwrapper {
	background-color: #FFF;
	float: left;
	width:960px;
	padding-top: 10px;
}
#banner {
	background-image:url(/content/themes/dolphins/images/cube_shadow.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
	padding-bottom:50px;
	width:960px;
}
.twothirds h1 {
padding-bottom:10px;
margin-top:5px;
margin-bottom: 15px;
margin-right:45px;
color:#2A5D8C;
font-weight:normal;
font-size:36px;
border-bottom:2px solid;
}
.twothirds {
	float: left;
	width: 630px;
	padding-right: 10px;
}
.onethird {
	float:left;
	width:310px;
	padding-left: 9px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
	margin-top: 20px;
	}
#quotetext {
	color: #06C;
	text-align: center;
	height:70px;
	font-size: 12px;
	width: 265px;
	padding-bottom: 10px;
	background-image: url(/content/themes/dolphins/images/quotes.jpg);
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
.onethird h2 {
	font-size: 18px;
	color: #036;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-bottom:5px;
}
.button {
	background-image: url(/content/themes/dolphins/images/button.jpg);
	height: 72px;
	width: 175px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align:right;
	padding-right:15px;
	padding-left:120px;
	padding-top:20px;
}
.button a {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size: 20px;
}
.phonenumber {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #06C;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.footer {
	background-image: url(/content/themes/dolphins/images/footer.jpg);
	background-repeat: no-repeat;
	height: 73px;
	text-align:center;
	margin-top: 15px;
	font-size: 12px;
}


.footer ul li{display:inline; line-height:50px; padding-left:10px; padding-right:10px;}
.footer a {text-decoration:none; color:#666;}
.footer a:hover {text-decoration:underline;}
#topbanner {
	background-image: url(/content/themes/dolphins/images/header.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	padding-right:20px;
}
.top {padding-top:10px;}.infobox {
	text-align: center;
}
.infobox ul li span {
	padding-left: 20px;
}
.infobox ul {
	margin-bottom: 15px;
}
.twothirds h2 {
	color: #069;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 16px;
}
.fullpage h2 {
	color: #069;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 16px;
}
h2.imgtitle {border-bottom-color:#2B5D90;
border-bottom-style:solid;
border-bottom-width:3px;
margin-bottom:10px;
padding-bottom:5px;}
.infobox ul li {
	font-size: 12px;
}
.gallery {padding-bottom:18px; float:left;}
h2.bottom {padding-bottom:18px;}
.highlights ul li {
	margin-left: 25px;
	list-style-type: disc;
	font-size: 12px;
}

.resrvationbox {
	background-image: url(/content/themes/dolphins/images/reservation.jpg);
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	width:290px;
	background-repeat: no-repeat;
	height: 250px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:150px;
	/* custom decorations */
	background-image: url(/content/themes/dolphins/images/ScrollBg.png);
	background-repeat: repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:150px;
	height:110px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 21px;
}

/* active item */
.scrollable .active {
	border:2px solid #2B5D8E;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/content/themes/dolphins/images//ScrollArrows.png) no-repeat scroll 0 0;
display:block;
float:left;
font-size:1px;
height:20px;
margin:60px 5px;
width:20px;
}

/* right */
a.right 				{ background-position:0 -20px;
clear:right;
margin-right:0;}
a.right:hover 		{ background-position:-20px -20px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-20px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	min-height:200px;
	min-width:250px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/content/themes/dolphins/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	color: #fff;
	background-color: #06F;
}
table.jCalendar td.selected.dp-hover {
	background: #06F;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	color: #fff;
	background-color: #09F;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}



#contact-title {
	font-size: 18px;
	color: #09F;
	margin-bottom: 15px;
	margin-top: 5px;
}
#contact-message {
	color: #666;
	margin-bottom: 15px;
	margin-left: 5px;
}

a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/content/themes/dolphins/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
}


/*RESERVATIONS PAGE FORM*/
#res {margin:0px; padding:0px; text-align:left}
#res fieldset {margin:0px; margin-bottom:10px}
#res legend {
	color:#09F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#res label {
	display:block;
	color: #666;
	margin-bottom:15px;
}
#res textarea {width:250px;}
#res input {border:1px solid #CCC;display:inline; height:20px; width:250px;}
#res input:focus {border:1px solid blue; background-color:#FFC}
#res ul {
	list-style-position:outside;
	list-style-type:none;
	font-weight:bold;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#res ul li {margin:5px 2px; padding:5px;}
#res  li:hover {}
#res span.error {font:bold 12px Tahoma, Geneva, sans-serif; color:red;  display:inline-block;}
#res #submit {height:40px;width:268px; cursor:pointer;}
#res .hidden {border:none}






.res {margin:0px; padding:0px; text-align:left}
.res fieldset {margin:0px; margin-bottom:30px}
.res legend {
	color:#0F80C5;
	font-size:18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
border-bottom:1px solid;
}
.res label {
	display:block;
	float:left;
	color: #666;
width:160px;
}
.res label span {display:block; font-size:10px; color:#666;}
.res input {border:1px solid #CCC;display:inline; height:20px}
.res input:focus {border:1px solid blue; background-color:#FFC}
.res ul {
	list-style-position:outside;
	list-style-type:none;
	font-weight:bold;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.res ul li {margin:5px 2px; padding:5px; background-color:#EFF8FB;}
.res  li:hover { background-color:#DCEBF2}
.res span.error {font:bold 12px Tahoma, Geneva, sans-serif; color:red;  display:inline-block;}
.res #submit {height:40px}
.res .hidden {border:none}




/*RESERVATIONS PAGE FORM*/
#res2 {margin:0px; padding:0px; text-align:left}
#res2 fieldset {margin:0px; margin-bottom:30px}
#res2 legend {
	color:#0F80C5;
	font-size:18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
border-bottom:1px solid;
}
#res2 label {
	display:block;
	float:left;
	width:275px;
}
#res2 label span {display:block; font-size:10px; color:#666;}
#res2 input {border:1px solid #CCC;display:inline; height:20px}
#res2 input:focus {border:1px solid blue; background-color:#FFC}
#res2 ul {
	list-style-position:outside;
	list-style-type:none;
	font-weight:bold;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#res2 ul li {margin:5px 2px; padding:5px; background-color:#EFF8FB;}
#res2  li:hover { background-color:#DCEBF2}
#res2 span.error {font:bold 12px Tahoma, Geneva, sans-serif; color:red;  display:inline-block;}
#res2 #submit {height:40px}
#res2 .hidden {border:none}