body {
	font-family: verdana;
	font-size: 11px;
	background: url(../images/bg.jpg);
}

img {
   border-style: none;
}

* {
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: auto;
	width: 850px;
	background: #fff;
	margin-top: 20px;
	border: 1px solid #fff;
}

#branding {
	height: 280px;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 1;
}

#branding img {
	vertical-align: top;
}

#logoDiv {
	float: left;
	width: 228px;
	height: 280px;
}

#headerImage {
	float: right;
	width: 621px;
	height: 280px;
	z-index: 1;
}

#mainNav {
	background: #542047;
	width: 228px;
	float: left;
	
}

#menu {  
	background:url("../images/menu.jpg") 0 0 no-repeat;  
	width:228px;  
	height:240px;  
	margin:0;  
	padding:0;  
} 

#menu li span { display: none; }  

#menu li { float:left; list-style:none; position:relative; }   
   
#menu li, #menu a {  
	height:30px;    /* Each button must have the same height, define it here */  
	display:block;  
	margin:0;  
	padding:0;  
}  

li#homeM, li#barM, li#accommodationM, li#thingsM, li#lochM, li#westM, li#contactM, li#offersM { margin-bottom:0px; width:228px; }

#homeM a:hover { background:url("../images/menu.jpg") -228px  -0px no-repeat; }
#barM a:hover { background:url("../images/menu.jpg") -228px  -30px no-repeat; }
#accommodationM a:hover { background:url("../images/menu.jpg") -228px  -60px no-repeat; }
#thingsM a:hover { background:url("../images/menu.jpg") -228px  -90px no-repeat; }
#lochM a:hover { background:url("../images/menu.jpg") -228px -120px no-repeat; }
#westM a:hover { background:url("../images/menu.jpg") -228px -150px no-repeat; }
#contactM a:hover { background:url("../images/menu.jpg") -228px -180px no-repeat; }
#offersM a:hover { background:url("../images/menu.jpg") -228px -210px no-repeat; }


#content {
	float: right;
	width: 621px;
	background: url(../images/contentBG.jpg) no-repeat;
}

#contentBody {
	padding: 25px;
}

#footer {
	clear: both;
}

#footerContent {
	padding: 25px;
	background: #ccc;
	font-size: 10px;
	color: #26405a;
	font-size: 9px;
	border-top: 1px solid #fff;
}


h1 {
	font-size: 22px;
	color: #2f2f2f;
	font-family: Arial;
}

h2 {
	font-size: 17px;
	color: #2f2f2f;
	font-family: Arial;
}

p {
	line-height: 14pt;
	color: #2f2f2f;
}

.leftImage {
	border-top: 1px solid #fff;
	vertical-align: bottom;
}

a:link,a:active, a:visited {
	color: #B32400;
	text-decoration: none;
}

a:hover	{
	color: #B32400;
	text-decoration: underline;
}

#tariffs {
	width: 100%;
	border: 1px solid #bfbfbf;
	background: #efefef;
	color: #2f2f2f;
}

.tariffsTD1 {
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	padding: 6px;
	width: 300px;
}

.tariffsTD2 {
	border-top: 1px solid #bfbfbf;
	padding: 6px;
}

#tariffsTH1 {
	padding: 6px;
	border-right: 1px solid #bfbfbf;
	background: #ccc;
	font-weight: bold;
}

#tariffsTH2 {
	padding: 6px;
	background: #ccc;
	font-weight: bold;
}

#roomsUL {
	list-style-type: none;
}

#roomsUL li {
	background: url(../images/arrow.gif) no-repeat 0 -35%;
	padding-bottom: 5px;
	text-indent: 22px;
	color: #2f2f2f;
}

.indexLogos {
	float: left;
	padding-right: 75px;
}

#AALogo {
	border: 1px solid #bfbfbf;
}

#contactForm fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #bfbfbf;
	background: #e6e6e3;
}

#contactForm label {
	float: left;
	margin-bottom: 1px;
	width: 130px;
}

#contactForm #name, #contactForm #email, #contactForm #number {
	width: 180px;
	margin-bottom: 10px;
	border: 1px solid #bfbfbf;
	height: 20px;
}

#contactForm textarea {
	width: 250px;
	height: 90px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
}

#contactForm h3 {
	font-size: 15px;
}

#contactForm #submit {
	padding: 2px;
}

.required {
	font-size: 0.85em;
	color: #ff0000;
}

#mailError {
	border: 1px solid #bfbfbf;
	background: #efefef url(../images/error.jpg) 15px 50% no-repeat;
	padding: 20px 20px 20px 70px;
	font-weight: bold;
	color: red;
}

#mailGood {
	border: 1px solid #bfbfbf;
	background: #efefef url(../images/bigTick.jpg) 15px 50% no-repeat;
	padding: 20px 20px 20px 70px;
	font-weight: bold;
	color: green;
}

.bold {
	font-weight: bold;
}

.menu {
	list-style-type: none;
}

.menu li {
	padding-bottom: 15px;
	color: #2f2f2f;
	line-height: 12pt;
}

#slta {
	padding-top: 5px;
	letter-spacing: 1px;
	font-size: 14px;
	color: #2f2f2f;
}

a.infoBox, a.info:visited {
	z-index:10;
	color: #B32400;
}

a.infoBox:hover{
	position:relative;
	z-index:100;
	color: #B32400;
	text-decoration: none;
}	
		
a.infoBox span{
	display:none;
}

a.infoBox:hover span {
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	bottom:4.2em;
	right: 0px;
	background:#fffcd1;
	border:1px solid #444;
	color:#444;
	padding: 1px 5px;
	z-index: 10;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	line-height: 12pt;
}

#pngA {
	position: absolute;
	top: 305px;
	left: 355px;
}

#pngB {
	position: absolute;
	top: 295px;
	right: 105px;
}

#pngC {
	position: absolute;
	top: 295px;
	left: 390px;
}