html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	background: url(../gfx/950green.gif) 50% 0;
}

/* ----------------------- LAYOUT STYLING ------------------------------ */

#content-wrap {
   background: url(../gfx/hills.jpg) bottom center no-repeat;
}
/* --------------------- HEADING STYLING ------------------------------- */

#page_heading {
   width:95%;
   color:#666;
   text-align: center;
   font-weight:bold;
   margin: 0 auto;
}
h1{
   font-size:2em;
   color:#E6E3E3;
   padding-bottom:2px;
   letter-spacing:-3px;

}

h2, h3 {
   font-size:2em;
   color:#666;
   text-align: center;
   font-weight:normal;
   height:40px;
   line-height:40px;
   margin:0;
   margin-bottom:2em;
}

h2 {
   background:url(../gfx/h1_bg.gif) bottom no-repeat;
}

h3 {
   margin-top:3em;
   font-size:1.6em;
   text-align:left;
   border-bottom:1px solid #999;
}

h4 {
   display:inline-block;
   font-size: 1.3em;
   font-weight:normal;
   margin:1.5em 0 .7em 0;
   border-bottom:1px solid #999;
}

h5 {
   font-size: 1.3em;
   font-weight:normal;
   text-align:center;
   margin:2em 0 .5em 0;
}

/* --------------------- CONTENT STYLING ------------------------------- */


#primary p {
	font-size:1.1em;
	margin: 1em 0;
}

#primary ul li {
   font-size: 1.1em;
   margin:5px 0 5px 40px;
   list-style-image:url(../gfx/smbullet.gif);
   padding-left: 7px;
}

img.centered {
	display:block;
	margin:0 auto;
}

.framed {
   padding:3px;
   background-color:#fff;
   border:1px solid #333;
}
/* --------------------- LINK STYLING -------------------------------- */

a {
	color:#060;
}

a:visited {
   color:#393;
}
a:hover {
  	background-color:#fff;
	  text-decoration:none;
   color:#36f;
}

p.no-hover a:hover {
  	display:block;
  	background-color:#ccc;
	  text-decoration:none;
}
/* --------------------- HEADER STYLING -------------------------------- */

#header {
   background: url("../gfx/banner_accom.jpg") no-repeat;
   height: 420px;
   margin:0 auto;
   width:100%;
   margin-top:1.5em;
}

/* --------------------- FOOTER STYLING -------------------------------- */

#footer p.copyright {
   font-size:1.1em;
   padding: 10px 0 15px;
   margin:0 auto;
   width:100%;
   text-align:center;
   color:#fff;
}

#footer p.credits {
   color:#fff;
   font-size:1em;
   text-align:center;
   padding-bottom:10px;
}

#footer a, #footer a:visited  {
	color:#ccc;
}
#footer a:hover {
	  text-decoration:none;
   color:#36f;
}

.menu {
   position:relative;
   top:199px;
   left:72px;
   margin:0;
   padding:0;
   width:200px;
   list-style:none;
}
.menu li{padding:0; margin:0; height:34px; display:block; }
.menu li a, .menu li a:visited   {
   height:34px;
   display:block;
   text-decoration:none;
}
.menu a#homepage { background:url(../gfx/links.jpg) 0px 0px no-repeat; }
.menu a#accommodation { background:url(../gfx/links.jpg) 0px -34px no-repeat; }
.menu a#location { background:url(../gfx/links.jpg) 0px -68px no-repeat; }
.menu a#contact { background:url(../gfx/links.jpg) 0px -102px no-repeat; }
.menu a#gallery { background:url(../gfx/links.jpg) 0px -136px no-repeat; }
.menu a#links { background:url(../gfx/links.jpg) 0px -170px no-repeat; }

.menu a:hover#homepage, .homepage a#homepage{ background:url(../gfx/links-hover.jpg) 0px 0px no-repeat; }
.menu a:hover#accommodation, .accommodation a#accommodation { background:url(../gfx/links-hover.jpg) 0px -34px no-repeat; }
.menu a:hover#location, .location a#location { background:url(../gfx/links-hover.jpg) 0px -68px no-repeat; }
.menu a:hover#contact, .contact a#contact { background:url(../gfx/links-hover.jpg) 0px -102px no-repeat; }
.menu a:hover#gallery, .gallery a#gallery { background:url(../gfx/links-hover.jpg) 0px -136px no-repeat; }
.menu a:hover#links, .links a#links { background:url(../gfx/links-hover.jpg) 0px -170px no-repeat; }

#primary a.hoverable img {
   margin:0;
}
a.hoverable {
   width:200px;
   height:153px;
   padding:3px;
   margin:0;
   display:block;
}
a.hoverable:hover {
   background-color:#999;
}