* {
	margin: 0px;
	padding: 0px;
	border: 0;
}

@media print {
	.noprint, h1, h2 {
		display: none;
	}
}

@media screen {
	h1 {
		display: none;
	}
	h2 {
		display: none;
	}
	.shonot {
		display: none;
	}
}

/**************************************************
				   GLOBAL STYLES
**************************************************/


/*************   BODY   *************/

body {
	color: #000;
	background: #E9DFA1 url("img/sand_bg.80.80.png") repeat;
	margin: 0;
	padding: 0;
	border: 0;	/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	min-width: 800px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

/*************   WRAPPER   *************/

#wrapper {
	position: relative;
	width: 800px;
	height: 1000px;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	overflow: visible;
	visibility: visible;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #000; /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

/*************   SEO WRAPPER   *************/

.shonot {
	position: absolute;
	width:1%;
	height: 1px;
	top: -500px;
	left: -1000px;
	visibility: visible;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	line-height: 1%;
	font-size: 1%;
	color: #E9DFA1;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #f00;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

/*************   HEADER   *************/

#header {
	position: absolute;
	width:100%;
	height: 220px;
	top: 0px;
	left: 0px;
	visibility: visible;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #cff;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

/*************   NAVMENU   *************/

#navblock {
	position: relative;
	width: 600px;
	height: 120px;
	top: 100px;
	left: 0px;
	background: url("img/navmenu.600.120.png") no-repeat;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #aaf;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

.navmenu {
	list-style: none;
	width: 1px;
}

.navmenu li {
	text-indent: -5000px;
}

.navmenu a {
    display: block;
    border: 0;
    color: #fff;
}

.navmenu a:hover,
.navmenu a:visited,
.navmenu a:active {
    color: #fff;
}

.navmenu-tour {
	position: absolute;
	top: 0px;
	margin-top: 0px;
	left: 50%;
	margin-left: -290px;
	width: 200px;
	height: 60px;
}

.navmenu-attractions {
	position: absolute;
	top: 0px;
	margin-top: 0px;
	left: 50%;
	margin-left: -120px;
	width: 245px;
	height: 60px;
}

.navmenu-guestbook {
	position: absolute;
	top: 0px;
	margin-top: 0px;
	left: 50%;
	margin-left: 95px;
	width: 190px;
	height: 60px;
}

.navmenu-rates {
	position: absolute;
	top: 0px;
	margin-top: 60px;
	left: 50%;
	margin-left: -255px;
	width: 220px;
	height: 60px;
}

.navmenu-availability {
	position: absolute;
	top: 0px;
	margin-top: 60px;
	left: 50%;
	margin-left: -63px;
	width: 200px;
	height: 60px;
}

.navmenu-contact {
	position: absolute;
	top: 0px;
	margin-top: 60px;
	left: 50%;
	margin-left: 112px;
	width: 150px;
	height: 60px;
}

p {
	margin: 0.5em 0;
}

h3 {
	font-size: 150%;
	color: #000;
	margin: 0;
	padding: 0.25em;
	text-align: center;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 1em 0;
	text-align: center;
	font-style: italic;
}

.note {
	font-size: 0.95em;
	font-style: italic;
	margin-left: 20px;
}

a img {
	border: 0;
}

a span {
	display: none;
}

a:hover span {
	display: block;
}

.ctr {
	text-align: center;
}

.indent60 {
	margin-left: 60px;
}

.indent80 {
	margin-left: 80px;
}

.indent100 {
	margin-left: 100px;
}

.spacer40 {
	margin-top: 40px;
}

/*************   MAIN CONTENT   *************/

#content-wrapper {
	position: relative;
	width:530px;
	top: 220px;
	left: 0px;
	padding: 0px;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #ccc;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#content-main {
	position: relative;
	width:100%;
	padding: 15px 0;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #fff;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

/*************   EYECANDY   *************/

#content-ICL {
	position: absolute;
	width:250px;
	top: 220px;
	left: 550px;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #8c8;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#content-IC1 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #ff8;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#content-IC2 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #f8f;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#content-IC3 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #fcc;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

/*************   FOOTER   *************/

#footer {
	width: 98%;
	margin: 60px 1px 20px;
	text-align: right;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #888;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#bbmlogo {
	width: 69px;
	height: 50px;
	border: none;
}

#bbmprops {
	font-size: 80%;
	font-weight: bold;
	color: #b9aF71;
	margin-left: 610px;
}

#bbmprops a {
	color: #af9F60;
	text-decoration: none;
}

#bbmprops a:hover {
	color: #006;
	text-decoration: none;
}

#w3c-valid {
	width: 88px;
	height: 31px;
	margin-left: 712px;
}


/**************************************************
				   HOME PAGE
**************************************************/

#banner-welcome {
	position: absolute;
	width: 548px;
	height: 78px;
	top: 20px;
	left: 50%;
	margin-left: -380px;
}

#flair-starfish {
	position: absolute;
	width: 191px;
	height: 178px;
	top: 5px;
	left: 50%;
	margin-left: 200px;
}

#homecontent {
	top: 0px;
}

#homenavmenu {
	top: 500px;
	height: 870px;
	padding: 1em 0;
}

#homemenu {
	text-indent: -5000px;
}

#homemenu li {
	list-style: none;
}

#homemenu li#homemenu-tour a {
	background: url("img/snapshot-take_tour.250.255.png") no-repeat;
	position: absolute;
	width: 250px;
	height: 255px;
	top: 120px;
	left: 50%;
	margin-left: -400px;
}

#homemenu li#homemenu-attractions a {
	background: url("img/snapshot-area_attractions.250.255.png") no-repeat;
	position: absolute;
	width: 250px;
	height: 255px;
	top: 160px;
	left: 50%;
	margin-left: -130px;
}

#homemenu li#homemenu-guestbook a {
	background: url("img/snapshot-guestbook.250.271.png") no-repeat;
	position: absolute;
	width: 250px;
	height: 271px;
	top: 180px;
	left: 50%;
	margin-left: 130px;
}

#homemenu li#homemenu-availability a {
	background: url("img/snapshot-availability.250.256.png") no-repeat;
	position: absolute;
	width: 250px;
	height: 256px;
	top: 460px;
	left: 50%;
	margin-left: -155px;
}

#homemenu li#homemenu-rates a {
	background: url("img/home-rates-n-terms.220.215.png") no-repeat;
	position: absolute;
	width: 220px;
	height: 215px;
	top: 495px;
	left: 50%;
	margin-left: 140px;
}

#homemenu li#homemenu-contact a {
	background: url("img/home-contact.197.395.png") no-repeat;
	position: absolute;
	width: 197px;
	height: 395px;
	top: 380px;
	left: 50%;
	margin-left: -380px;
}


/**************************************************
		   		        TOUR
**************************************************/

#banner-tour {
	position: absolute;
	width: 516px;
	height: 90px;
	top: 0px;
	left: 0px;
}

#flair-conchshell {
	position: absolute;
	width: 260px;
	height: 186px;
	top: 15px;
	left: 550px;
}


/**************************************************
		   		      CONTACT
**************************************************/

#banner-contact {
	position: absolute;
	width: 300px;
	height: 90px;
	top: 0px;
	left: 150px;
}

#flair-scallop {
	position: absolute;
	width: 240px;
	height: 213px;
	top: 5px;
	left: 560px;
}

#content-contact {
	position: relative;
	width:80%;
	padding: 15px 20px;
	margin-left: 10%;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #fff;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

#contact-grace {
	position: relative;
	width: 260px;
	height: 290px;
	margin-top: 60px;
	left: -5px;
}

#contact-pier {
	position: relative;
	width: 260px;
	height: 320px;
	top: 20px;
	left: 1px;
}

#contact-surfergirls {
	position: relative;
	width: 260px;
	height: 295px;
	top: -10px;
	left: -10px;
}

#contact-sunset {
	position: relative;
	width: 250px;
	height: 315px;
	top: 40px;
	left: 70px;
}


/**************************************************
		   		   AVAILABILITY
**************************************************/

#banner-avail {
	position: absolute;
	width: 285px;
	height: 90px;
	top: 0px;
	left: 157px;
}

#flair-harpshell {
	position: absolute;
	width: 225px;
	height: 168px;
	top: 30px;
	left: 585px;
}

#calendarwrap {
	position: relative;
	width: 100%;
	left: 0px;
	margin-left: 0px;
	padding: 0px;
}

#avail-beachchairs {
	position: relative;
	width: 250px;
	height: 305px;
	top: 50px;
	left: 1px;
}

#avail-sunset {
	position: relative;
	width: 250px;
	height: 315px;
	top: 80px;
	left: 1px;
}

#avail-dolphins {
	position: relative;
	width: 260px;
	height: 360px;
	top: 120px;
	left: 1px;
}

#footer-avail {
	margin-top: 200px;
}


/**************************************************
		   		      GUESTBOOK
**************************************************/

#banner-guestbook {
	position: absolute;
	width: 300px;
	height: 90px;
	top: 0px;
	left: 150px;
}

#flair-nautilus {
	position: absolute;
	width: 220px;
	height: 214px;
	top: 10px;
	left: 570px;
}

#guestbook-seagull {
	position: relative;
	width: 260px;
	height: 328px;
	top: 30px;
	left: 1px;
}

#guestbook-sunset {
	position: relative;
	width: 260px;
	height: 320px;
	top: 60px;
	left: -20px;
}

#guestbook-surfer {
	position: relative;
	width: 255px;
	height: 305px;
	top: 100px;
	left: 1px;
}

form {
	width: 500px;
	padding: 0px;
	border: none;
}

fieldset {
	border: 0px;
}

form label {
	clear: left;
	display: block;
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	color: #006;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.5em;
}

form input, textarea  {
	border: 1px solid #000;
	padding-left: 0.5em;
	margin-top: 0.5em;
}

div.gbsign {
	border: none;
	width: 90%;
	margin: 0px;
	padding: 10px;
}

.gbname {
	font-weight: bold;
	color: #006;
}

.gbdate {
	font-size: 80%;
	margin-left: 10px;
}

p.gbmessage {
	padding: 5px;
	margin: 15px;
}

form p {
	font-size: 82%;
	font-style: italic;
	font-weight: bold;
	color: #006;
	margin: 4px 20px 10px 0;
}

.gbdivider {
	width: 85%;
	height: 1px;
	border: 1px solid #ba6;
	margin-left: 10px;
}


/**************************************************
				   RATES AND TERMS
**************************************************/

#banner-rates {
	position: absolute;
	width: 400px;
	height: 90px;
	top: 0px;
	left: 100px;
}

#flair-sanddollar {
	position: absolute;
	width: 220px;
	height: 215px;
	top: 5px;
	left: 50%;
	margin-left: 180px;
}

#content-rates {
	position: relative;
	width:80%;
	padding: 15px 80px 15px 100px;
	background-color: transparent;		/* Following line is for debugging layout */
/*	background-color: #fff;  /* DEBUG- TO USE, REMOVE SLASH-STAR AT BEGINNING OF LINE */
}

table {
	width: 90%;
	padding: 0px;
}

.summer {
	font-size: 105%;
	border: 1px solid black;
	background-color: #fea;
	text-align: center;
	padding: 0.25em;
	font-weight: bold;
}

.midseason {
	font-size: 105%;
	border: 1px solid black;
	background-color: #cfc;
	text-align: center;
	padding: 0.25em;
	font-weight: bold;
}

.lowseason {
	font-size: 105%;
	border: 1px solid black;
	background-color: #ccf;
	padding: 0.25em;
	font-weight: bold;
}

.lengthofstay {
	text-align: left;
	font-weight: bold;
	padding: 0.1em;
}

.price {
	text-align: center;
	font-weight: bold;
	padding: 0.1em;
}

a h4,
a:link h4,
a:active h4,
a:visited h4 {
	color: #000;
	text-decoration: none;
}

a:hover h4 {
	color: #c00;
	text-decoration: underline;
}

#rates-sunset {
	position: relative;
	width: 310px;
	height: 320px;
	top: 30px;
	left: -50px;
}

#rates-pelican {
	position: relative;
	width: 250px;
	height: 320px;
	top: 60px;
	left: 1px;
}

#rates-surfer {
	position: relative;
	width: 320px;
	height: 250px;
	top: 20px;
	left: -20px;
}

#rates-sailboats {
	position: relative;
	width: 250px;
	height: 340px;
	top: -240px;
	left: 360px;
}


/**************************************************
				   AREA ATTRACTIONS
**************************************************/

#banner-area {
	position: absolute;
	width: 423px;
	height: 90px;
	top: 0px;
	left: 80px;
}

#flair-crab {
	position: absolute;
	width: 220px;
	height: 185px;
	top: 5px;
	left: 550px;
}

#area-sdwap {
	position: relative;
	width: 290px;
	height: 250px;
	top: 70px;
}

#area-lego {
	position: relative;
	width: 250px;
	height: 308px;
	top: 90px;
}

#area-midway {
	position: relative;
	width: 258px;
	height: 289px;
	top: 150px;
}

#area-disney {
	position: relative;
	width: 250px;
	height: 250px;
	top: -40px;
	left: -20px;
}

#area-zoo {
	position: relative;
	width: 257px;
	height: 317px;
	top: -1px;
	left: 10px;
}

#area-pier {
	position: relative;
	width: 255px;
	height: 273px;
	top: -30px;
	left: -20px;
}

#area-harbor {
	position: relative;
	width: 250px;
	height: 312px;
	top: 70px;
	left: 10px;
}


/**************************************************
				   TAKE THE TOUR
**************************************************/

.tour {
	width: 100%;
	height: 790px;
}

.tour a,
.tour a:visited {
	text-decoration: none;
	color: #000;
}

.tour a div {
	display: block;
}

.tour a:hover div {
	display: none;
}

.tour a span {
	display: none;
}

.tour a:hover span {
	display: block;
}

.tour-head {
	position: relative;
	width: 640px;
	height: 70px;
	left: 80px;
}

#tourthumbs-condo {
	width: 800px;
	height: 232px;
	margin-top: 0px;
}

#tourtext-condo {
	width: 465px;
	height: 480px;
	position: relative;
	top: 0px;
	left: 168px;
	font-size: 1.05em;
	overflow: hidden;
}

#tourcondo-lr {
	position: absolute;
	top: 86px;
	left: 0px;
	width: 198px;
	height: 115px;
}

#tourcondo-lr_show {
	position: absolute;
	width: 800px;
	height: 369px;
	border: 2px solid black;
	top: 328px;
	left: 0px;
}

#tourcondo-dr {
	position: absolute;
	top: 86px;
	left: 198px;
	width: 123px;
	height: 115px;
}

#tourcondo-dr_show {
	width: 640px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 80px;
}

#tourcondo-k {
	position: absolute;
	top: 86px;
	left: 321px;
	width: 122px;
	height: 115px;
}

#tourcondo-k_show {
	width: 640px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 80px;
}

#tourcondo-bed1a {
	position: absolute;
	top: 86px;
	left: 443px;
	width: 142px;
	height: 115px;
}

#tourcondo-bed1a_show {
	width: 752px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 24px;
	margin-top: 0px;
}

#tourcondo-bed1b {
	position: absolute;
	top: 86px;
	left: 585px;
	width: 213px;
	height: 115px;
}

#tourcondo-bed1b_show {
	width: 800px;
	height: 317px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 0px;
}

#tourcondo-bed2a {
	position: absolute;
	top: 208px;
	left: 0px;
	width: 115px;
	height: 115px;
}

#tourcondo-bed2a_show {
	width: 600px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 100px;
}

#tourcondo-bed2b {
	position: absolute;
	top: 208px;
	left: 115px;
	width: 137px;
	height: 115px;
}

#tourcondo-bed2b_show {
	width: 730px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 35px;
	margin-top: 0px;
}

#tourcondo-bath1 {
	position: absolute;
	top: 208px;
	left: 252px;
	width: 90px;
	height: 115px;
}

#tourcondo-bath1_show {
	width: 465px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 168px;
}

#tourcondo-bath2 {
	position: absolute;
	top: 208px;
	left: 342px;
	width: 103px;
	height: 115px;
}

#tourcondo-bath2_show {
	width: 543px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 128px;
}

#tourcondo-gardenview {
	position: absolute;
	top: 208px;
	left: 445px;
	width: 121px;
	height: 115px;
}

#tourcondo-gardenview_show {
	width: 640px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 80px;
}

#tourcondo-oceanview {
	position: absolute;
	top: 208px;
	left: 566px;
	width: 112px;
	height: 115px;
}

#tourcondo-oceanview_show {
	width: 594px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 103px;
}

#tourcondo-sunset {
	position: absolute;
	top: 208px;
	left: 678px;
	width: 122px;
	height: 115px;
}

#tourcondo-sunset_show {
	width: 640px;
	height: 480px;
	border: 2px solid black;
	position: absolute;
	top: 328px;
	left: 80px;
}

#tourthumbs-ncv {
	width: 777px;
	height: 240px;
	margin-left: 12px;
}

#tourtext-ncv {
	width: 360px;
	height: 480px;
	position: relative;
	top: 0px;
	left: 220px;
	font-size: 1.05em;
	overflow: hidden;
}

#tourthumbs-beach {
	width: 800px;
	height: 114px;
	margin-left: 0px;
}

#tourtext-beach {
	width: 500px;
	height: 480px;
	position: relative;
	top: 0px;
	left: 150px;
	font-size: 1.05em;
	overflow: hidden;
}