/* CSS Document */

body {
	background: #0b3800 /* DARK COLOR TO CHANGE */
}

* {padding: 0; margin: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif}

/* -------------------- MAIN LAYOUT DIVS --------------------- */

#container {
	margin: 0 auto;
	width: 770px;
	overflow: hidden;
	background: #fff;
	padding-bottom: 10px;
	}
	
#top {
	position: relative;
	width: 100%;
	height: 30px;
	border-top: 10px solid #0b3800; /* DARK COLOR TO CHANGE */
	background: #39a31d;    /* COLOR TO CHANGE */
}

#main-image {
	position: relative;
	width: 100%;
	float: right;
	height: 170px;
	background: #000;
	overflow: hidden;
	left: 0px;
	top: 2px;


}

#lftcol {
	float: left;
	width: 150px; /*
	padding-bottom: 160px;*/
	background: url(images/lftcol.jpg) left bottom #d4d4d4;  
}

#rgtcol {
	float: right;
	width: 620px;
	background: #fff;
	padding-bottom: 40px;
}

#compliancy {float: right; width: 770px; background: #fff; border-top: 1px solid #eee; color: #777; font-size: 0.9em; }

#styles {width: 150px; float: right; margin: 15px; background: #fff; border: 1px solid #666; padding-bottom: 10px}

#colours {float: left; width: 150px; color: #000}
#colours a img {float: left; display: block; height: 25px; margin-left: 2px; width: 25px;}

#images {float: left; width: 154px; margin-top: 5px; color: #000}
#images a {margin: 5px 4px 0 4px; float: left; display: block; height: 20px; line-height: 20px; text-decoration: none; width: 20px; background: #888; color: #fff; text-align: center}
#images a:hover {background: #000; color: #fff}
#images span {float: left; display: block; height: 25px; line-height: 25px}

#Layout {float: left; width: 150px; color: #000}
#Layout a {margin: 0 0 5px 0; float: left; display: block; height: 20px; line-height: 20px; text-decoration: none; width: 110px; background: #ddd; color: #000; text-align: center; font-weight: normal}
#Layout a:hover {background: #666; color: #fff}

/* ----------------------------- LOGO ---------------------------- */

h1 a{
	position: absolute;
	top: 50px;
	left: 25px;
}
	
h1 a span {display: none}


/* ----------------------------- LINKS ---------------------------- */

a {color: #39a31d; font-weight: bold}      /* COLOR TO CHANGE */
a:hover {color: #000}

/* --------------------------- MAIN NAV -------------------------- */

#lftcol ul {
	margin-top: 20px;
	width: 150px;
	list-style: none;
	font-size: 0.70em
}

#lftcol ul li {
	float: left;
	width: 150px;
	border-top: 1px solid #fff
}

#lftcol ul li a {
	float: left;
	text-decoration: none;
	color: #fff;
	display: block;
	height: 2.35em;
	line-height: 2.35em;	
	width: 135px;
	padding-left: 15px;
	background: url(images/link-arrow.gif) 3px 50% no-repeat #39a31d   /* COLOR TO CHANGE */
}

#lftcol ul li a:hover {background: url(images/link-arrow.gif) 3px 50% no-repeat #0b3800} /* DARK COLOR TO CHANGE */


/* ---------------------------- TEXT --------------------------- */

h2, h3, h4 {margin: 15px 15px 5px 15px; border-bottom: 1px solid #39a31d; color: #777; font-weight: normal}  /* COLOR TO CHANGE */

h2 {font-size: 1.35em; line-height: 1.80em}  /* Page title */
h3 {font-size: 1.00em; line-height: 1.50em; font-weight: bold}
h4 {font-size: 0.80em; font-weight: bold ;line-height: 1.60em; border: 0; color: #555}

p {font-size: 0.70em; margin: 10px 15px; color: #333; line-height: 1.6em}
p.Layouttitle {color: #ffffff; line-height: 10px;}
#compliancy p {line-height: 1.2em; margin-left: 165px}

#rgtcol ul {font-size: 0.70em; list-style: outside square; margin: 10px 15px 10px 30px; color: #333; line-height: 1.6em}

p#desc {display: none; height: 0; margin: 0}


/* --------------------------- TOOLS ----------------------------- */
iframe {margin-top: 10px; width: 610px}


/* ------------------------ CONTACT FORM ------------------------ */

form {margin: 15px; font-size: 0.70em; line-height: 1.75em; color: #595959}

input#email, input#phone, input#name {margin-bottom: 5px; font-size: 1.00em; border: 1px solid #777; height: 1.6em; line-height: 1.6em}

form textarea {font-size: 1.00em; border: 1px solid #777; line-height: 1.6em; height: 11.2em}

input#sendbttn {width: 75px; font-size: 0.90em; line-height: 2.0em; height: 2.5em; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #666; border-right: 1px solid #666; background: #eee } /* send button */