@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset,dd,dt,dl { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul,dl { margin:15px 0; }
ul,ol,dl { padding-left: 20px; }
input,select,label { vertical-align: middle; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

/*html { background-color: #034263; }*/
body { background: #1f5672 url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/bodyBG.gif) repeat-x; font:12px/18px Tahoma, Helvetica, Arial, sans-serif; color:#333; }
a { color: #fff; text-decoration: none; }
a:hover { color: #ffe690; }
input { padding: 3px; font-weight: bold; }
input.submitButton { border: 0; background: transparent url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/buttonBG.png) no-repeat; width: 119px; height: 23px; font-weight: bold; font-size: 11px; margin: 4px 0; }
dt { margin: 10px 0 3px; font-size: 14px; color: #ffe690; }
dd { margin: 0 0 0 20px; }
/*
	____________________________
	TYPOGRAPHY
	____________________________
*/

h1,h2,h3,h4,h5,h6 { font-family: "Myriad Pro", "Calibri", Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size:24px; }
h2#headline { font-size: 13px; color: #6B6C5E; }
h2 { font-size: 20px; color: #fff; margin: 8px 0 12px; }
h3 { font-size: 12px; color: #99cfe5; text-transform: uppercase; line-height: 16px; margin: 0; }
h4 { font-size: 18px; }
h5, h6 { font-size: 14px;  }

/*
	----------------------------
	LAYOUT
	____________________________
*/
#wrapper { width:960px; margin: 0 auto; }
#header {  }
	#headerMain { height: 195px; border-bottom: 3px solid #fff; position: relative; background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/starfish.jpg) no-repeat right bottom;}
		#headerLogo { position: absolute; top: 8px; left: 0; }
		#headerIntro { width: 400px; position: absolute; top: 92px; left: 16px; }
		#headerCall { position: absolute; text-align: right; right: 0; top: 8px; }
			#headerCall h3 { font-size: 16px; color: #000; text-transform: none; margin-bottom: 3px; }
			#headerCall h2 a { font-size: 14px; color: #034263; margin-top: 0px; }
	#headerNav { background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/menuBG.gif) repeat-x #143E5D; height: 39px; }
		#headerNav ul { list-style: none; margin: 0; padding: 0; }
		#headerNav ul li { float: left; height: 35px; background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/navDivider.png) no-repeat; padding-top: 10px; padding-left: 12px; margin-right: 12px; font-size: 12px; font-weight: bold; }
		#headerNav ul li.first { background: none; }
		
#main { margin: 28px 0; color: #fff; }
	#mainContent { float: left; width: 656px; }
	body#home #mainContent { float: none; width: auto; }
		
	#mainSidebar { float: right; width: 270px; margin-left: 20px; }
		#condoSearch { background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/condoSearchBG.png) repeat-x transparent; width: 266px; height: 348px; padding: 1px 10px 10px; }
	
#footerWrapper { width: 100%; background-color: #034263; }

#emailSignupBar { text-align: center; color:#fff; background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/menuBG.gif) repeat-x #143E5D; height: 34px; padding-top: 5px; border-bottom: 3px solid #fff; }
	#emailSignupBar label { font-size: 14px; font-style: italic; }
	#emailSignupBar label, #emailSignupBar input { margin-right: 10px; }
	
#footer { width: 960px; margin: 28px auto; color: #fff; }
#footer a { text-decoration: underline; }
	#superFooter {  }
		#footerMap { float: left; width: 320px; margin-right: 20px; }
		#footerMap p { margin-top: 2px; }
		#footerCondotelligence { float: left; width: 290px; margin: 0 20px; }
		#footerProfiles { float: left; width: 270px; margin-left: 20px; }
			#footerProfiles ul { list-style: none; padding-left: 10px; }
	#subFooter { clear: both; border-top: 1px solid #355C74; margin-top: 16px; padding-top: 10px; }
		#footerFinePrint { color: #99cfe5; float: left; padding-bottom: 20px; }
		#footerFinePrint a { color: #99cfe5; }
			#footerFinePrint strong { font-weight: normal; color: #fff; }
			#footerFinePrint ul { list-style: none; padding: 0; }
			#footerFinePrint ul li { float: left; padding-right: 8px; }
			#footerFinePrint ul li a { font-size: 11px; }
			
			h4.button a {color:#fff;}

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

/* HOME */

#mainContentImage { background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/mainImageFrame.gif) no-repeat #fff; width: 653px; height: 329px; float: left; padding: 3px 0 0 3px; }
#home-search { float: right; width: 270px; margin-left: 20px; }
#mainFeature { float: left; width: 653px; }
	#mainFeature h4.button { float: left; margin-right: 12px; }
	#mainFeatureMedia { float: right; margin: 0 0 12px 12px; max-width: 256px; }
	#mainFeatureMedia img { max-width: 250px; border: 2px solid #034263; }
	#topDeals { float: right; width: 260px; }
		#topDeals p { line-height: 18px; color:#d1edf8; }
		#topDeals p span { font-weight: bold; display: block; color: #fff; }

/* Properties and Specials Page */
#properties { list-style: none; padding-left: 0; }
	.property { padding-top: 10px; border-top: 1px solid #28799d; margin-top: 15px; }
		.rates-book { float:right; width: 250px; text-align: right; }
		.rates-book b { color:#ffe690; font-size: 14px; }
		.rates-book a { display: block; margin-top: 5px; float: right; }
		.property h4 { margin:0 0 3px; }
		.property h4 a {  }
		.property p { margin-top: 3px; color: #d1edf8; }
		.property-detail a { color:#ffe690; font-weight: bold; }
			.property-detail a span { color:#fff; }
		a.property-image { display: inline; }
		a.property-image img { float: left; margin: 0 20px 20px 0; border: 2px solid #d1edf8; }
		
		.currentSpecials { float:right; width:180px; padding:10px; border-left:1px solid #28799d; margin-left:10px; }
		.currentSpecials ul { list-style: none; padding-left: 0; }
		.currentSpecials a { color: #ffe690; display: block; background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/dot.gif) no-repeat 5px 7px; padding-left: 15px; }
		.currentSpecials a:hover { color: #fff; }
/*

/* Map */
	#map{ width: 470px; height: 400px; border:1px solid #fff; float:left; }
	#locations { padding:0 0 0 10px; width: 170px; float:left; }
	#locations #mapHotelList { border-top:1px solid #39acdc; }
	#locations #mapHotelList a { display:block; line-height:11px; height:11px; padding:6px 0 6px 3px; border-bottom:1px solid #39acdc; }
	#map * { color: #000000; } /* this is to fix the map buttons text color, 'cause google is a monkey */
	.infoWindow { width: 300px; color: #333; }
	.infoWindow a.bookLink { padding: 1px 3px; font-weight:bold; background-color: #39acdc; }

/* Guestdesk Multi-Property Search */
body#mps #mainContent { float: none; width: auto; }

/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/
.button, .rates-book a { text-transform:uppercase; color: #000; background: url(https://secure.intellistrand.com/sites/myrtlebeachcondos_com/media/layout/buttonBG.png) no-repeat; width: 119px; height: 23px; text-align: center; padding-top: 7px; font-weight: bold; font-size: 11px; line-height: 11px; }
.button a { text-decoration: none !important; color:#000 !important; display: block; width: auto; }
div.clear { overflow:hidden; height:1px; clear:both; }
li.clear { clear: both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }