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

a:link {
	color: #ffffff;
}

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

a:visited {
	color: #ffffff;
}

body {
	
	background: #ffffff;
	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
}


#content
{
	width: 100%;
	text-align: left;
	background: url(images/sandcastlemore.jpg) no-repeat;
}

#main
{
width: 708px;
padding: 10px;
}

#back
{
width: 1151px;
}

#header {
	height: 396px;
	text-align: right;
}

#logo {

width: 1131px;
height: 220px; 
padding-top: 100px;
}


#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 36px;
	color: #ffffff;
	padding-right: 150px;
}
#logo H2 a
{
font-size: 14px;
}


#menu
{
background: url(images/menu1.gif) no-repeat;
height: 50px;
}

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 120px;
	height: 30px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	padding-top: 20px;
	text-transform: uppercase;
}


#menu a:hover {
	width: 129px;
    height: 54px;
	color: #669933;
	text-decoration: underline;
}




#left
{
	width: 190px;
}

#left H3
{
font-size: 14px;
font-weight: bold;
padding: 15px;
text-transform: uppercase;
color: #517D38;
}

#left ul {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: #ffffff url(images/title_back.gif) repeat-x bottom;
}


#left li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	background: none;
}


#left li li {
	padding: 4px 4px;
	color: #000000;
	border: 0px;
}


#left a:visited {
	color: #2F8BC4;
}

#left td
{
color: #2F8BC4;
}

#left th
{
color: #2F8BC4;
}

#left caption
{
color: #669933;
}

#left img
{
padding-left: 10px;
}

#left p
{
padding: 13px;
color: #669933;
}

#calendar1 {
	padding: 20px 10px 20px 10px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {

}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	font-weight: bold;
	color: #ffffff
}

#right
{
float: right;
width: 480px;
padding-right: 10px;
}

#right img
{
	padding: 10px;
	}

.amenitiescontainer h3{padding-bottom: 10px;
 color: #669933;
}

.amenitiescontainer img
{padding: 10px}

.activitiescontainer img
{padding-bottom: 10px}

#right H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #669933;
}

#right a
{
color: #669933;
text-decoration: underline;
}

#contact1{
position: relative;
height: 75px;
}

#contact3 h2{
color: #669933;
padding-bottom: 10px;
}

#contact1 a{
color: #669933;
}

#contact2{
position: relative;
height: 350px;
}

#contactcontainer{
position: relative;
height: 200px;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #517D38;
}

#amenities
{
float: left;
width: 480px;
padding-right: 10px;
}

#amenities H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #669933;
}

#amenities a
{
color: #669933;
text-decoration: underline;
}

#amenities p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#amenities h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #517D38;
}

.date {
	text-align: right;
	color: #669933;
	font-size: 11px;
}

.date a {
	color: #669933;
}



#footer {
	height: 64px;
	clear: both;
	padding-top: 30px;
	background: url(images/footer.jpg) repeat-x bottom;
	border-top: 5px solid #ffffff;
	width: 720px;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

#activities1{
position: relative;
height: 40px;
}

#activities2{
position: relative;
height: 1100px;
}

#activities3{
position: relative;
height: 240px;
}

#activities4
{
position:relative;
height: 710px;
}

#activities4 h3{
color: #669933;
padding: 10px;
}

#directions2{
height: 100px;
position: relative;
} 

#directions3{
height: 400px;
position: relative;
}

#activities4 a
{
	color: #669933;
}

#activities4 ul{
padding-left: 30px;
}

#generaltable{
position: relative;
height: 75px;
}

#cell1{
position: absolute;
width: 200px;
left: 50px;
}

#cell2{
position: absolute;
width: 200px;
left: 300px;
}

#general{
position: relative;
}

#greatroom{
position: relative;
width: 388px;
}

#greatroom ul{
padding-left: 30px;
}

#greatroomholder{
position: relative;
width: 708px;
height: 370px;
border-top: thin solid #669933;
}

#greatroompics{
	position: absolute;
	left: 388px;
	top: 13px;
	width: 320 px
}

#kitchen{
	position: relative;
	width: 388px;
	}

#kitchencontainer{
	position: relative;
	height: 325px;
	border-top: thin solid #669933;
	}


#kitchenpics{
	position: absolute;
	left: 387px;
	top: 2px;
	width: 314px;
	height: 319px;
	}


#kitchen ul{
padding-left: 30px;
}

#kitchenthumbs{
	position: absolute;
	left: 1px;
	top: 213px;
}

#deck ul{
padding-left: 50px;
}

#deck{
	position: absolute;
	left: 326px;
	width: 379px;
	height: 258px;
	}

#deckholder{
	position: relative;
	height: 340px;
	border-top: thin solid #669933;
	}

#deckpics{
	position: absolute;
	left: -333px;
	top: 2px;
	width: 294px;
	height: 319px;
}

#deckthumbs{
	position: absolute;
	left: 24px;
	top: 203px;
	height: 97px;
	}

#bathrooms ul{
padding-left: 30px;
}

#bedrooms ul{
padding-left: 50px;
}



#kitchen{
position: relative;
height: 220px;
}

#bedroomholder{
position: relative;
width: 708px;
height: 310px;
border-top: thin solid #669933;
}

#bedrooms{
	position: absolute;
	left: 321px;
	top: 1px;
	width: 389px;
}

#bedroompics{
position: relative;
width: 320px;
}

#bedroompics img
{
	padding-top: 10px;
	}

#bathrooms img
{
	padding-top: 10px;
	}

#bathrooms{
positions: relative;
height: 220px;
border-top: thin solid #666633;
}

#laundry{
positions: relative;
height: 220px;
}

.amenitiescontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.amenitiescontainer h2{
color: #336633;
}

.top img{vertical-align: text-top}
.bottom img{vertical-align: text-bottom}

img.pos_abs
{
position:absolute;
left:400px;
top:400px
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.activitiescontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.activitiescontainer h2{
color: #336633;
}


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer h2{
color: #336633;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 150px;
left: 470px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -47px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaildeck img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnaildeck:hover{
background-color: transparent;
}

.thumbnaildeck:hover img{
border: 1px solid blue;
}

.thumbnaildeck span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaildeck span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaildeck:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -299px;
left: -20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnailkitchen img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailkitchen:hover{
background-color: transparent;
}

.thumbnailkitchen:hover img{
border: 1px solid blue;
}

.thumbnailkitchen span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailkitchen span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailkitchen:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -305px;
left: -0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnail3 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3:hover img{
border: 1px solid blue;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail4 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4:hover img{
border: 1px solid blue;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1850px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>

.thumbnailhome img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailhome:hover{
background-color: transparent;
}

.thumbnailhome:hover img{
border: 1px solid blue;
}

.thumbnailhome span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailhome span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailhome:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 590px;
left: 225px; /*position where enlarged image should offset horizontally */
z-index: 50;
}