@charset "UTF-8";
/* CSS Document */

/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }
ul { padding-left: 20px; }
input,select { vertical-align: middle; }
input[type=text],textarea { }
textarea { width:450px; height: 100px; }
h1 {color:#1d62a3; margin:5px 0 5px 0;}
h3 {color:#40aff2; margin-top:5px; margin-bottom:5px;}
h4 {color:#1d62a3; margin:0px;}
p {margin-top:3px; margin-bottom:3px; color:#ccc; line-height:24px; font-size:14px;}
a {color:#C2C0B8; text-decoration:none;}
a:hover {color:#40AFF2;}
/*a:visited {color:#81838D;}*/


/*
	----------------------------
	STRUCTURE
	____________________________
*/

body {font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url('https://media.guestdesk.com/sites/hotelbluemb_com/images/metal-bg.jpeg') repeat; background-position:top center; color:#e5e5e5;}
#header-wrapper {background:url('https://media.guestdesk.com/sites/hotelbluemb_com/images/top-bg.png') repeat-x; height:478px;}
	#header {width:960px; margin:0 auto; position:relative;}
	#top-header {height:90px;}
		#logo {position:absolute; left:0px;}
		#phone-number {position:absolute; right:0px; top:25px; text-align:right;}
			#phone-number h2 {color:#40aff2; font-size:22px; margin:0px;}
			#phone-number p {color:#81838d; font-size:12px; margin:0px;}
			#phone-number a {color:#c2c0b8;}
#navigation {}
	#navigation ul {list-style-type:none; padding-left:30px;}
	#navigation ul li {float:left; margin:0 4px 0 4px; text-align:center;}
	#navigation ul li a {color:#fff; text-decoration:none; font-size:22px; padding:10px; margin:0 15px 0 15px; }
	#navigation ul li a:hover {padding:10px; border-radius:5px; color:#0032A0; background: url('https://media.guestdesk.com/sites/hotelbluemb_com/images/metal.jpeg'); background-size:100% 100%;
}
#navis-wrapper {position:absolute; right:-4px; top:75px;}
			.navis-button {
				text-align:center;padding:4px; margin:0 3px 0 3px; float:left; width:100px;border-radius:4px; background: #27699d;
				background: #71c4fc;
				background: -moz-linear-gradient(top,  #71c4fc 0%, #5caee7 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71c4fc), color-stop(100%,#5caee7)); 
				background: -webkit-linear-gradient(top,  #71c4fc 0%,#5caee7 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c4fc', endColorstr='#5caee7',GradientType=0 ); 
				}	
			.navis {font-size:12px; color:#fff; font-weight:bold; margin:0px;}
			#click-to-talk {text-decoration:none;}
			#click-to-chat {text-decoration:none;}
#main {border-top-left-radius: 10px;border-top-right-radius: 10px; border:4px solid #40aff2; background-color:#000; width:960px; margin:0 auto; margin-top:-325px; border-bottom:none;}
#promo-panel {position:relative;}
	#slideshow img {padding-top:0px;}
	#booking-sticker {background:url('/media/layout/booking-sticker.png') no-repeat; height:252px; width:253px; position:absolute; left:10px; top:10px; z-index:99999; text-align:center;}
	#booking-sticker , #booking-sticker input{font-size:12px!important;}
	#booking-sticker h1{font-weight:lighter; color:#fff; border-bottom:1px solid #fff; font-size:20px; width:200px; line-height:18px; margin:15px auto 10px;}
	#booking-sticker-form{width:210px; margin:0 auto;}
	#booking-widget {position:absolute; right:45px; bottom:15px;}
#specials-wrapper {height:85px; padding-top:15px;}
	.special-box {margin:0 auto; width:950px;}
	#special-description {float:left; width:400px; border-left:1px solid #0032A0; border-right:1px solid #0032A0; margin-right:15px; padding-right:20px; padding-left:20px;}
	#special-title {float:left; width:200px; margin-right:20px; text-align:center;}
		#special-title h2 {margin:0px; font-size:46px;}
	#countdown {float:left; width:240px; margin-top:15px;}
#amenities-bar-wrapper {height:187px; padding-left: 5px; margin-left:-55px; width:950px;}
	.amenity-box {float:left; width:186px; margin:0 2px 0 2px;}
#six-boxes-wrapper {height:300px; width:850px; margin:0 auto; padding:10px 0 10px 0;}
	.six-box {height:130px; width:245px; border:3px solid #40aff2; border-radius:6px; float:left; margin:5px; padding:10px; position:relative;}
	.six-box h4 {color:#fff; font-size:16px; margin-bottom:3px;}
	.six-box p {margin-top: 3px;}
	.six-box ul {margin:0px; list-style-type:none; padding-left:5px;}
		.six-box li {background-image: url('/media/layout/arrow.jpg'); background-position: -0.3 0em; background-repeat:no-repeat; margin-bottom:5px; padding-left: 15px; height:16px;}
	.six-box input {width:150px; border:none; background-color:#fff; color:#555; border-radius: 5px; margin:20px 0 0 0;}
	.six-box .submit-button{ width:80px; margin:20px 0 0 10px; background-color:#40aff2; border-radius: none; color:#000;}
	.teaser-image {margin:-8px -8px -8px -10px;}
	#boxes-left {float:left; width:562px;}
	#boxes-right {float:right; width:285px;}
	.icons {margin:0 15px 10px 15px;}
	.read-more {position:absolute; right:15px; bottom:10px;}
#content {width:850px; margin:0 auto; padding:10px 0 10px 0;}

#content-right {float:right; width:250px; margin-right:-40px;}
#content-left {float:left; width:600px;}


/* -- Area Info  /myrtle-beach/ -- */
#arealeft {float:left; width:400px; margin-right:20px; overflow:hidden;}
#arearight {float:left; width:190px; overflow:hidden;}
#arearight ul li {list-style-type: none; padding-left: 7px;}
#arearight ul li a {color:#666666;}
#arearight ul{margin-bottom: 15px;}	
#left-column {float:right; width:190px; padding-left:30px; margin-top:15px; text-align:center;}
	#left-column span{color:#999; font-size:12px; font-style:italic;}

#nav_categories ul li{background-image: url('/media/layout/blue-line.jpg'); background-size:100%; background-repeat: no-repeat;
	background-position:center bottom; padding:5px; text-align:center; list-style:none; margin:10px 0;}
	#nav_categories ul li{border-width: 0px 0px 1px; -moz-border-image: url('/media/layout/blue-line.jpg') 27 round;}
#nav_categories li{list-style:none;}
#nav_categories li h3{background-color:#40aff2!important; color:#000!important; text-transform:uppercase; padding:5px; cursor:pointer;
	text-align:left;}
	.arrowClosed{background-image:url('/media/layout/arrow-closed.jpg'); background-position:right center; background-repeat:no-repeat;}
	.arrowOpen{background-image:url('/media/layout/arrow-open.jpg'); background-position:right center; background-repeat:no-repeat;}

#bottom-banner {width:960px; margin-bottom: -3px; text-align:center;}
	#bottom-banner img{padding:0 0 10px 0; width:945px;}
#footer {height:220px; background-color:#0032a0; border-top:4px solid #40aff2;}
	#footer p {font-size:11px;}
	#footer a {color:#bbb6ca;}
	#footer-content {width:960px; margin:0 auto; color:#fff; padding-top:15px;}
	#footer-right {float:right; width:300px;}
	#footer-left {float:left; width:300px;}
		#footer-left ul {list-style-type:none; width:500px; padding:0px; }
			#footer-left li {float:left;width:180px;}


/*--- COUNTDOWN BAR---*/  
#countdown-wrapper {height:130px; margin-top:15px;}
.countdown-box {width:49px; height:49px; float:left; color:#fff; text-align:center; }
.countdown-large-text  {font-size:22px;}
.countdown_amount {font-size:34px; color:#40AFF2; display: block; }
.countdown_section {width:45px; height:65px; float: left; text-align: center;overflow: hidden; font-size:16px; margin: 0px 2px;}
#countdown-specials {width:177px; height:88px;  margin-top:10px; margin-left:-15px; padding-left:5px;}
.countdown-specials-tagline {font-size:10px; padding-left:29px; padding-top:3px; color:#fff;}
.hasCountdown {color:#fff; margin-top:-15px; margin-left:30px;}
#boxes-wrapper {height:85px; padding-top:15px; margin-left:-22px; width:205px; font-size:11px;}
#book-now {background-color:#40AFF2; text-align:center; padding:10px; width:100px; height:15px; color:#000; margin-left:75px; font-weight:bold; font-size:16px;}




/*--- EVENTS ---*/
.event{ margin:0 0 20px; padding:0 0 5px; border-bottom:1px solid #40aff2;}
.pagination{border-bottom:1px dotted #fff; border-top:1px dotted #fff;}
	.pagination a{ padding:5px;}
	
/*--- ROOMS ---*/
#image-gallery {list-style-type:none;}
	#image-gallery li {float:left; width:100px; height:100px; margin:0 10px 0 10px; border:2px solid #40AFF2; border-radius:6px}
	#subnav {border:2px solid #40AFF2; padding:10px; border-radius:6px;}
		#subnav ul {list-style-type:none; padding-left:0px;}
		#subnav li {background-image: url("../media/layout/arrow.jpg");background-repeat: no-repeat;height: 16px;margin-bottom: 5px; padding-left: 15px;}

/*--- BOOKING WRAPPER ---*/
#booking-wrapper{background-color:#40aff2; position:relative;}
#booking-bar{margin:0 auto 20px; width:900px; padding:20px 0; position: relative;}
#booking-bar input{background-color:#fff; color:#000;}
#specials-button{position:absolute; right:31px; bottom:15px; cursor:pointer;}
#specials-show{}
#specials-table{display:none;}
.date-box input {margin: 0 2px 0 0 !important;}

/*
----------------------------
CLASSES
____________________________
*/
.go-button {margin-left:215px; margin-top:-15px;}
.submit-button {border:0px; background-color:#40AFF2; color:#000; font-size:14px; padding:0 5px;}
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }