@charset "utf-8";

/* CSS Document */



body{

background: none;

	background-image: url(images/full-background.jpg);

	font-family: 'NeuzeitGroteskTRegular', Verdana, Geneva, sans-serif;

	margin: 0px;

	padding: 0px;

	background-repeat: repeat-x;

min-width:1024px;

}



a:link, a:visited{

	color: #60833F;

	text-decoration: none;

}

a:hover, a:active{

	text-decoration: underline;

}



a.yellow:link, a.yellow:visited{

	color: #FFF200;

	text-decoration: none;

}

a.yellow:hover, a.yellow:active{

	text-decoration: underline;

}



a.footer:link, a.footer:visited{

	color: #FFF;

	text-decoration: none;

}

a.footer:hover, a.footer:active{

	text-decoration: underline;

}





h1,h2,h3,h4,h5{font-family: 'SmudgerPlainRegular', Verdana, Geneva, sans-serif;}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
padding: 0px;
	border-top-width: 5px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #658542;
	border-right-color: #658542;
	border-bottom-color: #658542;
	border-left-color: #658542;
}



.widget-title {

color: #666;

font-size: 10px;

font-weight: 500;

letter-spacing: 0.1em;

line-height: 1.5em;

text-transform: lowercase;



border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #658542;

width:300px;

}



.menu-cottages-container{

width:300px;



background-image: url(images/menu-bg.jpg);}


.enquiry-block{
	background-image: url(images/enquiry-bg.jpg);
	padding-right:175px;
	background-repeat: no-repeat;
	background-position: right top;
	height: 130px;
	padding-top: 10px;
}


.agm_mh_container ul li {

margin-top: .2em;

padding: .2em;

border: 1px solid #CCC;

background-color: #EEF;

list-style: none;

overflow: hidden;

width: 98%;

}



.dark-green{

	color: #5F8439;

}



#wrapper{

	

	height: 630px;

	width: 100%;

}



#header{

	height: 220px;

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 5px;

}



#logo{

	float: left;

	height: auto;

	width: auto;

	margin-top: 19px;

}



#strapline{

	font-family: 'SmudgerPlainRegular', Verdana, Geneva, sans-serif;

	float: right;

	width: auto;

	margin-top: 60px;

	font-size: 32px;

	color: #92B966;

}



#contact{

	font-family: 'NeuzeitGroteskTRegular', Verdana, Geneva, sans-serif;

	float: right;

	width: 450px;

	font-size: 18px;

	color: #61853B;

	text-align: right;

	margin-top: 20px;

}



#navigation-holder{

	height: 50px;

	width: 1024px;

	float: left;

	margin-top: 0px;

	margin-bottom: 0px;

}



#container{

	height: auto;

	width: 1024px;

	margin-right: auto;

	margin-left: auto;

	font-size: 1em;

	font-weight: normal;

}



#container h1{

	font-size: 38px;

	color: #62813E;

	font-weight: normal;

}



#container h2{

	font-size: 32px;

	color: #658542;

	font-weight: normal;

}



#container h3{font-size: 36px;color: #658542;}



#container h4{font-size: 22px;color: #658542;}





#container-left{

	float: left;

	height: auto;

	width: 670px;

	margin-right:54px;

}



#container-right{

	width: 300px;

	float: left;

	margin-top: 25px;

}









#footer {

	bottom:0;

	height:163px;

	width:100%;

	background-attachment: scroll;

	background-image: url(images/footer-background.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: none;



}



#footer-container

{

	width: 1024px;

	margin-bottom: 0em;

	height: auto;

	margin-right: auto;

	margin-left: auto;

	font-size: 1em;

	padding-top: 50px;

}



#footer-left{

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 600px;

	margin-left: 0px;

}



#footer-right{

	color: #FFFFFF;

	float: right;

	height: auto;

	width: 350px;

	text-align: right;

}



#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}





















/* MENU CSS */





#kames-menu {

	width:100%;

	height:50px;

	margin:0;

}

#kames-menu ul {

	width:100%;

	border:none;

	background:none;

	margin:0;

	padding:0;

	list-style:none;

	}

#kames-menu li {

	border:none;

	background:none;

	line-height:50px;

	z-index:150;

	letter-spacing:0px;

	font-size:1em;

	padding:0;

	float:left;

	font-family: 'NeuzeitGroteskTRegular', Verdana, Geneva, sans-serif;

	position:relative;

	font-weight: normal;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 10;

	_width: 110px; /* IE 6 */

	_font-family:Arial; /* IE 6 */

	_font-size:12px; /* IE 6 */

	

	}

#kames-menu li:hover,#kames-menu li.sfhover {

	background-attachment: scroll;

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #5B7F39;

	color: #FFF;

	}

	

#kames-menu li a {

	border:none;

	background:none;

	text-decoration:none;

	display:block;

	color:#FFF;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

	height: 50px;

	}



#kames-menu li a:hover {

	border:none;

	text-decoration:none;

	color:#FFF;

	background-position:100% -120px;

	background-image: none;

	}

#kames-menu ul ul {

	position:absolute;

	left:-999em;

	top:50px;

	width:150px;

	}

#kames-menu li:hover ul,#kames-menu li.sfhover ul {

	left:auto;

	}

#kames-menu ul ul li a {

	padding:4px 10px;

	text-transform:normal;

	font-variant:normal;

	}

#kames-menu ul ul li {

	letter-spacing:0px;

	color:#000;

	z-index:20;

	width:230px;

	font-family: 'NeuzeitGroteskTRegular', Verdana, Geneva, sans-serif;

	font-size:0.9em;

	font-style:normal;

	margin:0;

	background-color: #5C8038;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	height: 45px;

	}

#kames-menu ul ul li a {

	line-height:40px;

	color:#FFF;

	text-decoration:none;

	}

#kames-menu ul ul li:hover a,#kames-menu ul ul li.sfhover a {

	color:#FFF;

	text-decoration:none;

	}

#kames-menu ul ul li:hover li a,#kames-menu ul ul li.sfhover li a {

	color:#FFF;

	}

#kames-menu ul ul li:hover li a:hover,#kames-menu ul ul li.sfhover li a:hover {

	color:#FFFFFF;

	}

#kames-menu ul ul li:hover,#kames-menu ul ul li.sfhover {

	color:#FFFFFF;

	background-color: #005E3D;

	}

#kames-menu ul ul ul li {

	font-size:1em;

	background-color: #415929;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

}



#kames-menu ul ul ul, #kames-menu ul ul ul ul {

	position:absolute;

	margin-left:-999em;

	top:0;

	width:230px;

	}

#kames-menu li li:hover ul,#kames-menu li li.sfhover ul,#kames-menu li li li:hover ul,#kames-menu li li li.sfhover ul {

	margin-left:230px;

	}

#kames-menu ul ul li:hover li a,#kames-menu ul ul li.sfhover li a {

	text-decoration:none;

	color: #0E4568;

	}

#kames-menu ul ul li li:hover a,#kames-menu ul ul li li.sfhover a {

	color:#FFF;

	text-decoration:none;

	}

	

#kames-menu ul li.current_page_item > a,

#kames-menu ul li.current-menu-ancestor > a,

#kames-menu ul li.current-menu-item > a,

#kames-menu ul li.current-menu-parent > a {

	color: #fff;

	background-color: #3A5C0F;

}

* html #kames-menu ul li.current_page_item a,

* html #kames-menu ul li.current-menu-ancestor a,

* html #kames-menu ul li.current-menu-item a,

* html #kames-menu ul li.current-menu-parent a,

* html #kames-menu ul li a:hover {

	color: #fff;

	background-color: #3A5C0F;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}







#main-home-revolve-image{

	height: 350px;

	margin-top: 0px;

	margin-bottom: 0px;

	z-index:-3;

	width: 1024px;

	float: none;

	margin-left: auto;

	margin-right: auto;

}











  #makeMeScrollable

    {

	width:100%;

	height: 350px;

	position: relative;

    }



     #makeMeScrollable div.scrollableArea img

    {

        position: relative;

        float: left;

        margin: 0;

        padding: 0;

        /* If you don't want the images in the scroller to be selectable, try the following

           block of code. It's just a nice feature that prevent the images from

           accidentally becoming selected/inverted when the user interacts with the scroller. */

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -o-user-select: none;

        user-select: none;

    }