/*** global ***/
*{ padding: 0; margin:0;}
img{ border: 0;}
img.book_now { vertical-align:middle; }
hr { border:0; color:#6b8099; background-color:#6b8099; width:90%; height:1px; margin:20px 0; }

ul.nav li{ display: inline;}
ul.nav a{ padding: 5px 6px 4px 6px; border: 1px solid white; text-decoration: none; text-transform: uppercase; font-weight: bold; color: black; font-size: 11px;}	
ul.nav a:hover{ border: 1px solid #7689a1;}
body#pg-home ul li#home a, body.be li#be a{border: 1px solid #7689a1; background: white;}

/*** specificity ***/
body{ background: url(./bpimages/body_bkgd.gif); text-align: center; padding-top: 5px; font-family: Arial, Helvetica, sans-serif;}
	
	div#wrapper{ width: 878px; margin: 0 auto; text-align: left; background: url(./bpimages/container_bkgd.gif) left top no-repeat ; }
		a#signup{ float: right; background: url(./bpimages/signup.png) no-repeat; display: block; width: 196px; height:59px; margin-bottom: 7px; }
		a#signup span{ display: none;}
		
		div#container{ background: white; width: 870px; clear: both; padding: 0 4px; position:relative;}
			
			div#sidebar{ float: left; width: 217px;}
			div#sidebar h1{ font-size: 14px; padding:4px 0; height: 100%; }
				a#logo img{ margin-top: -10px;}
				
				div#teaser { background: #d8e2ef; padding: 10px; margin-top: 40px; font-size: 11px; vertical-align: top;}
				div#teaser fieldset{ border: 0; padding: 6px 0; }
				div#teaser label{ display: block; clear: both; }
				div#teaser label.last-row{ clear: none; display: inline;}
				div#teaser select{ font-size: 11px; margin-bottom: 10px; margin-right: 4px; width: 40px;}
				div#teaser select#arriveMonth, div#teaser select#departMonth{ width: 109px;}
				div#teaser #teaser-submit{ margin: 10px 0 10px 8px;}
				div#teaser a{ display: block; width: 60px; float: left; padding: 10px; margin-bottom: 6px; background: #cfdae8; font: 9px Arial, Helvetica, sans-serif; color: black; text-align: center; text-transform: uppercase; text-decoration: none; }				
				div#teaser a#divider{ background:#c6a376; width: 1px; padding: 0; margin: 0 11px 6px 11px; height: 46px;}

				a#pkg_link {font-size:14px; font-weight:bold; text-decoration:none; color:#000; display: block; text-align:center; border:1px solid #7689a1; background-color:#eff2f8; margin:15px 0; padding:5px 8px; }
				
			ul#main-nav{ list-style: none; text-align: center; padding: 10px 0 5px 0;  height: 21px;}
							
			div#main-content{ background: white;  float: right; background: white; width: 637px; padding: 7px 3px 7px 7px;}
.be			div#main-content{ width: auto; margin: 0 auto; float: none;}

.non-be 	div#main-content{ font-size: 12px;}
.non-be 	div#main-content h1{ font-size: 16px; padding: 16px 0;}
.non-be 	div#main-content h2{ font-size: 12px; padding-top: 10px;}
.non-be 	div#main-content h3{font-size: 12px; padding-top: 10px; }
.non-be 	div#main-content a{color: black; }
.non-be 	div#main-content p{font-size: 12px; line-height: 1.6em; padding: 6px 0; width:450px; }
.non-be 	div#main-content ul{margin:10px 0; }
.non-be 	div#main-content li{margin-left: 16px;}
.non-be 	div#main-content dl{ width: 450px; }
.non-be 	div#main-content dt{font-size: 14px; }
.non-be 	div#main-content dd{padding-bottom: 14px;}			
				
				div#right-column {float: right; width: 180px; text-align: right;}
				div#right-column img{ border: 1px solid #d8905e; clear: right; margin-bottom: 7px;}				

			div#footer{ clear: both;}
			div#footer table{ width: 100%;}
			div#footer td{ font-size: 10px; padding: 14px; text-align: center;}
			div#footer td.first{ width: 180px;}
			div#footer td a{ text-decoration: none; color: black; margin: 0 10px;}

.be				ul#bottom-nav{ background-image: none; background-color: #d8e2ef; text-align: center; padding-left: 0; padding-top: 6px;}

				ul#bottom-nav{ background: url(./bpimages/footerNav_bkgd.gif) repeat-y; padding: 6px 0px 9px 299px; height: 17px; }
				ul#bottom-nav li{ margin: 0 4px; }
				ul#bottom-nav li a{ border: 1px solid #d8e2ef;}
				ul#bottom-nav li a:hover{ background: white; border: 1px solid #7689a1; }
	
	ul#lmao-nav { width: 878px; margin: 6px auto; padding-bottom: 40px;  }
	ul#lmao-nav li{ list-style: none; display: inline; border-right: 1px solid black; padding: 0 5px; vertical-align: middle;}
	ul#lmao-nav li.last{ border: 0;}
	ul#lmao-nav li a{ text-decoration: none; font-size: 10px; color: #000;}
			
/* --- signup form colors--- */
div#spiffy_signupextrawrapper p { color:#333333; font-family:Verdana; font-size:10px; text-decoration:none; margin:10px 0; }
div#spiffy_signupextrawrapper div#spiffy_signup {border: 1px solid #000; color: #D5C5A4; background-color: #ffffff; }
div#spiffy_signupextrawrapper div#spiffy_signup .sserror {background-color: #626b70; color: #ffffff;}
div#spiffy_signupextrawrapper div#spiffy_signup .ssloader {background: url('../bpimages/loader.gif') no-repeat;}
div#spiffy_signupextrawrapper div#spiffy_signup input {background-color: #ffffff;}
div#spiffy_signupextrawrapper div#spiffy_signup input.inputerror {border: 3px solid #5EBFE2;}
div#spiffy_signupextrawrapper div#spiffy_signup .sssuccess {color: #000;}
div#spiffy_signupextrawrapper div#spiffy_signup .sssuccess a#successclose {color: #5EBFE2;}
div#spiffy_signupextrawrapper div#spiffy_signup #closex {color: #D5C5A4; border: 1px solid #555555; background-color: #626b70; color: #fff;}
div#spiffy_signupextrawrapper div#signupwrap {border: 2px solid #626b70; background-color: #ffffff;}
div#spiffy_signupextrawrapper div#spiffy_signup th label {color: #000000;}
div#spiffy_signupextrawrapper div#spiffy_signup #submit {background:url('bpimages/beBtn_bkgd.jpg') #626b70;  color: #525252; border: 1px solid #555555;}
div#spiffy_signupextrawrapper div#spiffy_signup #signupseparator {color: #626b70;}
div#spiffy_signupextrawrapper div#spiffy_signup div.icons { margin:15px 0; }

#socialmedia { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;  color: #474747; margin: 20px auto; width: 235px; background: url(gradient.jpg) repeat-x bottom #fff; border: 1px solid #cccccc; box-shadow: 0 0 10px #ababab; -moz-box-shadow: 0 0 15px #ababab; -webkit-box-shadow: 0 0 15px #ababab; text-align: center; padding: 0px; }
#socialmedia h1 { padding: 5px 15px 0px; font-size: 14px; font-weight: bold; text-align: left; }
#socialmedia p { padding: 0px 15px 5px; font-size: 12px; text-align: left; }
#socialmedia hr.social { margin: 10px auto; color: #eee; }
#socialmedia img { background: #fff; padding: 4px; border: 1px solid #a0a0a0; box-shadow:0 0 5px #303030; -moz-box-shadow:0 0 5px #303030; -webkit-box-shadow:0 0 5px #303030; margin: 10px 20px; }
/* --- signup form colors--- */

/* --- individual page --- */
#pg-attractions div#main-content ul{ clear: right; list-style: none; float: left; padding-right: 20px; }
#pg-attractions div#main-content ul li{ margin-left: 0;}

#pg-location div#right-column { padding-top: 40px;}
#pg-location div#right-column p{ text-align: left; width: 180px; font-size: 10px;}
#pg-location div.gmap-bubble{ width: 210px; }
#pg-location div.gmap-bubble h1{ padding: 6px 0; width: 100px; font-size: 12px; float: left;}
#pg-location div.gmap-bubble address{ width: 100px; font-style: normal; font-size: 10px; float: left; clear: left; }
#pg-location div.gmap-bubble img{ float: right }

#pg-frequent-signup form#signup-form fieldset{ width:400px; padding: 10px 0;}
#pg-frequent-signup form#signup-form li{ list-style: none; line-height: 2.5em;}
#pg-frequent-signup form#signup-form li label{ width: 100px; display: inline-block;}
#pg-frequent-signup form#signup-form li input, #pg-frequent-signup form#signup-form li select{ margin-left: 20px; width: 200px; }
#pg-frequent-signup form#signup-form li p{ display: none;}
#pg-frequent-signup form#signup-form button{ margin-left: 138px;}


#overlay{minWidth:100%; minHeight:100%; width:100%; height:100%; background-color:#000000; z-index:90; position:absolute; top:0px; left:0px;}
#promo-wrapper{ z-index: 100; position: absolute; text-align: center; top:160px; left: 0px; width:100%; line-height: 0;}
#promo-pop{ width: 500px;position:relative;margin: 0 auto; }
#closeButtonContainer {display:block;position:absolute;top:-22px;left:-18px;overflow:hidden;width:150px;height:30px;}
a#close { background:url(./bpimages/close_button.gif) no-repeat; position:relative; display:block; outline-style:none; width:150px; height:30px; color:#fff; font-size:13px; font-weight:bold; text-align:right; text-decoration:none;}
a#close span{position:relative; display:block; top:10px; color: #fff;}
a#close:hover { background-position: 0px -30px;}
a.pc { display:block; float:left; }

/* Social Networking Icons */
#dock {
		background: url(./bpimages/dock-bg.png);
		width: 30px;
		height: 60px; /* set equal to #of icons multiplied by 30 */
		position: absolute;
		right: 7px;
		top: 50px;
		z-index: 10;
		float: left;
		border: 1px solid #ccc;
		border-right: none;
	}

/* move text off of the screen and set the width and height of the clickable area */	
#dock a{
	height: 30px;
	width: 30px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
	}
	
/* Setting the background image for each social media type class */
#dock a#facebook { background: url(./bpimages/facebook_32.png) top left no-repeat;}
#dock a#twitter { background: url(./bpimages/twitter_32.png) top left no-repeat;}
#dock a#facebook:hover, #dock a#twitter:hover { background-position: -31px 0px;}

/* Share/Save buttons */
.buttons_holder { position:relative; }
.buttons_holder .btn_share { float:right; margin-right:65px; margin-top:-25px; }

/* Specials page */
.clear {clear:both;}
.special {position:relative;}
.special p {width:auto !important;}
.special center {margin-top:10px;}
.special h2 {margin-bottom:10px; font-size:14px !important;}
.special .left {float:left; width:260px;}
.special .right {float:right; width:280px; padding-right:70px;}