/*** All page content except for footer ****/
#content {
 position: relative;
 height: auto !important;
 height: 100%;
 min-height: 100%;
}

/*** Top menu and logo ***/
#header {
 clear: both;
 position: relative;
 height: 3em;
 margin: 0 auto;
 background: #085f52;
 border-bottom: 1px solid #ffffff;
}
#header img {
 position: absolute;
 top: 5%;
 left: 10px;
}
#header ul {
 margin: 0.6em 1em 0 0 !important;
 margin: 0.6em 0.5em 0 0;
 padding: 0;
 float: right;
}
#header ul li {
 display: inline;
 list-style: none;
}
#header ul li a {
 float: left;
 padding: 0.2em 1em;
 font: normal 1em georgia, arial, sans-serif;
 line-height: 0.8em !important;
 line-height: 1em;
 color: #ffffff;
 border-right: 1px solid #ffffff;
}
#header ul li a.last {
 padding-right: 0;
 border-right: 0;
}
#header ul li a:hover {
 color: #330000;
 background: #ffffff;
}
#header li #active{
 color: #ffffff;
 background: #669966; 
}

/*** Header Image ***/
#headerImg {
 margin: 0px auto 15px auto;
 height: 143px;
 padding-bottom: 15px;
}
#headerImg_local {
 margin: 0px auto;
 height: 143px;
 background: url(../images/header-surfing-seafood-cycling-golfing-ireland.jpg) no-repeat top left;
 padding-top: 25px;
}
#headerImg_contact {
 margin: 0px auto;
 height: 143px;
 background: url(../images/header-the-barn-and-alder-cottages.jpg) no-repeat top left;
 padding-top: 25px;
}
#headerImg_alder {
 margin: 0px auto;
 height: 143px;
 background: url(../images/header-alder-holiday-home.jpg) no-repeat top left;
 font: normal 65px georgia, Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-align:left;
 padding-top: 25px;
}
#headerImg_barn {
 margin: 0px auto;
 height: 143px;
 background: url(../images/header-the-barn-accomodation.jpg) no-repeat top left;
 font: normal 65px georgia, Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-align:left;
 padding-top: 25px;
}

/*** Top Block Menu ***/
#menu { margin: 0 auto; }
#menu ul {
 width: 100%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: left;
 background: #000000 url(../images/menu.gif) repeat-x top left;
}
#menu ul li {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}
#menu ul li a {
 float: left;
 width: 25%;
 height: 4.5em;
 font: 400 1.2em georgia, arial, sans-serif;
 letter-spacing: 0.1em;
 color: #ffffff;
 border-top: 7px solid #000000;
 border-bottom: 15px solid #ffffff;
}
#menu ul li a span {
 display: block;
 padding: 2px 7px;
}
#menu ul li a span.desc {
 font-size: 0.8em;
 color: #8C8D94;
}
#menu ul li a:hover,
#menu ul li a.here {
 background: #000000;
 border-top: 7px solid #F06890;
}
#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
 color: #ffffff;
}

/*** Page Content ***/
#page {
 clear: both;
 float: left;
 width: 100%;
 margin-bottom: 6em;
 text-align: left;
}
#columns { margin: 0 auto; }
/* Column widths */
.width { width: 776px; }
.widthPad { width: 746px; }
.width25 { 
 width: 160px;
 margin: 0;
 padding: 0;
 font-size: 13px;
}
.width75 { 
 width: 560px;
 margin: 0;
 padding: 0;
}

/*** Footer ***/
#footer {
 clear: both;
 float: left;
 width: 100%;
 height: 1.5em;
 font: bold 20px georgia, arial, sans-serif;
}
#footer #bg {
 position: relative;
 height: 8em;
 margin: 0 auto;
 background: #085f52;
}
#footer #bg ul {
 float: right;
 margin: 0.5em 1em 0 0 !important;
 margin: 0.5em 0.5em 0 0;
 padding: 0;
}
#footer #bg ul li {
 display: inline;
 list-style: none;
}
#footer #bg ul li a {
 float: left;
 padding: 0 1em;
 font: bold 14px georgia, arial, sans-serif;
 line-height: 0.8em !important;
 line-height: 1em;
 color: #ffffff;
 border-right: 1px solid #4D5760;
}
#footer #bg ul li a.last {
 padding-right: 0;
 border-right: 0;
}
#footer #bg ul li a:hover { color: #ffffff; }
#footer #bg img {
 position: absolute;
 top: 6%;
 left: 10px;
}
#footer a { color: #ffffff; }
#footer a:hover { color: #ffffff; }

/*** Thumbnail Lists ***/
ul.thumbs,
ul.thumbs li {
 margin: 0;
 padding: 0;
}
ul.thumbs li {
 margin: 0 0 15px 0 !important;
 margin: 0;
 padding: 0px;
 list-style: none;
}
a.thumb img {  
 border: 1px solid #83afa8;
 padding: 3px;
}
a:hover.thumb img {
 background: #83afa8;
 border: 1px solid #83afa8;
 padding: 3px;
}
a:hover.thumb {
 background: none;
}
a.thumb span {
 display: block;
 margin-top: -5px !important;
 margin-top: -2px;
 font-size: 13px;
}

/*** Generic Display ***/
.block { display: block; }
.floatLeft { float: left; }
.floatRight { float: right; }