﻿*
{
	margin: 0px; padding: 0px;
}

div.box_background {
     height: 80%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 80px;
     left:170px;
     width: 50%;
     z-index: 99;
     background-image:url(images/homepage.jpg);
     background-repeat:no-repeat;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a img { border: 0px; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h3
{
	margin: 7px 0px;
}

html, body
{
	margin: 0px;
	padding: 0px;	
}

div#container
{
	/*background-color: #C2BD85;*/
	background-color: #B1AD7A; 
	margin-top: 75px;
	margin-bottom: 60px;
	padding-top: 15px;
	padding-bottom: 130px;
}

div#wrapper
{
	margin: 0 auto;
	width: 750px;
}

div#menu
{
	float: left;
	width: 210px;
	/* border: 2px solid #7828aa; */
}

div#menu ul
{
	list-style: none;
	list-style-position:inside;
	text-align: right;
	width: 240px;
}

div#menu ul li
{
	/*height: 34px;*/
}

div#menu ul li a span
{ display: none;
}

div#menu ul li a
{
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	border:0px solid ##B1AD7A; 
}

div#menu ul li a#welcome
{
	background-image: url(images/Navi/images/welcome.gif);width: 219px;height:31px;
}

div#menu ul li a#welcome:hover{	background-image: url(images/Navi/images/hover/welcome.gif);}
div#menu ul li a#welcome.current{ background-image: url(images/Navi/images/hover/welcome.gif);}

div#menu ul li a#rooms
{
	background-image: url(images/Navi/images/rooms.gif);
	width: 219px; height: 35px;
}

div#menu ul li a#rooms:hover{ background-image: url(images/Navi/images/hover/rooms.gif);}
div#menu ul li a#rooms.current{ background-image: url(images/Navi/images/hover/rooms.gif);}

div#menu ul li a#breakfast
{
	background-image: url(images/Navi/images/breakfast.gif);
	width: 219px; height: 37px;
}

div#menu ul li a#breakfast:hover{ background-image: url(images/Navi/images/hover/breakfast.gif);}
div#menu ul li a#breakfast.current{ background-image: url(images/Navi/images/hover/breakfast.gif);}

div#menu ul li a#location
{
	background-image: url(images/Navi/images/location.gif);
	width: 219px; height: 37px;
}

div#menu ul li a#location:hover{ background-image: url(images/Navi/images/hover/location.gif);}
div#menu ul li a#location.current{ background-image: url(images/Navi/images/hover/location.gif);}

div#menu ul li a#rates
{
	margin-top: -5px;
	background-image: url(images/Navi/images/rates.gif);
	width: 219px; height:40px;
}

div#menu ul li a#rates:hover {background-image: url(images/Navi/images/hover/rates.gif);}
div#menu ul li a#rates.current {background-image: url(images/Navi/images/hover/rates.gif);}

div#menu ul li a#say
{
	background-image: url(images/Navi/images/say.gif);
	width: 219px;height:31px;
}

div#menu ul li a#say:hover{background-image: url(images/Navi/images/hover/say.gif);}
div#menu ul li a#say.current{background-image: url(images/Navi/images/hover/say.gif);}

div#menu ul li a#contact
{
	background-image: url(images/Navi/images/contact.gif);
	width: 219px;height: 35px;
}

div#menu ul li a#contact:hover{background-image: url(images/Navi/images/hover/contact.gif);}
div#menu ul li a#contact.current{background-image: url(images/Navi/images/hover/contact.gif);}

div#menu ul li a#gettingThere
{
	margin-top: -3px;
	background-image: url(images/Navi/images/gettingThere.gif);
	width: 219px;height: 35px;
	vertical-align:bottom;
}

div#menu ul li a#gettingThere:hover{background-image: url(images/Navi/images/hover/gettingThere.gif);}
div#menu ul li a#gettingThere.current{background-image: url(images/Navi/images/hover/gettingThere.gif);}

div#menu ul li a#gallery
{
	background-image: url(images/Navi/images/gallery.gif);
	width: 219px;height: 35px;
}

div#menu ul li a#gallery:hover{background-image: url(images/Navi/images/hover/gallery.gif);}
div#menu ul li a#gallery.current{background-image: url(images/Navi/images/hover/gallery.gif);}

div#content
{
	scrollbar-face-color:#B1AD7A;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#B1AD7A;
	scrollbar-shadow-color:'';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:''; 

	position: relative;
	float: left;
	width: 425px;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left: 10px;
	min-height: 300px;
	height:300px;	
	padding: 10px 10px 10px 15px;
	/*border: 2px solid #728aa2; */
}

div#header
{
	width: 167px;
	height: 91px;
	background-image: url(images/header.gif);
}

div#header h1 { display: none; }
div#header h2 { display: none; }

div#content p
{
	margin-top: 9px;
}

div#body
{
	width: 425px;
	height:200px;
	padding-right:15px;
	overflow:auto;
	/* border: 2px solid #728aa2;*/
}

div#picture
{
	position: absolute;
	left:190px;
	margin-top:10px;
}

div#picture1
{
	position: absolute;
	left:350px;
	border: 0px solid #728aa2;	
	
}

div#logoEnjoyEngland
{
	position: absolute;
	left:630px;
	margin-top:-10px;
}

div.galleryImage
{
	width: 70px;
	height: 52px;
	border: 1px solid #fff;
	margin: 10px 3px;
	float: left;
	text-align: center;
	overflow: hidden;
	/*background-color: #D8D39F; */
	background-color: #B1AD7A;
}

div.galleryImage:hover
{
	border: 1px solid #444;
}

div#splash
{
	position: absolute;
	top: 197px;
	left: 80px;
}


 a{color:#273A1F;}
a:hover{color:#273A1F;}
a:visted{color:#273A1F;}