body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #8a8776 top center;
	color: #000000;  
	font-size: 11px;
	font-weight: normal; 
	text-decoration: none; 
	margin:0; 
	padding:0;  
	}
@font-face {
        font-family: "Monotype Corsiva";
        src: url("http://www.lampliteroceansideresorts.com/MTCORSVA.TTF");
      }
.container {
	width:800px;
	background: #f3f2ed;
	background-position:top center;
	margin-top:5px;
	margin-left:100px;
	border: 1px solid black;
	}
.header_home {
	width:100%;
	height:400px;
	background-image: url("../images/header_home.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.header_aboutus {
	width:100%;
	height:400px;
	background-image: url("../images/header_aboutus.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.header_rates {
	width:100%;
	height:400px;
	background-image: url("../images/header_rates.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.header_services {
	width:100%;
	height:400px;
	background-image: url("../images/header_services.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.header_gallery {
	width:100%;
	height:400px;
	background-image: url("../images/header_gallery.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.header_location {
	width:100%;
	height:400px;
	background-image: url("../images/header_location.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.main {
	width:100%;
	/*min-height:400px;*/
	height:auto !important;
	/*height:400px;*/
	background: #f3f2ed;
	}
.footer {
	width:100%;
	height:50px;
	background-image: url("../images/footer.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	clear:left;
	}
.mainmenu {
	overflow:hidden;
	z-index:3;
	width:285px;
	height:300px;
	padding-left: 15px;
	padding-right: 15px;
	background: #f3f2ed;
	margin:0;
	position:relative;
	left:0px;
	top:100px;
	}
.main_left {
	width:311px;
	float:left;
	margin:0;
	padding:5px 2px 2px 2px;
	background: #f3f2ed;
	}
.main_right {
	background: #f3f2ed;
	margin-left:315px;
	padding:2px 5px 2px 5px;
	}
.text_menu {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	line-height: 150%;
	color: #202020;
	font-family: "Monotype Corsiva", serif; 
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid black;
	}
.footermenu {
	overflow:hidden;
	z-index:3;
	height:40px;
	padding-left: 15px;
	padding-right: 15px;
	margin:0;
	position:relative;
	left:0px;
	top:5px;
	}
.text_footer {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	line-height: 120%;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	border-top: 1px solid black;
	}
.webcam {
	position: relative;
	}
.contact_small {
	position: relative;
	}
.content {
	text-align: center;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 5px;
	line-height: 110%;
	color: #202020;
	/*font-family: "Maiandra", sans-serif;*/ 
	font-size: 19px;
	font-weight: normal;
	}
.content2 {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	line-height: 110%;
	color: #202020; 
	font-size: 16px;
	font-weight: normal;
	}
.content3 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 7px;
	/*line-height: 110%;*/
	color: #000000; 
	/*font-size: 16px;*/
	font-weight: bold;
	}
.content_gallery {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*line-height: 110%;*/
	color: #202020; 
	font-size: 11px;
	font-weight: normal;
	}
.loupe {
	border: 0px solid black;
	padding-right: 5px;
	text-align: center;
	}
.pic1 { 
	border: 1px solid black; 
	}
.pic2 { 
	border: 0px solid black; 
	}

h1 {font-size:29px;padding:1px 2px;margin:0 0 0 0;color:#202020;background:#f3f2ed;border:0px solid #b3b3b3;font-family: "Monotype Corsiva", serif;}
h2 {font-size:17px;padding:1px 2px;margin:0 0 0 0;color:#202020;background:#f3f2ed;border:0px solid #b3b3b3;font-weight: normal;}
h3 {font-size:14px;padding:1px 2px;margin:0 0 0 0;color:#202020;background:#f3f2ed;border:0px solid #b3b3b3;font-weight: normal;}

a.menulink:link { color: #202020; text-decoration: none; }
a.menulink:active { color: #202020; text-decoration: none; }
a.menulink:visited { color: #202020; text-decoration: none; }
a.menulink:hover { color: #8b8a8a; text-decoration: none; }

a.menulink2:link { color: #000000; text-decoration: none; }
a.menulink2:active { color: #000000; text-decoration: none; }
a.menulink2:visited { color: #000000; text-decoration: none; }
a.menulink2:hover { color: #8b8a8a; text-decoration: none; }

a.imglink:link { color: #000000; text-decoration: none; }
a.imglink:active { color: #000000; text-decoration: none; }
a.imglink:visited { color: #000000; text-decoration: none; }
a.imglink:hover { color: #000000; text-decoration: none; }

a:link { color: #000000; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

a.black:link { color: #000000; text-decoration: underline; }
a.black:active { color: #000000; text-decoration: underline; }
a.black:visited { color: #000000; text-decoration: underline; }
a.black:hover { color: #000080; text-decoration: underline; }

/* css popup ... */

#sidebar {
width: 311px;
background-color: #f3f2ed;
float: left;
position: relative;
left: -4px;
margin-left: -147px;
border-top: 1px solid #fff;
font: normal 10px/18px verdana, arial, tahoma, sans-serif;
padding: 8px;
}

/* img {
border: none;
}

a img {
display: block;
margin-bottom: 0px;
border: 1px solid #fff;
}

a:hover img {
border-color: #000000;
} */ 

#content {
	float: left;
	width: 489px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

p {
margin-bottom: 25px;
}


#footer {
clear: both;
width: 400px;
margin-left: 163px;
}

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

.thumbnail img{
border: 1px solid #000000;
margin: 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: f3f2ed;
padding: 4px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
width: 480px;
display: block;
z-index: 50;
}

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

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