/* Finestsites Styles. Created 15/5/2019  */
body {
	margin:0;
	padding:0;
	top:0;
	font-family:Times New Roman;
}

h1 {
	font-family:Arial;
	font-size:1.8em;
	margin-top:25px;
	margin-bottom:25px;
}

h2 {
	font-family:Arial;
	font-size:1.8em;
	margin-top:25px;
	margin-bottom:25px;
}

h3 {
	margin-top:0em;
	margin-bottom:0.5em;
	font-family:Arial;
	font-size:1.4em;
}

h4 { /*Menu Panel*/
	margin:5px;
}

h5 {
	margin:0;
	padding:0;
	font-size:4em;
	font-weight:normal;
}
h6 {
	font-size:1.25em;
	margin-top:0.7em;
	margin-bottom:0.2em;
	font-weight:bold;
}

b {
	font-weight:bold;
}

textarea {
	font-family: Arial, Helvetica;
	font-size:1em;
}

#header {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#235820;
	background: -moz-linear-gradient(left,#235820,#579765);
	background: -webkit-linear-gradient(left,#235820,#579765);
	background: -o-linear-gradient(left,#235820,#579765);
	background: linear-gradient(left,#235820,#579765);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235820', endColorstr='#579765',GradientType=1 ); /* IE6-9 */
	color: #99e336; /*  #bff152; */
}

#onTop {
	position:relative;
	z-index:4;
}

#bgtext1 {
	position:absolute;
	top:20px;
	left:380px;
	z-index:2;
	color:#4d8651;
	font-size:3em;
}

#bgtext2 {
	position:absolute;
	top:10px;
	left:580px;
	z-index:3;
	color:#428617; /* 66,134,23 */
	font-size:2em;
	white-space:nowrap;
}

#bgtext3 {
	position:absolute;
	top:25px;
	left:700px;
	z-index:2;
	color:#174e0d; /* 23,78,13 */
	font-size:2.6em;
	font-weight:bold;
}

#bgtext4 {
	position:absolute;
	top:5px;
	left:850px;
	z-index:2;
	color:#7ec016;
	font-size:2em;
	font-weight:bold;
}

#bgtext5 {
	position:absolute;
	top:30px;
	left:900px;
	z-index:2;
	color:#235820;
	font-size:2em;
}

#bgtext6 {
	position:absolute;
	top:15px;
	left:1000px;
	z-index:2;
	color:#213f09;
	font-size:3em;
}

#bgtext7 {
	position:absolute;
	top:25px;
	left:1170px;
	z-index:2;
	color:#3a5e1e;
	font-size:2.5em;
}

#bgtext8 {
	position:absolute;
	top:-5px;
	left:1250px;
	z-index:2;
	color:#26482f;
	font-size:2.5em;
	white-space:nowrap;
}

#bgtext9 {
	position:absolute;
	top:30px;
	left:1350px;
	z-index:2;
	color:#416f4b;
	font-size:2em;
	white-space:nowrap;
}

#bgEmphasiser { /* This doesn't work in IE 8 or below. Would need to use side-by-side divs */
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:4em;
	background: linear-gradient(left,rgba(23,78,13,0),rgba(23,78,13,1) 30%,rgba(23,78,13,1) 70%,rgba(23,78,13,0));
	background: -moz-linear-gradient(left,rgba(23,78,13,0),rgba(23,78,13,1) 30%,rgba(23,78,13,1) 70%,rgba(23,78,13,0));
	background: -webkit-linear-gradient(left,rgba(23,78,13,0),rgba(23,78,13,1) 30%,rgba(23,78,13,1) 70%,rgba(23,78,13,0));
	background: -o-linear-gradient(left,rgba(23,78,13,0),rgba(23,78,13,1) 30%,rgba(23,78,13,1) 70%,rgba(23,78,13,0));
	background: -ms-linear-gradient(left,rgba(23,78,13,0),rgba(23,78,13,1) 30%,rgba(23,78,13,1) 70%,rgba(23,78,13,0));
	z-index:1;
	font-size:4em;
}

#menu {
	position:absolute;
	top:158px;
	left:0px;
	padding:5px;
	padding-left:10px;
	width:9.5em;
	background-color:#235820;
	background: -webkit-linear-gradient(left,#235820,#579765);
	background: -o-linear-gradient(left,#235820,#579765);
	background: linear-gradient(left,#235820,#579765);
	border-radius: 0px 15px 15px 0px;
	box-shadow: 1px 3px 7px #000000;
	font-family:Arial;
	font-size:1.1em;
	font-weight:700;
	color: #99e336;
	behavior: url(PIE.htc);
}
#main {
	position:relative;
	margin:10px;
	margin-left: 12.5em;
	font-size:1.05em;
	font-weight:300;
	font-family:Arial;
}

#rightpanel {
	position:absolute;
	top:53px;
	right:0px;
	width:160px;
	margin:0px;
}
#widead {
	width:728px;
	height:90px;
	padding:0px;
}

#QuoteBox {
	float:right;
	width:300px;
	margin:0.5em;
	margin-top:0px;
	margin-left:0.8em;
	padding:0.5em;
	background: #579765;
	background: linear-gradient(left,#316933,#579765);
	background: -moz-linear-gradient(left,#316933,#579765); /*3e7944*/
	background: -webkit-linear-gradient(left,#316933,#579765);
	background: -ms-linear-gradient(left,#316933,#579765);
	-pie-background: linear-gradient(left,#316933,#579765);
	border-radius: 15px;
	box-shadow:1px 3px 7px #579765;
	font-size:0.95em;
	font-weight:bold;
	color: #b7f06c;
	text-shadow:1px 1px 2px #235820;
	behavior: url(PIE.htc);
}

#QuoteBox input[type='text'] {
	width:230px;
	font-family:Arial;
	font-size:0.9em; /*12px;*/
}
#QuoteBox textarea {
	margin:0px;
	width:288px;
	font-family:Arial;
	font-size:0.9em; /*12pt;*/
	resize:none;
}
#QuoteBox select {
	width:288px;
}

#MobileMenuButton {
	display:none;
}

.menuItem {
	position:relative; /* This is necessary for pie */
	margin-right:10px; /*This is not visible, but here to get the mouseover smooth */
	padding-left:10px;
	border-radius:10px;
	cursor:pointer;
	behavior: url(PIE.htc);
}

.menuItem:hover {
	position:relative; /* This is necessary for pie */
	margin-right:10px;
	padding-left:10px;
	border-radius:10px;
	-moz-box-shadow: 3px 3px 5px #000000;
	-webkit-box-shadow: 5px 5px 10px #000000;
	box-shadow: 5px 5px 10px #000000;
	background-color:#99e336;
	color:#235820;
	behavior: url(PIE.htc);
}

.doctab {
	border-width:2px;
	border-style:solid;
	border-color:#000000;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}
.doctab td {
	border-width:2px;
	border-style:solid;
	border-color:#000000;
	border-spacing:0px;
	border-collapse:collapse;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}
.hrow {
	font-weight:bold;
}
.bar {
	width:1.2em;
	height:0.2em;
	margin:0.2em;
	margin-left:0.7em;
	background-color:#99e336;
}

a {
	color:#0000ff;
	outline: 0;
}

@media screen and (max-width : 640px) {
	#main {
		margin-left:0.5em;  /*Turn off space for menu on left*/
		padding-right:0.5em !important; /*Turn off space for add */
	}
	#rightpanel {
		position:relative;
		top:10px;
	}
	#menu {
		position:relative;
		top:0px;
		width:100%;
		padding:0px;
		padding-top:5px;
		border-radius: 0px;
		font-size:1.4em;
	}

	#MobileMenuButton {
		display:inline-block;
	}

	#mmenu:hover .menuItem {
		display:block;
	}

	.menuItem {
		display:none;
		border-radius:0px;
	}
}