@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 { padding: 3px 5px; }
label { display: block; font-weight: bold; }
textarea { width:450px; height: 100px; }
h1 {font-size:24px; color:#2d455c;}
h2 {font-size:16px; color:#307599;}
h3 {font-size:16px; color:#2d455c; margin-bottom:3px;}
a{color: #2D455C;}
/*



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

body {background-color:#2682b2; font-family: Arial, Helvetica, sans-serif;font-size:14px; color:#505050; line-height:20px;}
#wrapper {width:960px; margin:0 auto;}

#header {background:url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/header.jpg) no-repeat; height:143px; position:relative; width: 960px;}
	#logo {position:absolute; bottom:40px; left:70px; width:169px; height:60px;}
	#social-media {
		position: absolute;
		right: -22px;
		bottom: 0px;
		width: 165px;
		height: 30px;
	}
	#phone-number {position:absolute; text-align:center; right:175px; bottom:53px;}
		#phone-number h3 {color:#fef0a5; font-size:16px; margin:0px;}
		#phone-number h4 {color:#fff; font-size:24px; margin:0px; font-weight:normal;}
	#navis-wrapper {position:absolute; width:180px; right:290px; top:20px;}
	.navis-button {width:50px; float:left;margin:4px 0 4px 0;}
		.navis-button a {color:#D6E4EC; text-decoration:none;}
			.navis-button a:hover {color:#F5F698;}
		.navis-button h2 {font-size:12px; margin:5px 0 5px 0; padding:0 0 0 10px; color:#D6E4EC;}
			.navis-button h2:hover {color:#F5F698;}
		.navis img {width:30px;}
#navigation {background:url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/navbar.png) no-repeat; width:971px; height:41px; margin-left:-5px;}
	#navigation ul {list-style-type:none; width:960px; margin:0px; padding-top:10px;}
	#navigation li {float:left; margin:0 7px 0 7px;}
	#navigation li a {color:#fff; font-size:14px; text-decoration:none;}
	
#main {background: #fff url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/main-bg.jpg) repeat-x; padding:10px 0 0 0; width: 960px; overflow: hidden;}


#promo-booking {background:url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/promo-book.png) no-repeat top left; width: 100%;height:378px; position:relative;}
	#booking {float: left; margin-left: 30px;}
	#slideshow {float: left; margin: 20px 0px 0px 28px;width: 659px; height: 330px;}
		
	#promo-slideshow a { display: none; }
	#promo-slideshow a.promo-item-1 { display: block; }
	#promo-slideshow-nav { position:absolute; bottom:35px; left:30px; z-index:100; } 
	#promo-slideshow-nav a {background-color:#0a5e90; color:#333;font-size:12px;margin:0 3px;padding:5px 7px;text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
	#promo-slideshow-nav a.activeSlide { background-color: #FEF0A5; }

#content {width:660px; float:left; padding-left:15px;}
	#three-panel-special {background:url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/yellow-box.jpg) no-repeat; width:656px; height:275px;}
		#three-panel-special p {font-size:11px; margin-top:6px;}
	
	#video-tour {float:right; width:170px; height:130px; text-align:center; margin:20px 0 0 10px;}
		#video-tour a {text-decoration:none; color:#01529f; font-size:14px; font-weight:bold;}
		#video-tour img{padding: 3px; background: #fff; border: 1px solid #ddd;}
		

	.panel {width:200px; float:left; padding: 15px 0px 15px 15px;}
		.panel img{padding: 3px; border: 1px solid #ddd; background: #fff;}
		
	
#right-column {width:260px; float:right; font-size: 12px;}
	#right-column h3, #right-column h3 a {color:#3c70bd; font-size:18px; margin:0px;}
	#right-column h4, #right-column h4 a {color:#217209; font-size:16px; margin-bottom:3px;}
	#right-colum p {margin-top:0px;}
	
		#sidebar-specials dd{padding: 0px; margin: 0px;}
		#news-widget {}
			#news-widget ul {list-style-type:none; padding:0 0 0 10px;}
			#news-widget li {display: block; clear: both;padding-bottom: 10px;}
			#news-widget li a {text-decoration: none;}
			#news-widget a.viewall{}

	
#facebook-golf {width:656px; height:450px; margin-top:15px;}
	#facebook {float:left; width:190px;}
	#golf {float:right; width:450px; font-size:12px;}
		#golf h3 {color:#3c70bd; margin:0px;}
		#golf p {margin:5px 0 5px 0;}
	
	
#bottom {background:url(https://media.guestdesk.com/sites/bayviewresort_com/media/layout/bottom.jpg) no-repeat; height:14px;}
#footer-wrapper {}

	#footer {width:960px; margin:0 auto 20px; margin-top:15px; color:#fff; font-size:12px;}
		#footer p {color:#fff; margin-top:5px; margin-bottom:5px; line-height:17px;}
		#footer a {color:#fff; text-decoration:none;}
		#left-footer {float:left; width:331px;}
		#right-footer {float:right; width:629px; text-align:right;}
		ul#sister-properties-list { padding: 0; list-style: none; }
		ul#sister-properties-list li { width: 165px; float: left; }

	
	
	
.content-columns{margin: 20px 0px;}
.col-a{width: 460px; float: left;}
	.col-a h3{margin-top: 0px;}
.col-b {border-left:1px solid #CCC;float:right;padding:0 0 0 10px;width:170px;}
	.col-b h2{margin: 0px 0px 5px 0px;}
	.col-b ul{padding: 0px 0px 20px 0px;list-style:none outside none;margin: 0px;line-height: 1em;}
	.col-b ul li a.active {background-color:#307599;color:#FFFFFF;}
	.col-b ul li a {display:block;font-weight:normal;padding:3px 10px;text-decoration:none; font-size: 12px;}

	/*  IMAGE GALLERIES  */
		#image-gallery { list-style: none; padding: 0; }
			#image-gallery li { float: left; padding: 0 15px 15px 0; }
			#image-gallery li a { padding: 5px; border:1px solid #ccc; display: block; background: #fff; }
			#image-gallery li a img { display: block; }
			
		/* INFORMATION Listings */
		ul.info-list { padding: 0; list-style: none; }
			ul.info-list li { padding: 10px 0; }

	/* GOLF */
	.golf-news { margin: 20px 0; }
	.site-promotion{width: 152px;float: left; margin-right: 10px;}
		site-promotion img{padding: 3px; border: 1px solid #ddd;}
		

		/*  Course Grid  */
		#course-grid table { padding: 0; margin: 0px 0; border-collapse: collapse; background: #d6e4ec;}
			#course-grid table td, #course-grid table th { padding: 3px 5px; font-size: 12px; border-bottom: 1px solid #ccc; text-align: left; }
			#course-grid .overallScore { font-weight: normal; font-size: 11px; line-height: 12px; }
				#course-grid .overallScore img { display: block; margin-bottom: 2px; }

	/* Video */
	.video-top { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
	.video-list-tabs { margin: 10px 0 0; list-style: none; padding: 0; border-bottom: 1px solid #ccc; float: left; width: 90%; }
		.video-list-tabs li { border: 1px solid #ccc; border-bottom: 0; padding: 5px 10px; float: left; margin: 0 5px; background: #fff; }
		.video-list-tabs li a.selected { color:#000; }
	.video-list-tabs { float: left; padding-right: 20px; }
	.video-list { padding: 0; list-style: none; display: none; }
		.video-list li { padding: 0 20px 10px 0px; float: left; width: 175px;  }
			.video-list li a { padding: 5px; border: 1px solid #ccc; display: block; height: 145px;background: #fff; }
				.video-list li a b { padding: 2px 0 5px; line-height: 12px; display: block; text-align: center; }
	.current_tab { display: block; }

	

/*
----------------------------
CLASSES
____________________________
*/
.starbucks {margin-left:15px;}
.border {background-color:#fff; padding:3px; border:1px solid #CCC;}

.gray-link {font-size:12px; color:#505050; text-decoration:none; margin-top:5px;}

.latest-news {list-style-type:none;margin:15px 0;padding:0;}
	.latest-news li {clear:both;}
.zipcode {width:50px; margin-top:5px;}
.signup {border:0px; background-color:#266eb2; color:#fff; height:25px; width:65px; font-weight:bold; margin:5px 0 0 5px;}
.blue-link {font-size:12px; font-weight:bold; color:#008cff; text-decoration:none;}
.dark-blue-link {font-size:12px; font-weight:bold; color:#006093; text-decoration:none;}
.blue-square {width:220px; background-color:#d6e4ec; padding:1px 15px 15px 15px; margin-bottom:15px;}
	.blue-square p {font-size:12px; margin:0px;}
.top-bottom-zero {margin:0px;}


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; }