﻿body
{
font-family:  Verdana, Tahoma;
margin: 0;
background: url(../images/main_bg.gif) repeat-x top left #a3ddf0;
}

a.backtohome:link, a.backtohome:visited
{
color: #fff;
font-size: 11px;
font-weight: bold;
text-decoration: underline;	
position: absolute;
z-index: 10;
margin: 3px 7px;
}

a.backtohome:hover
{
text-decoration: none;
}

a.backtotop:link, a.backtotop:visited
{
display: block;
color: #36a1c3;
font-size: 12px;
text-decoration: underline;
clear: both;
}

a.backtotop:hover
{
text-decoration: none;
}

#mainContainer
{
width: 100%;
text-align: center;
}

#strip
{
width: 100%;
height: 100px;
background-color: #99d9ee;
position: absolute;
margin: 0;
top: 96px;
left: 0px;
z-index: 0;
}

#mainContent a.logo
{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 100px;
z-index: 5;	
text-indent: -9999px;
}

#mainContent
{
width: 880px;	
margin: 0 auto;
background: url(../images/logo.gif) no-repeat 3px 1px;
position: relative;
z-index: 2;
}

.indexMenu
{
float: none;
width: 602px;
height: 295px;
background: url(../images/indexMenu_bg.jpg) no-repeat;	
}

.indexMenu img.titleImages
{
position: relative;
z-index: 3;
clear: both;
float: none;
visibility: hidden;
display: block;
top: -83px;
margin: 0px auto -83px 165px;
}

.indexMenu a.murder:link, .indexMenu a.murder:visited
{
display: block;
text-indent: -9999px;
width: 82px;
height: 295px;
float: left;
}

.indexMenu a.murder:hover
{
background: url(../images/murder_index_high.gif);
}

.indexMenu a.theatre:link, .indexMenu a.theatre:visited
{
display: block;
text-indent: -9999px;
width: 88px;
height: 295px;
float: left;
}

.indexMenu a.theatre:hover
{
background: url(../images/theatre_index_high.gif);
}

.indexMenu a.spa:link, .indexMenu a.spa:visited
{
display: block;
text-indent: -9999px;
width: 87px;
height: 295px;
float: left;
}

.indexMenu a.spa:hover
{
background: url(../images/spa_index_high.gif);
}

.indexMenu a.romantic:link, .indexMenu a.romantic:visited
{
display: block;
text-indent: -9999px;
width: 86px;
height: 295px;
float: left;
}

.indexMenu a.romantic:hover
{
background: url(../images/romantic_index_high.gif);
}

.indexMenu a.historic:link, .indexMenu a.historic:visited
{
display: block;
text-indent: -9999px;
width: 87px;
height: 295px;
float: left;
}

.indexMenu a.historic:hover
{
background: url(../images/historic_index_high.gif);
}

.indexMenu a.gourmet:link, .indexMenu a.gourmet:visited
{
display: block;
text-indent: -9999px;
width: 87px;
height: 295px;
float: left;
}

.indexMenu a.gourmet:hover
{
background: url(../images/gourmet_index_high.gif);
}

.indexMenu a.novelty:link, .indexMenu a.novelty:visited
{
text-indent: -9999px;
width: 85px;
height: 295px;
float: left;
}

.indexMenu a.novelty:hover
{
background: url(../images/novelty_index_high.gif);
}

#leftmenu
{
width: 240px;
height: 490px;
left: 0px;
position: absolute;
margin: 113px 0px 0px 0px;
text-align: left;
z-index: 4;
background: url(../images/leftmenu_bg03.gif) no-repeat;	
}

#leftmenu ul
{
position: absolute;	
margin: 20px 0 0 0;
padding: 0px;
}

#leftmenu li
{
list-style: none;	
}

#leftmenu a
{
position: relative;
display: block;
margin: 0px 19px;
text-indent: -9999px;
width: 236px;
height: 30px; 
}

#leftmenu p
{
position: relative;
display: block;
margin: 0px 19px;
text-indent: -9999px;
width: 236px;
height: 30px; 
}

#leftmenu a.coastal:link, #leftmenu a.coastal:visited 
{background-image: url(../images/menu-btns.gif); background-position: -2px -4px;}
#leftmenu p.coastal, #leftmenu a.coastal:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -4px;}

#leftmenu a.nationalpark:link, #leftmenu a.nationalpark:visited 
{background-image: url(../images/menu-btns.gif); background-position: -2px -34px;}
#leftmenu p.nationalpark, #leftmenu a.nationalpark:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -34px;}

#leftmenu a.Theatre:link, #leftmenu a.Theatre:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -64px;}
#leftmenu p.Theatre, #leftmenu a.Theatre:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -64px;}

#leftmenu a.Murder:link, #leftmenu a.Murder:visited 
{background-image: url(../images/menu-btns.gif); background-position: -2px -94px;}
#leftmenu p.Murder, #leftmenu a.Murder:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -94px;}

#leftmenu a.unique:link, #leftmenu a.unique:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -124px;}
#leftmenu p.unique, #leftmenu a.unique:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -124px;}

#leftmenu a.Historic:link, #leftmenu a.Historic:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -154px;}
#leftmenu p.Historic, #leftmenu a.Historic:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -154px;}

#leftmenu a.Romantic:link, #leftmenu a.Romantic:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -184px;}
#leftmenu p.Romantic, #leftmenu a.Romantic:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -184px;}

#leftmenu a.Gourmet:link, #leftmenu a.Gourmet:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -214px;}
#leftmenu p.Gourmet, #leftmenu a.Gourmet:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -214px;}

#leftmenu a.westcountry:link, #leftmenu a.westcountry:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -244px;}
#leftmenu p.westcountry, #leftmenu a.westcountry:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -244px;}

#leftmenu a.scotland:link, #leftmenu a.scotland:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -274px;}
#leftmenu p.scotland, #leftmenu a.scotland:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -274px;}

#leftmenu a.ireland:link, #leftmenu a.ireland:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -304px;}
#leftmenu p.ireland, #leftmenu a.ireland:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -304px;}

#leftmenu a.wales:link, #leftmenu a.wales:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -334px;}
#leftmenu p.wales, #leftmenu a.wales:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -334px;}

#leftmenu a.Spa:link, #leftmenu a.Spa:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -364px;}
#leftmenu p.Spa, #leftmenu a.Spa:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -364px;}

#leftmenu a.greatbritain:link, #leftmenu a.greatbritain:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -396px;}
#leftmenu p.greatbritain, #leftmenu a.greatbritain:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -396px;}

#leftmenu a.novelty:link, #leftmenu a.novelty:visited
{background-image: url(../images/menu-btns.gif); background-position: -2px -425px;}
#leftmenu p.novelty, #leftmenu a.novelty:hover
{background-image: url(../images/menu-btns.gif); background-position: -238px -425px;}

#content_bg_repeat
{
position: relative;
z-index: 1;
top: 0px;
width: 640px;
margin: 0 0 0 240px;
background: url(../images/bg_repeat.gif) repeat-y top;
}

#content
{
display: block;
top: 0px;
position: relative;
z-index: 3;
width: 640px;
padding-top: 134px;
background: url(../images/content_bg03.gif) no-repeat top right;
}

#middleContent
{
width: 602px;
text-align: left;
margin: 0 auto;
}

#middleContent h1
{
margin: 15px 20px 10px 20px;
width: 295px;
height: 50px;
text-indent: -99999px;
background: url(../images/h1_freshweekends.gif) no-repeat;	
}

p.middleContent
{
margin: 10px 20px;
font-size: 12px;
}

.header
{
width: 581px;
height: 100px;
padding: 10px;	
}

img.mainImage
{
position: relative;
display: block;	
}

.pageText
{
margin: -70px 0 20px 0;
position: relative;
z-index: 9;
padding: 0 10px 0 100px;
}

.pageText p
{
margin: 0 0 10px 0;
color: #5a5a5a;
font-size: 12px;
}

.pageSubjectText
{
clear: both;
margin: 20px 0 20px 0;
padding: 0 90px 0 90px;
}

.pageSubjectText p
{
text-align: center;
margin: 10px 0;
font-size: 10px;
font-weight: bold;
font-style: italic;
}

.pageText li
{
color: #5a5a5a;
font-size: 12px;	
}

.thumbBtns
{
float: left;
position: relative;
width: 562px;
padding: 0 0 0 40px;
}

img.hotelImgSmall
{
display: block;
float: left;
border: none;
position: relative;
margin: 0 20px 10px 0;	
}

.hotelInfoContainer
{
width: 530px;
margin: 10px auto;
clear: both;	
}

.hotelInfo
{
margin: 0 0 20px 0;	
}

img.hotelMainImg
{
float: left;
margin: 0 8px 0 0;
display: block;	
}

img.hotleName
{
display: block;	
}

.hotelInfo p
{
margin: 5px 0;
color: #5a5a5a;
font-size: 12px;	
}

.hotelInfo li
{
color: #5a5a5a;
font-size: 12px;	
}