/* The design, html and CSS were created by Simon Day ( www.simonday.com ). This sites design and code is copyright 2010 to Simon Day and its replication is strictly forbidden!. Design created on 10th August 2010 */
/* Global reset */
* {margin:0;padding:0;}
/* Generic styles */
body {background:url(../img/html-back.jpg) repeat top left;font-size:62.5%; font-family: Georgia, "Times New Roman", Times, serif; }
.wide p.bigger {font-size:1.6em;}
.wide p.biggernm {font-size:1.6em;margin-bottom:0px;margin-top:25px;}
.wide a {color:#333;}
.left {float:left;}
.right {float:right;}
img, a {border:none;}
.tleft {text-align:left;}
.tright {text-align:right;}
.clr {clear:both;height:1px;}
.clr20 {clear:both;height:20px;}
.cen {text-align:center;margin:0 auto;}
acronym {border-bottom:dotted 1px #999; cursor:help;}
img a:hover {border:none; outline:none; background-image:none;}
h4 {font-size:1.4em;font-weight:bold;color:#3E3E3E;margin:14px 0 10px 0;}
tr.one {background-color: #D3D3D3;padding:5px}
tr.two {background-color: #ADADAD;padding:5px}
tr.one td {font-size:1.2em;padding:1px;color:#3E3E3E;padding:0 3px;}
tr.two td {font-size:1.2em;padding:1px;color:#3E3E3E;padding:0 3px;}
tr.one.headline td {font-size:1.3em; font-weight:bold; background-color:#515151;color:white;}
/* Container styling */
#container {background:url(../img/body_background4.jpg) no-repeat top center;}
#wrapper {width:908px;margin:0 auto; position:relative;height:1075px;}
#MainLeft {width:659px;margin-right:10px;}
#MainRight {width:215px;}
.TwoThirds {width:310px;float:left;margin-top:20px;margin-right:30px;}
.OneThird {width:310px;float:left;margin-top:20px;}
#MainLeft, #MainRight {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;float:left;margin-top:13px;min-height:480px;height:auto !important;height:480px;}
/* Top Leaflets */
#leafletMulti {width:305px;height:340px;position:absolute;top:100px;left:0; background:url(../img/leaflet-multi.png) no-repeat top left;}
#leafletSingle {width:300px;height:350px;position:absolute;top:140px;right:238px;background:url(../img/leaflet-single.png) no-repeat top left;}
#leafletSingle h2 , #leafletMulti h2 {text-indent:-5000px;display:none;}
/* Making the Two top leaflets clickable. Can disable if required */
#leafletMulti a {width:305px;height:340px;display:block;text-indent:-5000px;}
#leafletSingle a {width:299px;height:349px;display:block;text-indent:-5000px;}
/* Telephone */
#telephone {margin-top:130px;width:100%;float:left;height:45px;}
#telephone h1 {text-indent:-5000px;}
/* Main Content */
#content {width:895px;float:left;margin-top:255px;min-height:620px;height:auto !important;height:620px;}
/* Header Content */
#header {width:100%;float:left;height:66px;}
#headerleft {width:570px;float:left;}
#headerleft h1 {font-size:3em;color:#3E3E3E;padding-left:0.5em}
#headerleft h2 {font-size:1.6em;color:#3E3E3E;padding-left:1em}
#headerright {width:324px;float:left;}
#headerright p {font-size:1.6em;text-align:right;padding-right:0.5em;margin-bottom:12px;}
#headerright p a {font-weight:bold;color:#666;}
#headerright p.red {color:#930;font-size:17px;}
/* Navigation */
#navigation {width:100%;height:40px;float:left;margin-left:0.5em;display:inline;}
#navigation ul {width:95%;float:left;height:40px;display:block;}
#navigation li {list-style-type:none;padding:0 10px;display:inline;font-size:1.6em;float:left;margin-top:12px;width:auto;border-right:solid 1px #999;}
#navigation li.first {padding-left:0px;}
#navigation a {color:#666; text-decoration:none;padding:6px;}
#navigation a:hover {color:white; background-color: #333333}
/* Central Content */
#MainRight h2 {font-size:1.6em;color:#3E3E3E; text-align:center;margin-top:6px;}
#MainRight h3 {font-size:1.2em;color:#3E3E3E;padding:0 10px;margin-top:-10px;}
#MainRight ul {font-size:1.2em;color:#3E3E3E;margin-top:-10px;}
#MainRight li {margin-left:22px;}
/* 2 section boxes above the main content */
.fiftyleft {width:320px;float:left;margin-right:10px;}
.fiftyleft p {padding:10px;font-size:1.2em;color:#3E3E3E}
.fiftyright {width:320px;float:left;}
.fiftyright p {font-size:1.6em; line-height: 20px;width:140px;color:#3E3E3E;}
.map {background:url(../img/map.gif) no-repeat top right;height:174px; position:relative;right:-10px;}
.fiftyright p.larger {font-size:1.4em;margin:4px 0px 15px 0px;width:160px}
/* Form styling for the homepage only */
form.homeform {margin-top:6px;}
form.homeform label {display:none;}
form.homeform input {border:none;}
form.homeform input.submit {background:url(../img/go.png) no-repeat top left;width:18px;height:18px;float:left;}
form.homeform input#Genname {background:url(../img/input-top.png) no-repeat top left;width:182px;height:20px;color:#999;padding-left:6px;margin-bottom:10px;float:left;}
form.homeform input#Genemail {background:url(../img/input-bottom.png) no-repeat top left;width:156px;height:20px;color:#999;padding-left:6px;float:left;clear:left;}
/* Form styling for all other pages */
form.otherform {margin-top:6px;border:dashed 2px #999;width:250px;float:left;padding:10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
form.otherform label {display:none;}
form.otherform input {border:none;}
.setheight {min-height:110px;height:auto !important;height:110px;}
form.otherform input {background:url(../img/input-top.png) no-repeat top left;width:182px;height:20px;color:#999;padding-left:6px;margin-bottom:10px;float:left;}
form.otherform input.submit {background:url(../img/tear-submit.png) no-repeat top left;width:144px;height:39px;clear:left;margin-top:10px;}
form.otherform input.submit:hover {background:url(../img/tear-submit.png) no-repeat; background-position:-144px 0px;width:144px;height:39px;clear:left;}
/* Footer Section */
#footer {width:100%;clear:left;float:left;/*margin-top:14px;*/}
#footer a {color:#3E3E3E;}
#footer p {font-size:1.1em; text-align:center;}
#footer a:hover {color:#900;}
/* Two way split but with a larger and smaller box */
.TwoThirds ul {width:100%;float:left;color:#3E3E3E; list-style-type:none;}
.TwoThirds li {background:url(../img/tick.gif) no-repeat left 4px;padding-left:20px;font-size:1.2em}
.TwoThirds h2, .OneThird h2 {font-size:2.6em; font-family:Georgia, "Times New Roman", Times, serif;color:#3E3E3E;margin-bottom:10px;}
.TwoThirds p, .OneThird p {font-size:1.2em;color:#3E3E3E;margin-bottom:8px;}
.TwoThirds h3, .OneThird h3 {font-size:3em;color:#900;text-align:center;border:solid 2px #993300;background-color:#FFCC00;-moz-border-radius: 6px;-webkit-border-radius: 6px;text-shadow: 1px 2px 1px #b39313;}
/* Full width Content styling */
.wide {}
.wide h2 {font-size:2.6em; font-family:Georgia, "Times New Roman", Times, serif;color:#3E3E3E}
.wide ul {width:100%;float:left;color:#3E3E3E; list-style-type:none;margin-top:10px;}
.wide li {background:url(../img/tick.gif) no-repeat left 4px;padding-left:20px;font-size:1.2em}
.wide p, .OneThird p {font-size:1.2em;color:#3E3E3E;margin-bottom:8px;}
.wide.alt {overflow: auto;
height: 470px;
padding-right: 10px;}
.wide.alt p, .wide.alt h2 {
font-family: Georgia, "Times New Roman", Times, serif;color:#3E3E3E;
}
/* Testimonials */
.quote {background:url(../img/quote-bottom.png) no-repeat bottom right;padding-bottom:-1px;}
.quote p {position:relative;font-size:1.2em;color:#3E3E3E}
.quote img {float:left;width:auto;padding:0 5px 5px 0;}
.quote span {margin-top:-20px;display:block}
.quote span img {float:right;width:48px;height:45px;padding:5px 0 0 0}
/* I N N E R P A G E S S T Y L I N G */
body#inner {}
body#inner #container {background:url(../img/mat-inner-content2.jpg) no-repeat top center;}
body#inner #content {margin-top:165px;}
body#inner .TwoThirds, body#inner .OneThird {margin-top:0px;min-height:460px;height:auto !important;height:460px;}
body#inner #navigation li {margin-top:10px;}
/* Social Media */
ul.SocialMedia {width:100%;float:left;clear:left;}
ul.SocialMedia li {float:left;width:180px;}
ul.SocialMedia li a {display:block;width:100%;height:109px;text-indent:-5000px;}
li.twitter {background:url(../img/twitter.png) no-repeat top left;width:151px;height:109px;margin-left:50px;}
li.facebook {background:url(../img/facebook.png) no-repeat top left;width:119px;height:109px;}
li.linkedin {background:url(../img/linkedin.png) no-repeat top left;width:86px;height:109px;}