html {background: #fff; margin: 10px 0 0 0; overflow-y: scroll;}
#container {width: 790px; background: #fff; font-family: Arial, Helvetica, sans-serif; margin: 0 auto;}
#head {width: 100%; margin: 0 0 15px 0;}
h1#logo {margin: 0; text-indent: -9999px;}
	h1#logo a {background: #fff url(../img/logo.gif) top left no-repeat; display: block; width: 348px; height: 90px;}
h2#logo {margin: 0; text-indent: -9999px;}
	h2#logo a {background: #fff url(../img/logo.gif) top left no-repeat; display: block; width: 348px; height: 90px;}
#contactinfo {width: auto; float: right; margin: 50px 7px 0 0; padding: 0; font-size: 11px; color: #666; line-height: 1.2em;}
	#contactinfo {display: inline;} /* IE6 bug fix */
	#contactinfo a {color: #666; text-decoration: none;}
	#contactinfo a:hover {color: #000;}
ul#nav {width: 140px; float: left; padding: 0; margin: 0;}
	ul#nav li {list-style-type:none; width: 125px; font-size: 14px; padding: 7px 0; margin: 0; border-top: 1px solid #a8d8ef;}
	ul#nav li a {display: block; color: #2e3192; text-decoration: none;}
	ul#nav li a:hover {color:#0066cc;}
	ul#nav li.top {border-top: none; padding-top: 0;}
	ul#nav li a.here {color:#0066cc;}
#content {width: 650px; float: right; background: #fff; padding: 0; margin: 0;}
	#resources h1 {color: #39C; font-size: 20px; margin: 10px 0 -5px 0;}
	#content h2 {color: #39C; font-size: 20px; margin: 10px 0 -5px 0;}
	#content h3 {font-size: 15px; color: #003399; margin: 15px 0 -13px 0;}
		#content h3.notopspace {margin-top: 0;}
	#content h4 {font-size: 12px; color: #003399;}
	#content p, ul {padding: 0; margin: 15px 0 0 0; line-height: 1.3em; font-size: 12px; color: #003399;}
	#content .footer {padding: 0; margin: 15px 0 0 0; line-height: 1.3em; font-size: 10px; color: #003399; text-decoration:none;}
	#content .footer a {text-decoration: none; border-bottom:none; color: #003399;}	
	#content a {color: #0066cc; text-decoration:none; border-bottom: 1px solid #0066cc;}
	#content a:hover {color:#003399;}
	#content p.caption-main {color: #696969; font-size: 10px; margin: 0 5px 0 0; text-align: right;}
	#content p.caption {color: #696969; font-size: 10px; margin: 0 0 -10px 0; text-align: right;}
	#content p.enlarge {color: #696969; font-size: 10px; margin: 0 0 -10px 0; text-align: left;}
	/* #content .block {width: 650px; clear: both; border-top: 1px solid #a5d9ef;} */
	#content .block {width: 644px; clear: both; border-top: 1px solid #a5d9ef;}
		#content .block-left {width: 378px; float: left; padding: 20px 0; margin: 0;}
		#content .block-right {width: 250px; float: right; padding: 20px 0; margin: 0;}
		#content .tri-left {float: left; width: 193px; padding: 20px 0;}						
		#content .tri-mid {float: left; width: 193px; margin: 0 32px; padding: 20px 0;}
		#content .tri-right {float: right; width: 193px; padding: 20px 0;}
			#content .tri-left img, #content .tri-mid img, #content .tri-right img {margin: 0 0 10px 0;}
	#content .listblock {width: 380px; clear: both; font-size: 12px; color: #003499; margin: 0; list-style: none;}
		#content .listblock h4 {margin: 15px 0 -15px 0;}
		#content .listblock h4 span {font-weight: 400;}
	#content .list-left {float: left; width: 55%; line-height: 1.2em;}
	#content .list-right {float: left; width: 45%; line-height: 1.2em;}
	#content .bullet li {padding: 0 0 0 10px; background:url(../img/bullet.gif) 0 50% no-repeat;}
	#content .noborder {border-top: none;}
	#content .reserve {clear: both; padding: 15px 0 0 0;}
blockquote {margin-left: 40px} 

/* page-specific styles */
#home #content {background: #fff url(../img/main-home.jpg) no-repeat;}
#home #content .block {margin: 365px 0 0 0;}
#home #content .block-left {width: 330px;}
#home #content .block-right {width: 190px; margin: 100px 75px 0 0;}
#home #content .block-right {display: inline;} /* IE6 bug fix */

#home #content h2.heading {margin-bottom: -10px; background: #fff url(../img/header_stayonthebeach.gif) top left no-repeat; display: block; width: 201px; height: 27px; text-indent: -9999px;}
#home #content h2.heading2 {margin-bottom: -10px; background: #fff url(../img/header_emailspecials.gif) top left no-repeat; display: block; width: 162px; height: 29px; text-indent: -9999px;}

#directions #content h2.heading {margin-top: -20px; background: #fff url(../img/header_gettingtograndturk.gif) top left no-repeat; display: block; width: 271px; height: 29px; text-indent: -9999px;}
#directions #content .block-left {width: 330px;}
#directions #content .block-right {width: 295px; padding-right: 5px;}

#contact #content h2.heading {margin-top: -20px; background: #fff url(../img/header_contactus.gif) top left no-repeat; display: block; width: 119px; height: 23px; text-indent: -9999px;}

#resources #content h2.heading {margin-top: -20px; background: #fff url(../img/header_resources.gif) top left no-repeat; display: block; width: 242px; height: 23px; text-indent: -9999px;}

#news #content h2.heading {margin-top: -20px; background: #fff url(../img/header_thelatestnews.gif) top left no-repeat; display: block; width: 176px; height: 26px; text-indent: -9999px;}
#news #content h2.heading2 {background: #fff url(../img/header_specialoffers.gif) top left no-repeat; display: block; width: 155px; height: 28px; text-indent: -9999px;}
#news #content h2.heading3 {margin-top: 5px; background: #fff url(../img/header_email.gif) top left no-repeat; display: block; width: 162px; height: 30px; text-indent: -9999px;}
#news #content .block-left {width: 400px;}
#news #content .block-right {width: 165px; padding-right: 5px;}

#dining #content h2.heading {margin-top: -20px; background: #fff url(../img/header_eatdrinkvacation.gif) top left no-repeat; display: block; width: 275px; height: 26px; text-indent: -9999px;}

#accommodations #content h2.heading {margin-top: -20px; background: #fff url(../img/header_sleepbytheocean.gif) top left no-repeat; display: block; width: 209px; height: 28px; text-indent: -9999px;}
#accommodations #content h2.heading2 {background: #fff url(../img/header_atriumatospreybeachhotel.gif) top left no-repeat; display: block; width: 365px; height: 29px; text-indent: -9999px;}
#accommodations h3 {font-size: 16px;}

#thingstodo #content h2.heading {margin-top: -20px; background: #fff url(../img/header_thingstodo.gif) top left no-repeat; display: block; width: 145px; height: 29px; text-indent: -9999px;}
#thingstodo #content .block-left {width: 420px;}
#thingstodo #content .block-right {width: 193px;}

#scubadiving #content h2.heading {margin-top: -20px; background: #fff url(../img/header_scubadiving.gif) top left no-repeat; display: block; width: 144px; height: 27px; text-indent: -9999px;}

#weddings #content h2.heading {margin-top: -20px; background: #fff url(../img/header_weddings.gif) top left no-repeat; display: block; width: 218px; height: 29px; text-indent: -9999px;}

#specials #content h2.heading {margin-top: -20px; background: #fff url(../img/header_emailspecials.gif) top left no-repeat; display: block; width: 162px; height: 29px; text-indent: -9999px;}