@charset "UTF-8";
/*@import "/css/reset.css";*/

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, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}
em { font-style: italic; }

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

/*-- BASICS --*/
body{font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; color: #3e2316; margin:0px auto;  background: #71421d url('https://secure.intellistrand.com/sites/islandvista_com/media/layout/background.jpg') repeat-y top left;}
p{padding: 0px 0px 0px 0px; margin: 10px 0 0 0; }
a, a:visited, a:hover{text-decoration: none; color: #28160d;}
a:hover{text-decoration: underline;}
img{border: 0px;}

h1, h2, h3, h4, h5 { color: #28160d; }
h1{text-transform: uppercase; font-weight: lighter; margin-bottom: 0;font-size: 21px;text-decoration: underline;margin-bottom: 5px;}
h2 {text-transform: uppercase; font-weight: lighter; margin-bottom: 0;font-size: 17px;margin-bottom: 5px;}
h3 {text-transform: uppercase; font-weight: lighter; margin-bottom: 0;font-size: 15px;}
h4{text-transform: uppercase; font-weight: lighter; margin-bottom: 0;font-size: 14px;}

h2.underline{text-decoration: underline;}
.capitalize{text-transform: capitalize;}
ul { margin-left: 20px; }
/*ul li ul { margin-left: 10px; }*/


/* -- layout --*/
#superwrapper {width: 980px; margin: 0px auto; padding: 10px 0 30px 0;}

#weatherInHeader { float: left; padding:15px 0 15px 60px; }
    #weatherInHeader, #weatherInHeader a { color:#fff; }
	#weatherInHeader a { text-decoration: underline; }

#icons-header { float: left; margin-left: 60px;color: #f9f3dd;padding-top: 45px;}
	#icons-header a {color: #f9f3dd;}
	.callToActionIcon{padding-right: 2px; height: 17px; position: relative; top: 3px;}

#mbhotelslogo { float: right; margin-right: 60px;width: 201px;}
	.booknow-bttn{ width: 80px; font-size: 15px; float: right; color: #000; background: transparent url('https://secure.intellistrand.com/sites/islandvista_com/media/layout/booknow-bttn.png') no-repeat top left; padding:5px 10px;margin: 0px;}
    
    
#wrapper{width: 860px; margin: 5px auto; background: #f5e7b8;}
#header{background: url('https://secure.intellistrand.com/sites/islandvista_com/media/layout/header-background.jpg') no-repeat top right;}
	#logo{padding: 10px;width: 200px;}
	
	/*-- header nav --*/
		#nav{margin: 5px auto;width:100%; text-align: center;}
		#nav ul li{padding: 0px 4px; margin: 0px auto;display: inline; }
		#nav ul li a{text-transform:uppercase;font-size: 15px; color: #28160d; text-decoration: none; font-weight: normal;}
		#nav ul li a:hover{color: #000;text-decoration: underline;}
	
	#weather { }
	
	
	#newsletterWrapper{margin-top: 10px;text-align: right;display: block;float: right; width: 232px; padding: 0px 10px 0px 0px;}
        #newsletterEmail{width: 135px;padding: 2px; border: 1px solid #28160d; font-size: 10px;}
        #newsletterSubmit{position: relative; top: 5px;}
        
        #newsletterFormZdirect{width: 232px;}
        #newsletterFormZdirect input{width: 125px; border: 1px solid #28160d;}
        #newsletterFormZdirect input.btn{width: 80px;}
	
	
	.dollarSign{margin-top: -10px; vertical-align: top;}
	h3.rates{font-size: 70px; font-weight: lighter;padding: 20px 0; letter-spacing: -5px;}
	
/*-- main --*/
#main{display: block;}
#main a {text-decoration: underline; font-weight: bold;}
#main a:hover {text-decoration: none;}
#slideshowImages{height: 210px; margin: 0px 0px; width: 860px; background: #fff;}
#slideshowImages-home{height: 275px; margin: 0px 0px; width: 860px; background: #fff;}
	
	.mainOneThird{float: left; width: 33%;overflow: hidden; padding-bottom: 10px; }
	.mainTwoThird{float: left; width: 66%;overflow: hidden; padding-bottom: 10px;}
	.mainOneQuarter{float: left; width: 25%;overflow: hidden; padding-bottom: 10px;}
	.mainThreeQuarter{float: left; width: 75%;overflow: hidden; padding-bottom: 10px;}
	.mainHalf{float: left; width: 50%;overflow: hidden; padding-bottom: 10px;}
	.mainForty{float: left; width: 40%;overflow: hidden; padding-bottom: 10px;}
	.mainSixty{float: left; width: 60%;overflow: hidden; padding-bottom: 10px;}
	.mainFull{float: left; width: 100%; overflow: hidden; padding-bottom: 10px;}
	
	.mainOneThird div, .mainTwoThird div, .mainOneQuarter div, 
	.mainThreeQuarter div, .mainHalf div, .mainForty div, .mainSixty div, 
	.mainFull div{padding: 10px;}
	
/* -- homepage -- */
	div.homepageArticle{background: url('/media/palm-trees-wide.png') no-repeat bottom center; padding-bottom: 20px; }
	div#currentEdeal{background: #f0e5c7 url('/media/palm-trees-150.png') no-repeat top right;}
	div#enterToWinHomepage{background: #c0af59;}
	div#homeVideo, div#homeWebcam{background: #f9f3dd;}
	div#brochureRequest{background: #f0e5c7;}
	div#golfgiveaway{background: #f0e5c7;}
	div#golfgiveaway img{ width: 100%;}
	
	input#edealsInput{width: 135px;padding: 2px; border: 1px solid #28160d; font-size: 12px;}
	#enterToWinSubmitHomepage{position: relative; top: 5px;}
	
	
	.webcamh2{padding: 10px;}
	
/* -- resort -- */ 
	.propertyimagelink{float: right; width: 250px;}
	.propertyimagelink img{ width: 250px;}
	#address{list-style-type: none;}
	
	#resortPhotoGalleryButton {background: url('https://secure.intellistrand.com/sites/islandvista_com/media/layout/ButtonStyle.png') no-repeat top left; margin: 0px 0px 0px 25px; padding-top: 10px; text-align: center; height: 23px; width: 200px; display: block; text-transform: capitalize;}
	
	
	.smallFacts{margin-top: 10px;}
	.smallFacts li{float: left; margin-right: 20px; list-style-type: none;width: 125px;}
	.booking li{float: left; margin-right: 20px; list-style-type: none;}
	
	
	#resortInfo table td ul{padding: 10px 30px;}
	#resortInfo table td.paragTitle{text-transform: uppercase; font-weight: lighter; font-size: 17px;}
	#resortInfo table td{padding: 10px 0px 0px 10px;}
	
		
	
/* -- accom -- */	
	#accomFeatureList{ padding-left: 20px; }
	
	#accom-rooms{margin: 0 0 10px; padding: 0;}
	#accom-rooms div { padding: 0; }
	#accom-rooms .roomGroup{float: left; width: 18%; padding: 10px 2% 0 0;}
	#accom-rooms ul{float: left; padding:0 15px 0 15px; margin: 0 0 0 5px; }
	#accom-rooms ul li { padding: 0 0 5px; margin: 0; }
	#accom-rooms ul li a{text-decoration: underline;}
	
	#accomImages li{float: left; margin-right: 10px; list-style-type: none;}
	#accomImages li img{}



/* -- amenities -- */
	#amen-sidebar{float: right; width: 200px;margin: 0px 0px 10px 10px; min-height: 800px;}
	.amen-category{list-style-type: none; margin-bottom: 20px;}
	#amen-sidebar ul li ul li{margin-left: 25px;list-style-type: circle;}
	#amen-copy{}


/* -- area-info -- */
	#area-info-sidebar{float: right; width: 200px;margin: 0px 0px 10px 10px; min-height: 800px;}
	.area-info-category{list-style-type: none; margin-bottom: 20px;}
	#area-info-sidebar ul li ul li{margin-left: 25px;list-style-type: circle;}


/* -- gallery -- */
	/*#galleryCategories{float: right; width: 150px;margin: 0px 0px 10px 10px;}
	#galleryCategories ul{list-style-type: circle; margin-left:25px;}
	#photoGallery{float: left;}
	#galleryNav{float: right;}*/
	/* Photo Gallery with thumbs */

	#photoGallery { width: 410px; position: relative; float: left; }	
		#photoGallery img { border: 1px solid #fff; padding: 4px; display: none; /*position: absolute;*/ top: 0; left: 0; }
		#photoGallery img.showMe { display: block; }
		
	#photoGalleryThumbs { text-align: left; float: right; width: 144px; }
		#photoGalleryThumbs img { border: 1px solid #3b2b2b; margin-left: 8px; }
		#photoGalleryThumbs img:hover { cursor: pointer; }
		#photoGalleryThumbs img.selected { border-color: #fff; }
			#photoGalleryThumbs img:hover { border-color: #fff; }
			
	#photoGalleryDescriptions { width: 410px; float: left; clear: left; margin-top: 8px; padding: 6px; }
		#photoGalleryDescriptions div { display: none; }
		#photoGalleryDescriptions div.showMe { display: block; }
	
	#galleryCategories { width: 144px; float: right; }
	#galleryNav { width: 105px; font-size: 11px; text-align: center; }

/*-- news / press releases / articles --*/
	div.newsReleases{background: url('/media/palm-trees-wide.png') no-repeat bottom center; padding-bottom: 35px; }
	
	
/* -- maps --*/
	div#map div{margin: 0px; padding: 0px;}
	div#map #largemap{margin-bottom: 10px;}

	
/* -- virtualtours -- */
	ul#virtualTours	{margin-left: 25px; list-style-type: none;}
	ul#virtualTours li{margin: 10px 0px;}

/* -- events -- */
	#searchEvents{width: 165px; float: right;margin: -5px -5px;}
	#search{padding: 2px; border: 1px solid #28160d; font-size: 12px; float: left; width: 100px;}
	#searchButton{float: right; margin-left: 2px; padding: 0px; text-transform: capitalize; width:55px; height: 21px;border: 1px solid #28160d;background: #28160d; color: #fff;}


/* -- meetings -- */
	#meetingButtons{decoration: underline;margin-bottom: 20px ;background: transparent url('/media/layout/meeting-bttn.png') no-repeat top left; width: 150px;}

	#requestMeeting{float: left; width: 90%; overflow: hidden; padding-bottom: 10px;border: 0px solid #28160d; padding: 10px 15px; margin: 0px 20px 100px 10px;}
	#requestMeeting input, #requestMeeting textarea, #requestMeeting select{display: block; float: left; padding: 3px;border: 1px solid #28160d; width: 80%;}
	#requestMeeting textarea{height: 90px;}
	
	#requestMeeting label{display: block; font-size: 13px; font-weight: normal; margin-top:20px; clear: both;}
	#requestMeeting .button{float: right;margin: 5px 20% 0px 0px;background: #28160d;color: #fff; width: 120px;}
	
	.formLeft, .formRight{width: 45%; float: left;}


/* -- dining -- */
	#diningMenus{margin-top: 10px;}
	#diningMenus li{float: left; display: inline; margin-right: 10px; list-style-type: none;}
	#diningMenus li a{text-decoration: underline;}
	
	.diningImage{float: right; margin: 0px 0px 10px 10px; clear: both;}

/* -- enterToWin -- */
	
	.enterFormLeft, .enterFormRight{width: 35%; float: left;}

	#enterToWin{float: left; width: 90%; overflow: hidden; padding-bottom: 10px;border: 0px solid #28160d; padding: 10px 15px; margin: 0px 20px 100px 10px;}
	#enterToWin input{display: block; float: left; padding: 3px;border: 1px solid #28160d; width: 50%; clear: both;}
	
	#enterToWin label{display: block; font-size: 13px; font-weight: normal; margin-top:20px; clear: left; }
	#enterToWin .button{float: right;margin: 5px 40% 0px 0px;background: #28160d;color: #fff; width: 60px;}
	

	
/* -- carousels -- */
	#hotDealWrapper{background: #f2e8cd url('/media/palm-trees-150.png') no-repeat top center; height: 175px;}
	#golfDealWrapper{background: #fcfaf3 url('/media/palm-trees-150-flip.png') no-repeat top center; height: 200px;}
	
	#promoPanelNext{float: right; margin-right: 10px;}
	#promoPanelBack{float: left; margin-left: 10px;}
	
	#promoPanelButtonsSpecials{margin: 0px auto; background: #f2e8cd; height: 25px;}
	#promoPanelButtonsGolf{margin: 0px auto; background: #fcfaf3; height: 25px;}


/* -- res form -- */
div#bookingForm{background: #f9f3dd;}
/*
#resForm {  }
		#resForm label { margin: 0; padding: 5px 0px; }
		#resForm p { margin: 0; padding: 8px 0 0 0; }
		#resFormTop { width: 221px; height: 34px; background: url(/media/layout/form-bg-top.gif) no-repeat transparent; }
		#resFormBottom { width: 221px; height: 18px; background: url(/media/layout/form-bg-bottom.gif) no-repeat transparent; }
		#resFormBG { background: url(/media/layout/form-bg.gif) repeat-y left top transparent; }
		#reservationForm { background: url(/media/layout/form-bg-middle.gif) no-repeat transparent; margin: 0; padding: 0 8px; }
			#reservationForm .ResBox_header { display: none; }
		
		#resForm div#HO_cal { margin-left: 10px; }
		#resForm img.cbCal { position: relative; top: 4px; }
		#resForm input#resFormSearch { float: left; margin-top: 10px; margin-left: 20px; }
		#verisignImg { float: right; margin-right: 20px; }
		*/
		
		#retrieveItinerary { padding: 0 0 0 15px; }
		
		.date-picker{float: left;}
		
		input#arrivalDate ,input#departureDate{width: 135px;padding: 2px; border: 1px solid #28160d; font-size: 10px;}
		#gd_room_select, #adults, #children {padding: 2px; border: 1px solid #28160d; font-size: 10px;}
		
		/*.datepicker{float: left;}*/
		#gd_itinerary_dates{height: 75px;}
		#gd_itinerary_dates label{display: block;clear: both;}
		#gd_itinerary_dates input{ margin-bottom: 5px;}
		#gd_itinerary_details{padding: 0px; margin: 0px;display: block;}
		
		#gd_roomSel, #gd_adultsChildrenDefault, #get_children{float: left;margin: 0px -5px 0px 0px;}		
		#gd_roomSel label, #gd_adultsChildrenDefault label, #get_children label{display: block;}
		
		.hidden{ visibility:hidden;height: 0px; clear: both;}

		
		
		#seeMB{width: 100%; height: 214px; background:transparent url(/media/layout/seemb.jpg) no-repeat; }
		
		#go_button{ background: url(/media/layout/search-button.jpg) no-repeat; width: 150px; height: 22px; margin: 0; padding: 0; border: 0; text-indent: -9999px; }


/* -- footer --*/
#footer{margin: 0px auto;width:100%; text-align: center;}
	#footer ul#footer-nav li{padding: 0px 2px; margin: 0px auto;display: inline; }
	#footer ul#footer-nav li a{text-transform:uppercase;font-size: 10px; color: #28160d;}
	#footer ul#footer-nav li a:hover{color: #000;text-decoration: underline;}
	
	#footer #footer-info { background: #F2E8CD  ; }
	#footer #footer-info ul { background: #F2E8CD  ; list-style: none; margin-left: 5px; padding: 10px 0;}
	#footer #footer-info ul li { float: left; margin-right: 10px; }
	
	ul#sisterProperties { list-style: none; }
	ul#sisterProperties li { float: left; margin-right: 10px; }


/* -- misc --*/
.clear{clear: both;height: 1px;visibility: hidden;line-height: 0;}
.floatRight{float: right;}
.floatLeft{float: left; padding: 0px 5px 5px 0px;}
a.moreDetails{padding-left: 5px;text-decoration: underline;}
.error{color: red;}

/* -- gmap --*/
#largemap { width: 550px; height: 350px; }


/* -- weather --*/
	dl#weather{}
	dl#weather dt{font-size: 14px; font-weight: bold;}
	dl#weather dd{padding-left: 5px; margin-bottom: 8px;}
	
/* -- sitemap --*/
	ul.sitemap{margin: 0px 25px;}




	
/* -- golf -- */
	
	.golfImage{float: right; margin: 0px 0px 10px 10px; clear: both;}





/*#hotDealsContainer, #golfSpecialsContainer {height: 200px; }
		.hotDeal, .golfSpecial {width: 175px; }
			.hotDealImg, .golfSpecialImg {display: none; }
			.hotDealP, .golfSpecialP { }
			
			
		#hotDealsNavArrows, #golfSpecialsNavArrows { background: transparent url(/media/layout/hotDealsNav.gif) no-repeat right center; float: left; width: 43px; height: 19px; margin-left: 18px; }
		ul#hotDealsNav, ul#golfSpecialsNav { float: right; clear: both; text-align: left; margin: 0; list-style: none; width: 170px; }
			#hotDealsNav li, #golfSpecialsNav li { display: block; float: left; padding-left: 16px; }
			a.activeSlide { font-weight: bold; color: #3A2A2B; }
			
			#hotDealsNavBack, #hotDealsNavFwd, #golfSpecialsNavBack, #golfSpecialsNavFwd {float: left; width: 18px; height: 17px; }
			#hotDealsNavBack:hover, #hotDealsNavFwd, #golfSpecialsNavBack:hover, #golfSpecialsNavFwd:hover { text-decoration: none; padding: 0; }
			#hotDealsNav1, #hotDealsNav2, #hotDealsNav3, #hotDealsNav4, #golfSpecialsNav1, #golfSpecialsNav2, #golfSpecialsNav3, #golfSpecialsNav4 { padding: 4px; margin: 4px; }

				#hotDealsNavFwd img{display: inline; padding-left: 5px; }
*/