/*OETRA/CSS*/

/* BASIC PAGE SETUP ============================================================================= */

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	/*font-size: small;*/
	color: #4E7C31; /*darkest olive green*/
	text-align: center;
	background: #ffffff;
	/*background: #ffffff url(/images/bodyback.jpg) center top;*/
}



/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight: normal;
	margin-top: 0px;
	/*letter-spacing: -1px;*/
}

h1 {
	color: #325120;
	/*color: #667744;*/
	margin-bottom: 0.2em;
	font-size: 2.5em; /* 40 / 16 */
	line-height: 1.4;
}

	h1.center {
		text-align: center;
	}

h2 {
	color: #325120;
	margin-bottom: .5em;
	font-size: 2em; /* 32 / 16 */
	line-height: 1.2;
}

	h2.center {
		text-align: center;
	}

h3 {
	color: #325120;
	margin-bottom: 0.3em;
	font-size: 1.5em; /* 24 / 16 */
	line-height: 1.3;
}

	h3.center {
		text-align: center;
	}

h4 {
	color: #325120;
	margin-bottom: 0.2em;
	letter-spacing: normal;
	font-size: 1.25em; /* 20 / 16  */
	line-height: 1.25;
}

	h4.center {
		text-align: center;
	}

	h4.maroon {
		color: maroon;
	}

	h4.h4italic {
		font-style: italic;
	}

	h4.h4aliceItalic {
		color: aliceblue;
		font-style: italic;
	}

h5 {
	color: #667744;
	letter-spacing: normal;
	margin-bottom: 1.5em;
	font-size: 1em; /* 16 / 16 */
}

	h5.center {
		text-align: center;
	}

h6 {
	color: #667744;
	letter-spacing: normal;
	font-size: .75em; /* 16 / 16  */
}

	h6.center {
		text-align: center;
	}

footer h3 {
	color: #99aa66;
}
/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address {
	margin-bottom: 1.5em;
	font-size: 1em; /* 16 / 16 = 1 */
}

p {
	hyphens: auto;
}


	p.introtext {
		font-size: 1.5em; /* 24 / 16 */
		line-height: 1.4em;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
	}

	p.center {
		text-align: center;
	}

ul,
ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 24px;
}

	ul.center {
		text-align: center;
	}

li ul,
li ol {
	margin: 0;
	font-size: 1em; /* 16 / 16 = 1 */
}

li.center {
	/*display: inline-block; this makes list like "Cecil Bernard  Sam and Ann Burnsed  Susan Friend  Marjorie Lay  Kathryn Paul"*/
	display: block;
	text-align: center;
}

li.fancy {
	font-size: medium;
	font-style: italic;
	color: maroon;
}

li.SecondLevel {
	font-size: .80em;
}

li.ThirdLevel {
	font-size: .75em;
}

dl,
dd {
	margin-bottom: 1.5em;
}

dt {
	font-weight: normal;
}

b, strong {
	font-weight: bold;
}

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
}

small {
	font-size: 1em; /* 16 / 16 = 1 */
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* LINKS =============================================================================  */

a {
	/*color : #445533;
    color: darkblue;
    text-decoration: none;*/
	color: #0000EE; /*standard*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}

	a:visited {
		color: purple;
		text-decoration: underline;
	}

	a:focus {
		outline: thin dotted;
		color: rgb(0,0,0);
	}


	a:hover,
	a:active {
		outline: 0;
		color: #5E5EFF;
		text-decoration: underline;
	}

/*Footer links not used this app*/
footer a {
	color: #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	footer a:visited {
		color: #ffffff;
	}

	footer a:focus {
		outline: thin dotted;
		color: rgb(0,0,0);
	}

	footer a:hover,
	footer a:active {
		outline: 0;
		color: #eeffee;
	}

/* IMAGES ============================================================================= */

img {
	border: 0;
	max-width: 100%;
	height: auto;
	width: auto;
}

	img.floatleft {
		float: left;
		margin: 0 20px 0 0;
	}

	img.floatright {
		float: right;
		margin: 0 0 0 20px;
	}

	img.floatright2 {
		float: right;
		clear: right;
		margin: 20px 0 0 20px;
	}
	/*how to center an image*/
	IMG.centered {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

/*  BUTTONS  ============================================================================= */

button, input {
	line-height: normal;
	*overflow: visible;
}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		/*padding: 0.5em 1em;
margin: 0 0 1em 0;*/
		cursor: pointer;
		/*text-shadow:0 1px 0 #fff;*/
	}

		button::-moz-focus-inner,
		input::-moz-focus-inner {
			padding: 0;
			border: 0;
		}

/*default button color is orange*/
.button {
	background: orange url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	outline: none;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

	.button:hover {
		background: url(/images/glass.png) repeat-x 0 50%;
		color: #fff;
		text-decoration: none;
	}

	.button:active {
		background: url(/images/glass.png) repeat-x 0 50%;
		color: #fff;
		position: relative;
		top: 1px;
	}

	.button:visited {
		color: #fff;
	}

.buttonSubmit {
	background: maroon url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	outline: none;
	padding: 0.5em 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	/*different from regular button*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.buttonSubmit:hover {
		background: maroon url(/images/glass.png) repeat-x 0 50%;
		background-color: #993333;
		color: #fff;
		text-decoration: none;
	}

.buttonOrange {
	background: orange url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	outline: none;
	padding: 0.5em 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	/*different from regular button*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.buttonOrange:hover {
		background: maroon url(/images/glass.png) repeat-x 0 50%;
		background-color: #CA8400;
		color: #fff;
		text-decoration: none;
	}

.buttonBlack {
	background: black url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	outline: none;
	padding: 0.5em 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	/*different from regular button*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonPayPal {
	background: blue url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	outline: none;
	padding: 0.5em 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	/*different from regular button*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonGreen {
	background: forestgreen url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	cursor: pointer;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	outline: none;
	padding: 0.5em 1em;
	padding-right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	/*different from regular button*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* TABLES ============================================================================= */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
}
/*table, th, td
 {
 border: 1px solid #666; June 12, 2020
 color: #333; 
 }*/
th, td, caption {
	padding: 2px 5px 2px 5px;
}

tfoot {
	font-style: italic;
}

caption {
	background-color: transparent;
}

/*Gridviews are essentially tables when compiled, therefore gridlines are set above in "table, th, td"*/

/* GRIDVIEW page numbers in footer when "pages" is enabled*/
.gvPageNums a {
	margin: auto 1%;
	/*border-radius: 50%;*/
	background-color: #325120;
	padding: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	-o-box-shadow: 1px 1px 1px #111;
	-moz-box-shadow: 1px 1px 1px #111;
	-webkit-box-shadow: 1px 1px 1px #111;
	box-shadow: 1px 1px 1px #111;
}

	.gvPageNums a:hover {
		background-color: #1e8d12;
		color: #fff;
	}

.gvPageNums span {
	background-color: #4E7C31;
	color: #fff;
	-o-box-shadow: 1px 1px 1px #111;
	-moz-box-shadow: 1px 1px 1px #111;
	-webkit-box-shadow: 1px 1px 1px #111;
	box-shadow: 1px 1px 1px #111;
	border-radius: 50%;
	padding: 5px 10px 5px 10px;
}

/*"input" are the buttons used in gridviews, whether buttons or ImageButton. ONLY USE THIS CLASS with gridviews with regular buttons, NOT imagebuttons*/
.gvclass input {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	transition: all 0.3s ease;
	height: auto;
	line-height: normal;
	background: url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-align: center;
	padding-right: 10px;
	background-color: maroon;
	width: auto;
	/*added*/
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/*Misc classes	=============================================================================*/
.note {
	color: #663300;
	font-size: smaller;
	font-style: italic;
}

.noteLarger {
	color: #663300;
	font-style: italic;
}

.noteGray {
	color: #C0C0C0;
	font-size: smaller;
	font-style: italic;
}

.noteChoco {
	color: chocolate;
	font-size: smaller;
	font-style: italic;
}

.noteChocoDir {
	color: chocolate;
	font-style: italic;
}

.noteRed {
	color: red;
	font-style: italic;
	font-size: smaller;
}

/*  MAIN LAYOUT	============================================================================= */

#skiptomain {
	display: none;
}

#wrapper {
	/*width: 93.75%;  1062px / 1250px */
	width: 100%;
	/*max-width: 63em;  1200px / 16 THIS WAS WHAT MADE PAGE TAKE UP OLD NARROW SCREEN SIZE!!!!!!!!!!!!*/
	margin: 0px auto;
	position: relative;
	text-align: left;
	background: #fff;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.5);
	box-shadow: 0 3px 10px rgba(0,0,0,.5);
}

#headcontainer {
	width: 100%;
}

#header {
	clear: both;
	width: 94%; /* 940px / 1000px */
	margin: 0 auto;
	padding: 0px;
	color: #000;
	background: #99aa66;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbcc88), to(#99aa66));
	background: -moz-linear-gradient(top, #bbcc88, #99aa66);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcc88', endColorstr='#99aa66');
	position: relative;
}

#toplogo {
	padding: 0px 0px 0px 0px;
	width: 57.44%; /* 540px / 940px */
	height: 102px;
	float: left;
	color: #667744;
}

	#toplogo img.logo {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	#toplogo img.text {
		position: absolute;
		top: 0;
		left: 180px;
		z-index: 1;
	}

	#toplogo a:link, #toplogo a:visited {
		color: #667744;
		text-decoration: none;
	}

	#toplogo a:hover {
		color: #667744;
		text-decoration: none;
	}

#topright {
	padding: 22px 10px 0px 0px;
	width: 40%; /* 390px / 930px */
	float: right;
	color: #efd;
	text-align: right;
}

	#topright p {
		margin: 2px 0px;
	}

	#topright a:link, #topright a:visited {
		font-size: 1.2em;
		font-weight: normal;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
		color: #fff;
		text-decoration: none;
	}

	#topright a:hover {
		font-size: 1.2em;
		font-weight: normal;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
		color: #fff;
		text-decoration: none;
	}

	#topright strong {
		font-size: 1.2em;
		font-weight: normal;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
		color: #efd;
	}

.enquire {
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	height: 50px;
	vertical-align: middle;
	float: right;
}

.telephone {
	padding: 0px;
	margin: 0px 0px 0px 30px;
	height: 50px;
	vertical-align: middle;
	float: right;
}


	.telephone img {
		padding-right: 10px;
		vertical-align: middle;
	}

	.telephone strong {
		padding-top: 10px;
		vertical-align: middle;
		letter-spacing: -1px;
	}


#navcontainer {
	width: 100%;
}

.menuToggle {
	display: none;
}

nav {
	clear: both;
	width: 93%; /* 930px / 1000px */
	height: 60px;
	margin: 0 auto;
	padding: 0px 1% 5px 0px;
	background: #667744;
	border-bottom: 1px solid #556633;
	z-index: 10;
	position: relative;
	font-size: 0.9375em; /* 15 / 16 */
	font-family: CabinRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}

	nav a:link, nav a:visited {
		color: #fff;
		text-decoration: none;
	}

	nav a:hover {
		color: #fff;
		text-decoration: underline;
	}

	nav img.reflection {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}


	nav ul#menu {
		list-style: none;
		padding: 10px 0 0 0;
		margin: 0px;
		float: right;
	}

		nav ul#menu li {
			display: block;
			float: left;
			text-align: center;
			position: relative;
			padding: 5px;
			margin: 0 10px 0 0;
			line-height: 1.5em;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

			nav ul#menu li a {
				padding: 7px;
				display: block;
				color: #fff;
				outline: 0;
				text-decoration: none;
			}

			nav ul#menu li.activeNav {
				background: #aabb77;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
			}


			nav ul#menu li:hover {
				background: #99aa66;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
			}

			nav ul#menu li.hassub:hover {
				background: #99aa66;
				-moz-border-radius: 5px 5px 0px 0px;
				-webkit-border-radius: 5px 5px 0px 0px;
				border-radius: 5px 5px 0px 0px;
			}

			nav ul#menu li:hover a {
				color: #ffffff;
			}

			nav ul#menu li .drop {
				padding-right: 17px;
				background: url("/images/drop.png") no-repeat right 10px;
			}

			nav ul#menu li:hover .drop {
				background: url("/images/drop.png") no-repeat right 10px;
			}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	margin: 4px auto;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 5px;
	border-top: none;
	background: #ff9922;
	background: -webkit-gradient(linear, left top, left bottom, from(#99aa66), to(#889955));
	background: -moz-linear-gradient(top, #99aa66, #889955);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99aa66', endColorstr='#889955');
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	z-index: 999999;
}

.dropdown_1column {
	width: 200px;
}

.dropdown_2columns {
	width: 400px;
}

.dropdown_3columns {
	width: 600px;
}

.dropdown_4columns {
	width: 800px;
}

.dropdown_5columns {
	width: 1000px;
}


nav ul#menu li:hover .dropdown_1column,
nav ul#menu li:hover .dropdown_2columns,
nav ul#menu li:hover .dropdown_3columns,
nav ul#menu li:hover .dropdown_4columns,
nav ul#menu li:hover .dropdown_5columns {
	left: 0px;
	top: auto;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display: inline;
	float: left;
	position: relative;
	padding: 5px;
	line-height: 1.3em;
}

.col_1 {
	width: 190px;
}

.col_2 {
	width: 390px;
}

.col_3 {
	width: 590px;
}

.col_4 {
	width: 790px;
}

.col_5 {
	width: 990px;
}



nav ul#menu li ul {
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0;
}

	nav ul#menu li ul li {
		position: relative;
		padding: 1px 0 1px 0;
		margin: 0;
		float: none;
		text-align: left;
		width: 190px;
	}

		nav ul#menu li ul li a {
			padding: 0px;
		}

		nav ul#menu li ul li:hover {
			background: none;
			border: none;
			text-decoration: underline;
		}

nav ul#menu li .navfeature {
	font-size: 0.8667em; /* 13 / 15 */
	;
}

	nav ul#menu li .navfeature a {
		display: inline;
		padding: 0px;
	}


#topimagecontainer {
	width: 100%;
}

#topimage {
	clear: both;
	width: 94%; /* 940px / 1000px */
	margin: 0 auto;
	padding: 0px;
	font-size: 0.8125em; /* 13 / 16 */
	color: #333;
}

#maincontentcontainer {
	width: 100%;
}

#maincontent {
	clear: both;
	width: 94%; /* 940px / 1000px */
	margin: 0 auto;
	padding: 5px 20px 15px 20px;
	color: #333;
	line-height: 1.5em;
	position: relative;
	font-size: 0.8125em; /* 13 / 16 */
}

.addthis_toolbox {
	float: right;
	min-width: 163px;
}

.standard_toolbox {
	float: left;
	!important;
	width: 100%;
	padding: 0 0 1em 0;
}

#maincontentleft {
	width: 59.2%;
	float: left;
	padding: 0px;
	margin: 0px 2% 0px 0px;
}


#maincontentright {
	width: 38.8%;
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
/***************************************************************************************/
#logon {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	margin: 0 auto;
	padding: 5px 0 0 0;
	color: #333;
	line-height: 1.5em;
	text-align: left;
}

#logonRight {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	margin: 0 auto;
	padding: 5px 0 0 0;
	color: #333;
	line-height: 1.5em;
	text-align: left;
}

#chgpw {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	margin: 0 auto;
	padding: 5px 0 0 0;
	color: #333;
	line-height: 1.5em;
	text-align: left;
}
/***************************************************************************************/
/* Collapse Panel */
.collapsePanelHeader {
	width: 100%;
	height: auto;
	background-color: Transparent;
	/*float: left;*/
	padding: 5px;
	vertical-align: middle;
}

.collapsePanel {
	width: inherit;
	height: auto;
	background-color: Transparent;
	overflow: auto;
	color: inherit;
	padding: 5px;
}
/***************************************************************************************/
#footercontainer {
	width: 100%;
	background: #000011 url(/images/footerback.png);
	background: rgba(0, 0, 17, 0.95) url(/images/footerback.png);
}

footer {
	clear: both;
	width: 94%; /* 940px / 1000px */
	margin: 0 auto;
	padding: 20px 2% 10px 2%;
	font-size: 0.8125em; /* 13 / 16 */
	color: #A6D5FF;
}
	/*.facebook_box { border:none; overflow:hidden; width:80%; height:244px; border:1px #fff solid; margin-top:10px; }
			.tweet_list { list-style:none; margin:0 0 1em 0; padding:0; }
			.tweet_list img { display:none; }
			.tweet_list li { border-bottom:1px #666 solid; padding:0.5em 0; }
			
			#twitter_feed span {
				margin: 1em 0; padding: 1em 0;
				}*/

	footer a:link, footer a:visited {
		color: #A6D5FF;
		text-decoration: none;
	}

	footer a:hover {
		color: #eee;
		text-decoration: underline;
	}

/*footer a:link, footer a:visited { color: #fff; text-decoration: none; }
		footer a:hover { color: #fff; text-decoration: underline; }*/


ul.pagefooterlist {
	display: block;
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li {
		clear: left;
		margin: 10px;
		padding: 0px 0px 3px 0px;
		display: block;
		line-height: 1em;
		font-weight: normal;
		background: none;
	}

ul.socialmedia-list {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.socialmedia-list li {
	float: left;
}

.socialmedia {
	height: 34px;
	clear: none;
}

	.socialmedia img {
		padding: 5px 5px 5px 0px;
		vertical-align: middle;
		opacity: 0.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter: alpha( opacity = 75);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.socialmedia a {
		text-decoration: none;
	}

		.socialmedia a:hover img {
			opacity: 1.0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha( opacity = 100);
		}

#smallprint {
	margin-top: 20px;
	font-size: 0.923em; /* 12 / 13 */
	line-height: 1.4em;
	text-align: left;
	color: #eee;
}

	#smallprint a:link, #smallprint a:visited {
		color: #eee;
		text-decoration: none;
	}

	#smallprint a:hover {
		color: #eee;
		text-decoration: underline;
	}


/***************************************************************************************/
#smallprintcontainer {
	display: block;
	width: 100%;
	background: #111;
	padding: 15px 0 2px 0;
}

#smallprint {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.6875em; /* 11 / 16 */
	max-width: 109.09em; /* 1200px / 11 */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: #ccc;
	text-align: center;
}


	#smallprint a:link, #smallprint a:visited {
		color: #ccc;
		text-decoration: none;
	}

	#smallprint a:hover {
		color: #eee;
		text-decoration: underline;
	}
/*  SECTIONS  ============================================================================= */


.section {
	clear: both;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

.sectionend {
	background: none;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

	.col:first-child {
		margin-left: 0;
	}
/* all browsers except IE6 and lower */

.newline {
	margin-left: 0;
}

/*  GRID OF FIVE   ============================================================================= */


.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
	width: 79.68%;
}

.span_3_of_5 {
	width: 59.36%;
}

.span_2_of_5 {
	width: 39.04%;
}

.span_1_of_5 {
	width: 18.72%;
}

/*  GRID OF FOUR   ============================================================================= */

.span_3_of_4 {
	width: 74.6%;
}

.span_2_of_4 {
	width: 49.2%;
}

.span_1_of_4 {
	width: 23.8%;
}

/*  GRID OF THREE   ============================================================================= */


.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 66.13%;
}

.span_1_of_3 {
	width: 32.26%;
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

.span_1_of_1 {
	width: 100%;
}


/*  PAGE IMAGES   ============================================================================= */

img.pagegridimage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

/*  PAGE FEATURES  ============================================================================= */


.pagefeature {
	border-top: 2px solid #667744;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeaa), to(#eeffbb));
	background: -moz-linear-gradient(top, #ddeeaa, #eeffbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeaa', endColorstr='#eeffbb');
}

/*  SECTIONS  ============================================================================= */

.section {
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

.sectionend {
	background: none;
}


.failureNotification {
	font-size: 1.2em;
	color: Red;
	display: block;
}

.RedInLine {
	font-size: 1.2em;
	color: Red;
	display: inline;
}

.ChocoInLine {
	font-size: 1.2em;
	color: chocolate;
	display: inline;
}

.actionResponse {
	font-size: 1.2em;
	color: Red;
	display: block;
}

/*  ICON LINKS ============================================================================= */

a.iconlink {
	padding-left: 10px;
	background: url(/images/icon.gif) no-repeat top left;
}


/* FORMS ============================================================================= */

.chk {
	width: 10px;
}

div.container {
	border: 1px solid red;
	padding: 10px;
	background: #ffe386;
	background: -moz-linear-gradient(top, #ffe386 0%, #f9d57f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe386), color-stop(100%,#f9d57f));
	background: -webkit-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
	background: -o-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
	background: -ms-linear-gradient(top, #ffe386 0%,#f9d57f 100%);
	background: linear-gradient(top, #ffe386 0%,#f9d57f 100%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	div.container ol li {
		list-style-type: none;
		background: url(/images/unchecked.gif) no-repeat 0px 2px;
	}

	div.container ol {
		padding: 10px 0 0 10px;
	}




div.container {
	display: none
}

.container label.error {
	display: inline;
	margin-left: 20px;
}

label sup {
	font: bold 12px Arial;
}


/*  GLOBAL OBJECTS ============================================================================= */

.breaker {
	clear: both;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}


/*  MEDIA QUERIES ============================================================================= */
@media screen and (max-width: 1100px) {
	#topright a:link, #topright a:visited {
		font-size: 1em;
	}
	/*.enquire { margin-top:8px; }
	
	.about-your-stay { float:left; }
	.calendar-detail { width:70%; }*/

}

@media screen and (max-width: 1024px) {
	nav ul#menu {
		float: left;
		width: 100%;
		margin-left: 1em;
	}

	nav img.reflection {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	#toplogo img.logo {
		width: 200px;
	}

	#toplogo img.text {
		width: 280px;
		left: 160px;
	}

	#toplogo img.text {
		width: 480px;
		/*		top: 14px;
		left: 160px;
*/
	}
}

@media screen and (max-width: 910px) {
	#topright {
		padding: 0 10px 0px 0px;
	}
}

@media screen and (max-width: 840px) {
	#wrapper, header {
		width: 100%;
	}

	#navcontainer {
		float: left;
		background: #667744;
	}

	nav {
		float: left;
		width: auto;
		height: auto;
	}

	#topimagecontainer {
		float: left;
	}

	#topimagecontainer {
		margin-top: 20px;
	}
}

@media screen and (max-width: 800px) {
	/*.lodge_facilties .col,
	.about-your-stay-wrap { width: 100%; margin:0 0 1em 0; }
	
	.f_tripadvisor { margin-right:1em; }
	.f_facebook {  }
	.f_facebook, .f_twitter { width:47.2%; clear:none; }*/
}

@media screen and (max-width: 768px) {
	/*.f_tripadvisor { width:100%; margin:0 0 1em 0; }
	.f_facebook { margin-left:0; }*/
}

@media screen and (max-width: 600px) {
	.span_1_of_2, .span_2_of_2,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
		width: 100%;
		margin: 0 0 1em 0;
	}

	#toplogo img.logo {
		width: 100px;
	}

	#toplogo img.text {
		width: 450px;
		left: 20px;
	}

	#topright {
		visibility: hidden;
	}
	/*.enquire, .telephone { float:left; margin:0; padding:0; }
	.enquire { margin-left:20px; }
	.telephone img { width:20px; padding:10px 0 0 0;}*/
	header {
		padding: 0 0 40px 0;
	}

	a.menuToggle {
		float: left;
		width: 100%;
		display: block;
		color: #fff;
		padding: 16px 0 14px 40px;
		font-size: 16px;
		cursor: pointer;
		text-indent: 1em;
		background: url(/images/icon-nav.png) no-repeat 20px 20px;
	}

	nav ul#menu {
		display: none;
	}

	.dropdown_1column,
	.dropdown_2columns,
	.dropdown_3columns,
	.dropdown_4columns,
	.dropdown_5columns {
		width: 100%;
	}

	nav ul#menu li {
		float: left;
		width: 80%;
		text-align: left;
	}

		nav ul#menu li .dropdown_1column,
		nav ul#menu li:hover .dropdown_1column,
		nav ul#menu li .dropdown_2columns,
		nav ul#menu li:hover .dropdown_2columns,
		nav ul#menu li .dropdown_3columns,
		nav ul#menu li:hover .dropdown_3columns,
		nav ul#menu li .dropdown_4columns,
		nav ul#menu li:hover .dropdown_4columns,
		nav ul#menu li .dropdown_5columns
		nav ul#menu li:hover .dropdown_5columns {
			z-index: 99999;
		}

		nav ul#menu li .drop, nav ul#menu li:hover .drop {
			background: none;
		}

	.col_1, .col_2, .col_3, .col_4, .col_5, .sub {
		width: 100%;
	}

	#maincontent {
		padding: 0;
	}

	/*.facebook_box { width:100%; }
	input, textarea { width:90%; }
	.googlemap { height:200px; }
	
	 .homevideo { width:98%; }*/

}

@media screen and (max-width: 480px) {
	.span_1_of_2, .span_2_of_2,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
		width: 100%;
		margin: 0 0 1em 0;
	}
}

@media only screen and (min-width: 601px) {
	nav ul#menu {
		display: block !important;
	}
}