html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background: #000000 url('background.jpg') no-repeat fixed center;
}
div#distance { 
	margin-bottom: -250px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 500px;         /* required - desired height */
	width: 800px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}
	
body, td
	{
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	-webkit-text-size-adjust:none;
	color: #D4CDCB;
	text-align: justify;
	
	}


.pale
	{
	color: #D4CDCB;
	font-weight: normal;
	}



.heading{		
	font-size: 18px; 
	
	}


a
	{
	color: #D4CDCB;
	text-decoration: underline;
	font-weight: normal;
	}

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

a.gallery
	{
	color: #D4CDCB;
	text-decoration: underline;
	font-weight: normal;
	}

a:hover.gallery
	{
	color: #9C6E63;
	text-decoration: none;
	font-weight: normal;
	}


a.contact
	{
	color: #241C21;
	text-decoration: underline;
	font-weight: bold;
	}

a:hover.contact
	{
	color: #5D3328;
	text-decoration: none;
	font-weight: bold;
	}



.box 	{
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	background-color: #9C6E63;
	padding: 1px 5px 2px 5px;
	color: #D4CDCB;
	border: solid 1px black;
	}

.boxon 	{
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	background-color: #6E463C;
	padding: 1px 5px 2px 5px;
	color: #241C21;
	border: solid 1px white;
	display: block;

	}


a.boxlink {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background-color: #9C6E63;
	padding: 1px 5px 2px 5px;
	color: #D4CDCB;
	border:1px solid #000;
	display: block;

	}

a:hover.boxlink {
	background-color: #6E463C;
	color: #241C21;
	border:1px solid #fff;

	}

.img	{
	border: 1px solid black;
	}



#indexlyr1, #indexlyr2, #indexlyr3, #indexlyr4, #indexlyr5 {
	left:480px; 
	top:100px; 
	width:270px; 
	height:350px;
	}

#contactlyr1 {
	left:460px; 
	top:90px; 
	width:270px; 
	height:300px;
	color: #D4CDCB;
	text-align: right;
	}


#gallerylyr1, #gallerylyr2, #gallerylyr3, #gallerylyr4, #gallerylyr5, #gallerylyr6, #gallerylyr7, #gallerylyr8, #gallerylyr9, #gallerylyr10, #gallerylyr11, #gallerylyr12, #gallerylyr13, #gallerylyr14, #gallerylyr15	{ 
	position:absolute; visibility:hidden; width: 796px; height: 460px; z-index:100;}

div#menu {
	position: absolute;
	left: 3px;
	top: 464px;
	width: 350px;
	height: 33px;
z-index: 1000;
}

div#menu ul {
	margin: 0;
	padding: 0;
}

div#menu li {
	float: left;
	list-style: none;
	width: 97px;
	height: 33px;
	margin-right: 15px;
}

div#menu ul li a {
	display: block;
	width: 97px;
	height: 33px;
	margin: 0;
}

div#menu ul li.index {
	background: url('menu_bg_home.png') no-repeat 0 0;
}

div#menu ul li.index:hover {
	background: url('menu_bg_home.png') no-repeat 0 -33px;
}

div#menu ul li.gallery {
	background: url('menu_bg_gallery.png') no-repeat 0 0;
}

div#menu ul li.gallery:hover {
	background: url('menu_bg_gallery.png') no-repeat 0 -33px;
}

div#menu ul li.contact {
	background: url('menu_bg_contact.png') no-repeat 0 0;
}

div#menu ul li.contact:hover {
	background: url('menu_bg_contact.png') no-repeat 0 -33px;
}

.textpanel	{
	position: absolute; 	
	top:100px; 
	left:470px; 
	width:280px; 
	height:300px;
	}

.gallpic3_1	{
	position: absolute; 
	top: 40px; 
	left:20px;
	}

.gallpic3_2	{
	position: absolute; 
	top: 160px; 
	left:210px;
	}

.gallpic3_3	{
	position: absolute; 
	top: 280px; 
	left:20px;
	}

.gallpic2_1	{
	position: absolute; 
	top: 90px; 
	left:20px;
	}

.gallpic2_2	{
	position: absolute; 
	top: 230px; 
	left:210px;
	}