/* -- CORAL BEACH -- /*

@charset "UTF-8";
/* reset */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
input,select { vertical-align: middle; }


@font-face{ font-family:'Century Gothic'; src: url('https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/media/century-gothic.ttf') format('truetype'); font-weight:normal; font-style:normal;}
@font-face{ font-family:'Century Gothic Bold'; src: url('https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/media/century-gothic-bold.ttf') format('truetype'); font-weight:normal; font-style:normal;}
		
		

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


.container {padding-left: 20px; padding-right: 20px;position: relative; }
.row {width: 100%; max-width: 1140px; margin: 0 auto; overflow: hidden; }
.row{overflow: visible;}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {float: left; min-height: 1px; margin-right: 30px; }
.row .onecol { width: 95px; }
.row .twocol { width: 175px; }
.row .threecol { width: 270px; }
.row .fourcol { width: 365px; }
.row .fivecol { width: 460px; }
.row .sixcol { width: 555px; }
.row .sevencol { width: 650px; }
.row .eightcol { width: 745px; }
.row .ninecol { width: 840px; }
.row .tencol { width: 935px; }
.row .elevencol { width: 1030px; }
.row .twelvecol { width: 100%; float: left; }



body{background: #fef8ee url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/bg.jpg) repeat-x top left; font-size: 1em;line-height: 1.3em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #5d5b5d;}
h1{font-size: 3em; line-height: 1em; font-family: 'Century Gothic Bold', Helvetica, Arial, sans-serif; margin: 0 0 7px 0;letter-spacing: -1px;font-weight: bold;}
h2{font-size: 2em; line-height: 1em; margin: 0 0 7px 0;}
	h2.font18{font-size: 1.8em;}
h3{font-size: 15px; line-height: 1em; margin: 0 0 7px 0;}
h4{line-height: 1em; margin: 0;}
a{color: #2b96ab;}
hr{color: #cacaca; background: #cacaca; height: 1px;overflow: hidden;}
p{display: block; margin: 0; padding: 0;}

#wrapper{margin: 0 auto; padding-top: 115px; }

#navcontainer { background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/nav-bg.jpg) repeat-x; position: fixed; width: 100%; z-index: 9999; padding-top: 10px; margin-top: -115px; }
#navcontainer .row { width: 1100px; margin: 0 auto; }
#navcontainer.shade { box-shadow:0px 3px 3px 2px rgba(0,0,0,0.3); }

nav	{position: relative; }
	#logo{margin-top: 00px;}
	.navcol { float: right;width: 700px;}
	
	nav ul{border-bottom: 1px solid #fff; padding: 0px 0 5px 0; list-style: none; margin: 0;}
	nav ul li{float: left; padding: 10px 7px 0 7px; color: #fff; font-size: 12px; text-transform: uppercase;}
	nav ul li a{color: #fff; text-decoration: none;}
		nav ul li.home{padding-top: 0px;}
		nav ul li.phone{font-size: 2em; margin: -7px 0 0 0; text-align: right; padding-right: 0px;float: right;}
	
	nav #subnav{ }
		nav #subnav ul{border: none;}
		nav #subnav ul li{text-align: center;font-size: 13px;line-height: 1em; padding: 10px 9px 12px 6px;}
		nav #subnav ul li:hover{background:url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/main-bg.jpg) repeat-y top center; border-radius: 4px; }
		nav #subnav ul li a.subnavLink{font-size: 14px;}
		nav #subnav ul li:hover a.subnavLink {color: #2b96ab;z-index: 111; position: relative;}
	
	
	
				
/* -- HOME -- */	
#main{background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/main-bg.jpg) repeat-y top left; padding: 1% 2% 2% 2%;position: relative;margin: 50px auto 30px auto; box-shadow:0px 5px 5px 5px rgba(0,0,0,0.3); border-radius: 5px; }

	#home-content{width: 850px; float: left;}
		#home-content-nav{font-size: 1.2em; color: #2b96ab; text-transform: uppercase; margin: 15px 30px 30px 0px; }
			#home-content-nav li{list-style: none; display: inline-block; padding: 0px 7px;}
			#home-content-nav li a{color: #2b96ab;text-decoration: none; font-weight: bold;}
			
	 	
		.home-amenities{text-align: center;float: left; margin-right: 50px;width: 175px; font-size: 13px;}
			.home-amenities h3{color: #2b96ab;font-size: 17px;}
			.home-amenities ul li{list-style: none; margin-bottom: 5px;}
			.home-amenities ul li a{text-decoration: none; color: #5d5b5d;}
			
			.home-amenities .imgholder1{width: 200px; height: 140px; position: relative;}		
				.home-amenities .imgholder1 img.amenphoto{width: 180px; height: 118px;position: absolute; top: 0; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.home-amenities .imgholder1 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -14px; left: -14px;z-index: 5;}
			
			.home-amenities .imgholder2{width: 200px; height: 140px; position: relative;}		
				.home-amenities .imgholder2 img.amenphoto{width: 180px; height: 116px;position: absolute; top: 0; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.home-amenities .imgholder2 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -18px; left: -14px;z-index: 5;}
			
			.home-amenities .imgholder3{width: 200px; height: 140px; position: relative;}		
				.home-amenities .imgholder3 img.amenphoto{width: 178px; height: 116px;position: absolute; top: 7px; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.home-amenities .imgholder3 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -10px; left: -14px;z-index: 5;}
			
			.home-amenities .imgholder4{width: 200px; height: 140px; position: relative;}		
				.home-amenities .imgholder4 img.amenphoto{width: 180px; height: 115px;position: absolute; top: 4px; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.home-amenities .imgholder4 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -14px; left: -14px;z-index: 5;}
			
			
			
			
		.highlights-amenities{text-align: center;float: left; margin-right: 50px;width: 170px; font-size: 13px;}
			.highlights-amenities h3{color: #2b96ab;font-size: 17px;}
			.highlights-amenities ul li{list-style: none; margin-bottom: 5px;}
			.highlights-amenities ul li a{text-decoration: none; color: #5d5b5d;}
			
			.highlights-amenities .imgholder1{width: 200px; height: 140px; position: relative;}		
				.highlights-amenities .imgholder1 img.amenphoto{width: 180px; height: 118px;position: absolute; top: 0; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.highlights-amenities .imgholder1 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -14px; left: -14px;z-index: 5;}
			
			.highlights-amenities .imgholder2{width: 200px; height: 140px; position: relative;}		
				.highlights-amenities .imgholder2 img.amenphoto{width: 180px; height: 116px;position: absolute; top: 0; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.highlights-amenities .imgholder2 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -18px; left: -14px;z-index: 5;}
			
			.highlights-amenities .imgholder3{width: 200px; height: 140px; position: relative;}		
				.highlights-amenities .imgholder3 img.amenphoto{width: 178px; height: 116px;position: absolute; top: 7px; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.highlights-amenities .imgholder3 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -10px; left: -14px;z-index: 5;}
			
			.highlights-amenities .imgholder4{width: 200px; height: 140px; position: relative;}		
				.highlights-amenities .imgholder4 img.amenphoto{width: 180px; height: 115px;position: absolute; top: 4px; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				.highlights-amenities .imgholder4 img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -14px; left: -14px;z-index: 5;}
			
		
		
		#gd-widget-home{background: #fff;float: right; width: 470px; margin-right: -15px;padding: 15px; border-left: 4px solid #acacac; border-right: 4px solid #acacac;}
			#gd-widget-home h2{text-transform: uppercase; text-align: center;margin-bottom: 15px;font-size: 2.5em;}
			.gd-home-widget-inner{margin: 10px auto;}
		
			#gd-widget-home label{display: block; font-weight: bold; margin-bottom: 5px;}
			
			#gd-widget-home input, #gd-widget-home select{padding: 2px; margin-bottom: 10px; }
				#gd-widget-home input{width: 100px;}
				
				#gd-widget-home .arrival, #gd-widget-home .depart{width: 200px; margin:0 0 20px 15px; float: left;}
				#gd-widget-home .arrival label, #gd-widget-home .depart label{text-align: left;}
				
				
				#gd_itinerary_details div{float: left; width: 90px;}
				
				#gd-widget-home input#resBox_submit{position: relative; clear: both; margin: 20px 0; font-size: 20px; border-radius: 4px;color: #fff;border: none; text-align: center; padding: 3px 0px;text-transform: uppercase;
					background:#177eb9;
					background: -moz-linear-gradient(top, #177eb9 0%, #004e85 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177eb9), color-stop(100%,#004e85));
					background: -webkit-linear-gradient(top, #177eb9 0%,#004e85 100%);}
	
	
	#home-deals-sidebar{width: 300px; float: right;background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/home-deals-sidebar-bg.png) no-repeat top right; margin: 45px -15px 0 0;}
		#home-deals-sidebar .sidebar-inner{text-align: center; padding: 15px 0; width: 220px; margin-right: 30px; min-height: 500px;float: right;}
		#home-deals-sidebar #dealheader{margin-bottom: 15px;}
		#home-deals-sidebar h3{font-size: 1.2em; margin: 0; padding: 0; font-weight: bold; display: block; text-transform: uppercase;}
		#home-deals-sidebar h2{font-size: 6.5em; line-height: 1em; margin: 0; padding: 0;}
		#home-deals-sidebar h4{font-size: 1em;display: block; text-transform: uppercase;}
		
		#home-deals-sidebar .btn-white, #home-deals-sidebar .btn-blue{width: 90%;color: #2b96ab; text-align: center; margin: 0px auto; font-size: 1em; font-weight: bold; border-radius: 5px; border: 2px solid #2b96ab; margin-bottom: 8px; display: block; text-transform: uppercase;padding: 5px 0px; text-decoration: none; box-shadow:1px 2px 2px rgba(0,0,0,0.4);
			background: #fff; 
			background: -moz-linear-gradient(top, #fff 50%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff), color-stop(100%,#e5e5e5));
			background: -webkit-linear-gradient(top, #fff 50%,#e5e5e5 100%);
		}
		
		
		#home-deals-sidebar .btn-blue{color: #fff; background:#2b96ab;
			background: -moz-linear-gradient(top, #4fb1c6 0%, #2b96ab 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb1c6), color-stop(100%,#2b96ab));
			background: -webkit-linear-gradient(top, #4fb1c6 0%,#2b96ab 100%);}

		#sidebar-email{ color: #2b96ab;}
			#sidebar-email label{text-align: center; display: block;font-weight: bold;line-height: 1em;}
			#sidebar-email input{text-align: left; display: block; width: 150px;margin: 8px auto;padding: 5px 3px; font-size: 14px;border: 1px solid #5d5b5b;}
			#sidebar-email input.btn{color: #fff; float: none; font-size: 1em; width: 160px; border: none; text-align: center; margin: 0px auto 15px auto; text-transform: uppercase; background:#2b96ab; border-radius: 4px;
			background: -moz-linear-gradient(top, #4fb1c6 0%, #2b96ab 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb1c6), color-stop(100%,#2b96ab));
			background: -webkit-linear-gradient(top, #4fb1c6 0%,#2b96ab 100%);}


footer{text-transform: uppercase;margin-bottom: 45px;}
	footer .row{background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/main-bg.jpg) repeat-y left -400px; border-radius: 5px; box-shadow:0px 5px 5px 5px rgba(0,0,0,0.3); padding: 30px 2%;position: relative;margin: 0px auto 15px auto;}
	footer .footercol{float: left; margin-right: 15px; padding-right: 15px;height: 280px;width: 193px;text-align: center;}
	footer ul, footer ul li{padding: 0;margin: 0; list-style: none;font-size: 1em; margin-bottom: 5px;}
	
	footer h3{color: #2b96ab; text-align: center;}
	footer h4{color: #2b96ab; text-align: center; font-size: .75em; color: #2b96ab;}
	
	footer .footercap{text-align: center; text-decoration: none; font-size: .75em; font-weight:bold; color: #2b96ab;}
		footer .footercap a{text-decoration: none;}
	
	
	footer .stay{background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-files/footer-fourcol-bg.png) no-repeat top left; width: 204px;  margin-top: -20px;padding:20px 12px; text-align: center;}
		footer .stay ul{margin: 0; padding: 0;}
		footer .stay ul li{margin: 15px 0px;}
		footer .stay ul li a{color: #2b96ab; line-height: .75em; text-decoration: none;font-weight: bold;}
		footer .stay ul li a:hover{text-decoration: underline;}
		
		footer .explore a{text-transform: capitalize; font-size: 1em;}
		footer .explore .imgholder{width: 200px; height: 140px; margin: 8px 0; position: relative;}		
				footer .explore .imgholder img.amenphoto{width: 180px; height: 115px;position: absolute; top: 4px; left: 0;z-index: 4;}/*padding: 5px; background: #fff; border: 1px solid #a9a9a9; */
				footer .explore .imgholder img.amenphoto-frame{width: 210px; height: 151px;position: absolute; top: -14px; left: -14px;z-index: 5;}
				
		
		
		footer .siteextras a{color: #2b96ab; text-decoration: none;display: block;font-weight: bold;margin-bottom: 4px;}
		
		footer .things li{list-style: disc;margin-left: 30px;text-align: left;}
		footer .things li a{color: #5d5b5d; text-decoration: none;}
		
		footer .others li{list-style: disc;margin-left: 30px;}
		footer .others li a{color: #5d5b5d; text-decoration: none;}
	
	
	
	
	/*-- universal form styles --*/
	.form{margin-top: 15px; padding: 15px;}
		
		.formColumn{float: left; width: 255px;}
		.form label{padding-top: 2px; color: #2b96ab;}
		.form input{width: 200px; margin-bottom: 7px;border: 1px solid #999; padding: 5px; border-radius: 3px; clear: both; display: block;}
		.form textarea{margin-bottom: 7px; width: 255px;border: 1px solid #999; border-radius: 3px;}
		.form input.button{width: auto;border: 1px solid #fff;border-radius: 3px; background: #2b96ab; color: #fff; padding: 5px;}
		.form label span.required{font-style: italic; color: #999;}
	
		.emailsignupform{width: 465px;}
		.contactform{width: 500px;}
			.contactform .formColumn{width: 230px;}
			
		/* -- textarea heights for column matching on different forms --*/
		.form textarea.contact{ height: 173px;}
		.form textarea.mailing{ height: 184px;}



/* -- MISC -- */
.clear { overflow:hidden; height:1px; clear:both; }
.alignRight { float:right; margin:0 0 15px 15px; }
.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
.noborder{border: none; text-decoration: none;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.blue{color: #2b96ab;}
.green{color: #6da272;}
.brown{color: #5e3a18;}
.purple{color: #762949;}
.light-blue{color: #339de5;}


.mainpic{float: left; margin:0 0 0 -30px;}
.inner{padding: 0px 30px; width: 100%;}
.bottom8{margin-bottom: 8px;}
.bottom15{margin-bottom: 15px;}
.border-right{border-right: 1px solid #cacaca;}
.border-bottom{border-bottom: 1px solid #cacaca; padding-bottom: 15px;}

.last { margin-right: 0px; }



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {}
		/* -- homepage fixes -- */
		
		
		#home-content-nav li{display: block;font-weight: bold; background: #fff; border-radius: 4px;padding: 4px;}
		.mainpic{display: none;}
		#home-deals-sidebar {background: none; border-bottom: 1px solid #000; margin: 30px 0px; }
		#home-deals-sidebar .sidebar-inner{text-align: center; padding: 5% 0%;float: none;}
	
		#bamboo-frame-home{margin: 25px auto; text-align: center;position: relative; width: auto; height: auto; }
			#bamboo-frame-top, #bamboo-frame-left,#bamboo-frame-right,#bamboo-frame-bottom{display: none;}
		
			#shellswrapper{display: none;}
		/* -- classes fixes -- */
		.list-seperator{visibility: hidden; font-size: 0;}
	
	
	
	
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(https://media.guestdesk.com/sites/myrtlebeachholidayinn_com/newsite2013/hip-fileslogo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}