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	{ 
	position:absolute; visibility:hidden; width: 796px; height: 460px; z-index:100;}


#gallerybutton	{
	position: absolute; 
	left:3px; 
	top:464px; 	
	width:110px; 
	height:39px;
	}

#contactbutton	{
	position: absolute;
	left:109px; 
	top:464px; 
	width:110px; 
	height:39px;
	}

#homebutton	{
	position: absolute;
	left:213px; 
	top:464px; 
	width:110px; 
	height:39px;
	}

.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;
	}


