/*-----------------------------------------------
Style Sheet

Site: Columbrae Guesthouse Website
Author:   Robin Hammond    www.hammondz.co.uk
Version:  2008.04
Note: 1em = 16px but in the body tag it is set to 
76.1% = 12px per 1em
Website height = 
----------------------------------------------- */
/*
---------------------------------------------------
Website Structure Divs
---------------------------------------------------*/
body {
	 font-size: 80%;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #000000;
	 margin:0 0.3em 0 0.5em;
	 /*text-align: center;need to sort to position centre*/
	 min-width: 890px;
	 background-color: #003000;/*dark green hex color*/
}
* {
	 margin: 0;
	 padding: 0;
}
/*
	---------------------------------------------------
	font setup for the website
	---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, fieldset, address {margin: 0 0 0.5em 0.5em;}

h1{
	
}

h2{
	 font-family: Georgia, Times New Roman, Times, serif;
	 color: #4d7d3d;
	 font-size: 1.4em;
	 line-height: 1.3em;
	 padding-bottom:0.2em;
}
	
h3{
	 font-family: Georgia, Times New Roman, Times, serif;
	 color: #4d7d3d;
	 text-align: left;
	 font-size: 1.25em;
	 line-height: 1.2em;
	 font-weight: bold;
}

h4 {
	 font-family: Georgia, Times New Roman, Times, serif;
	 color: #4d7d3d;
	 font-size: 1em;
	 line-height: 1em;
	 font-weight: bold;
}
p {
	 font-size: 1em;
	 font-weight: normal;
}

/*---------------------------------------------------
Links for the website
---------------------------------------------------*/
a:link, a:active, a:visited {
	 font-family: Arial, Helvetica;
	 color: #003300;
}
a img {
	 border-style: none;
	 border-width: 0;
}
a {text-decoration: none;}

a:hover {text-decoration: none;}
/*---------------------------------------------------
Website Structure Divs
---------------------------------------------------*/
#holder{
	 width: 95%;
	 top:0px;
	 background-color: #003000;/*sets the green to same as page*/
	 margin-left:auto;
	 margin-right:auto;
}

#Wrapper {
	 width: 100%;
	 position: relative;/*needs to have the width and height set to prevent bug in IE5,6*/
	 text-align: left;
	 margin: 0em;
	 padding: 0em;
	 background: url('images/HeadBG.jpg') repeat-x top;
	 background-color: white;
}

#Content {margin: 0 30px 0 30px;}

#LeftSide {
	 position: absolute;/*needs the parent to be set as relative to use absolute positioning*/
	 width: 35px;
	 height: 449px;/*44em = 522px*/
	 top: 0;
	 left: 0;
	 background-image: url('images/Sideleft.jpg');
	 background-position: left top;
}

#RightSide {
	 position: absolute;
	 width: 37px;
	 height: 449px;/*44em = 522px*/
	 top: 0;
	 right: 0;
	 background-image: url('images/Sideright.jpg');
	 background-position: right top;
}

/*---------------------------------------------------
Content Structure header
---------------------------------------------------*/
.Header{
	/*border: 1px red solid;*/
	text-align: left;
	padding: 0px;
	margin: 0 1px 0 2px;
	height: 123px;
}

#logo{
	/*border: 1px red solid;*/
	background:url(images/BusCardBg.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
}

#logo a{
	display:block;/*Makes the logo holding div take up the whole width, pushing Ivy bar down */
	height:98px;
	width:140px;
}


/* -----Navigation Menu----- */

#nav{
	background: url(images/MenuBG.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:180px;
	display:inline;
	height:98px;
	margin:0;
	padding:0;
}


#nav ul, #nav li{
	float: left;
	margin:0;
	padding:0;
	list-style:none;
}


#nav ul{
	margin-left:0px;
	padding-top:11px;
}


#nav li{
	margin-left:8px;
	text-indent:-9999px;
	overflow:hidden;
	width:65px;
	height:47px;
}


#nav li#nav7{
	margin-left:3px;
}


#nav li a{
	display:block;
	height:47px;
}

#nav li#nav1 a{background:url(images/Home.png) no-repeat 0 0;}
#nav li#nav1 a:hover, #nav li#nav1 a.selected{background:url(images/Home.png) no-repeat 0 -47px;}
#nav li#nav2 a{background:url(images/Rooms.png) no-repeat 0 0;}
#nav li#nav2 a:hover, #nav li#nav2 a.selected{background:url(images/Rooms.png) no-repeat 0 -47px;}
#nav li#nav3 a{background:url(images/Places.png) no-repeat 0 0;}
#nav li#nav3 a:hover, #nav li#nav3 a.selected{background:url(images/Places.png) no-repeat 0 -47px;}
#nav li#nav4 a{background:url(images/Gallery.png) no-repeat 0 0;}
#nav li#nav4 a:hover, #nav li#nav4 a.selected{background:url(images/Gallery.png) no-repeat 0 -47px;}
#nav li#nav5 a{background:url(images/Guest.png) no-repeat 0 0;}
#nav li#nav5 a:hover, #nav li#nav5 a.selected{background:url(images/Guest.png) no-repeat 0 -47px;}
#nav li#nav6 a{background:url(images/FindUs.png) no-repeat 0 0;}
#nav li#nav6 a:hover, #nav li#nav3 a.selected{background:url(images/FindUs.png) no-repeat 0 -47px;}
#nav li#nav7 a{background:url(images/Contact.png) no-repeat 0 0;}
#nav li#nav7 a:hover, #nav li#nav4 a.selected{background:url(images/Contact.png) no-repeat 0 -47px;}


/* Hide from IE5-Mac \*/
#nav li a{float: none}
/* End hide */


#ContactDetails{
	position:absolute;
	font-size:11px;
	color:#003300;/*green*/
	top:0;
	left:530px;
	text-align:right;
	padding:0;
	width:16em;
}

#IvyBar{
	background:url(images/ivyline.jpg) no-repeat 0 0;
	height:25px;
	margin:0;
	padding:0;
}	

/*----------------------------Main Page layout---------------------*/
.MainContent {
	text-align: left;
	width:98%;
	margin-left:10px;
}


.TextArea{
	float:left;
	width:74%;
}

.RightArea{float:right;}

.Advert{
	display:inline;
	width:500px;
	height:80px;
}

.clear{clear:both;}

/*--------------------Right Side links---------------------*/
.Picture1{
	 background:url(images/SideNotelink.jpg) no-repeat 0 0;
	 width:198px;
	 height:160px;
	 margin-top:10px;
	 padding:0;
}

.Picture1 ul, .Picture1 li{
	margin:0;
	padding:0;
	list-style:none;
}

.Picture1 ul{
	margin-left:22px;
	padding-top:27px;
}

.Picture1 li
{
	text-indent:-9999px;
	overflow:hidden;
	width:140px;
	height:22px;
}

.Picture1 li a{
	display:block;
	height:22px;
}

.Picture1 li#link1 a{background:url(images/Link1.jpg) no-repeat 0 0;}
.Picture1 li#link1 a:hover{background:url(images/Link1.jpg) no-repeat 0 -22px;}
.Picture1 li#link1 a:visited{background:url(images/Link1.jpg) no-repeat 0 -44px;}

.Picture1 li#link2 a{background:url(images/Link2.jpg) no-repeat 0 0;}
.Picture1 li#link2 a:hover{background:url(images/Link2.jpg) no-repeat 0 -22px;}
.Picture1 li#link2 a:visited{background:url(images/Link2.jpg) no-repeat 0 -44px;}

.Picture1 li#link3 a{background:url(images/Link3.jpg) no-repeat 0 0;}
.Picture1 li#link3 a:hover{background:url(images/Link3.jpg) no-repeat 0 -22px;}
.Picture1 li#link3 a:visited{background:url(images/Link3.jpg) no-repeat 0 -44px;}

.Picture1 li#link4 a{background:url(images/Link4.jpg) no-repeat 0 0;}
.Picture1 li#link4 a:hover{background:url(images/Link4.jpg) no-repeat 0 -22px;}
.Picture1 li#link4 a:visited{background:url(images/Link4.jpg) no-repeat 0 -44px;}

.Picture1 li#link5 a{background:url(images/Link5.jpg) no-repeat 0 0;}
.Picture1 li#link5 a:hover{background:url(images/Link5.jpg) no-repeat 0 -22px;}
.Picture1 li#link5 a:visited{background:url(images/Link5.jpg) no-repeat 0 -44px;}


.Picture3{
	 background:url(images/SideNoteMap.jpg) no-repeat 0 0;
	 width:198px;
	 height:160px;
	 margin-top:10px;
	 padding:0;
}

.Picture3 ul, .Picture3 li{
	margin:0;
	padding:0;
	list-style:none;
}

.Picture3 ul{
	margin-left:22px;
	padding-top:27px;
}

.Picture3 li{
	text-indent:-9999px;
	overflow:hidden;
	width:167px;
	height:22px;
}

.Picture3 li a{
	display:block;
	height:22px;
}

.Picture3 li#Map a{background:url(images/LinkMap.jpg) no-repeat 0 0;}
.Picture3 li#Map a:hover{background:url(images/LinkMap.jpg) no-repeat 0 -22px;}
.Picture3 li#Map a:visited{background:url(images/LinkMap.jpg) no-repeat 0 -44px;}

.Picture3 li#PDF a{background:url(images/LinkDir.jpg) no-repeat 0 0;}
.Picture3 li#PDF a:hover{background:url(images/LinkDir.jpg) no-repeat 0 -22px;}
.Picture3 li#PDF a:visited{background:url(images/LinkDir.jpg) no-repeat 0 -44px;}

.Picture3 li#Taxi a{background:url(images/LinkTaxi.jpg) no-repeat 0 0;}
.Picture3 li#Taxi a:hover{background:url(images/LinkTaxi.jpg) no-repeat 0 -22px;}
.Picture3 li#Taxi a:visited{background:url(images/LinkTaxi.jpg) no-repeat 0 -44px;}


.Picture2{
	 background:url(images/Map.jpg) no-repeat 0 0;
	 width:198px;
	 height:190px;
	 padding-top:22px;
}

.Picture2 .GoogleMap{
	 margin-left:14px;
	 width:170px;
}

.Picture2 .GoogleMap a{
	 color:#000;
	 font-size:12px;
	 margin-left:38px;
}

.TextArea ol{margin-left:1.8em;}

/*------------------Footer Details--------------------------*/

#Footer {
	 width: 100%;
	 margin:0px;
	 padding:0;
	 background: url('images/footerbg.jpg') no-repeat right bottom;
	 background-color: white;
	 height: 100px;
}

#Footer .Rating{
	 text-align: right;
	 margin-right:38px;
	 display:block;
	 padding-top:5px;
}

#Footer .Facilities{
	 text-align: left;
	 float:left;
	 padding:5px;
	 margin-left:35px;
	 display:block;
}

/*---------------------Bottom footer-------------------------*/
.OuterFooter{
	width:95%;
	margin-right:auto;
	margin-left:auto;
}

.Copyright{
	font-size: 10px;
	color:#ddc955;/*gold*/
	text-align: right;
}

.Copyright a{
	color:#ddc955;/*gold*/
	text-decoration:underline;
} 

.PowerBy{
	display:block;
	width:40px;
	margin:0;
	padding:0;
	float:right;
}

.BnBLinks{
	width:94%;
	display:block;
	float:left;
	font-size: 10px;
	color:#ddc955;/*gold*/
}
.BnBLinks a{
	color:#ddc955;/*gold*/
	text-align:left;
	text-decoration:underline;
	margin-left:0px;
} 

/*------Places To Visit page styles--------------------*/

.tablePlaces{width:98%;}

.tablePlaces .heading p{
  color:#4d7d3d;
  font-weight:bold;
  padding-top:5px;
}

.tablePlaces .InfoArea{
  width:60%;
  margin-left:5px;
  padding-right:10px;
  padding-bottom:10px;
}

.tablePlaces .InfoArea p{
	padding:0;
	margin:0;
}

.tablePlaces .Pic{
  text-align:right;
  
}

.tablePlaces .Pic img{
  border:1px #4d7d3d solid;
  padding:3px; 
}

.tablePlaces .InfoLink{
	color:#4d7d3d;
	text-decoration: underline;
	display:block;
	padding-top:5px;
}

/*------Guestbook page styles--------------------*/

.quoter{
	font-size:0.8em;
	color:#4d7d3d;
	margin-top:-2px;
	margin-left:5px;
	margin-bottom:10px;
}

/*-------------------Are location  Page---------------------*/

.PageNav a{
	background-color:#003300;
	color:#fff;
	font-weight:bold;
	font:#ffffff;
}

.TextArea .Map a{
	margin-left:0.5em;
	display:block;
	background:url(images/Largemap.jpg) no-repeat 0 0;
	width:475px;
	height:350px;
}

.TextArea .Map a:hover{background:url(images/Zoomedmap.jpg) no-repeat 0 0;}

.Picture{
	display:block;
	float:right;
	margin-right:50px;
}


/*------Contact Us page styles--------------------*/

.contacts{
   color:#4d7d3d;
   font-family:Georgia, Times New Roman, Times, serif;
}

.email{text-decoration: underline;}

.Note{
  font-size:0.9em;
  margin-left:5px;
  color:#4d7d3d;
}