@charset "utf-8";
/* CSS Document */

/****** RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }



/***** GENERAL *****/

html,body{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 14px;
	line-height:21px;
	vertical-align: baseline;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	color:#f2f2f2;
	background-color:#333333;
}

.cleaner { clear:both; }
.mc { margin:0 auto; display:block; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }
.ml30 { margin-left:30px; }
.mr30 { margin-right:30px; }
.pt30 { padding:30px 0; }
.text_ct { text-align:center; }
.text_lf { text-align:left; }
.text_rt { text-align:right; }

.bgc_grey { background-color:#f5f5f5; color:#333333; }

h1 { font-size:21px; padding:20px 0; font-weight:300; color:#43A420; }
h2 { font-size:19px; padding:20px 0; font-weight:300; color:#43A420; }
h3 { font-size:21px; padding:10px 0 20px; color:#FFFFFF; font-weight:300; }

#pagewrapper { width:960px; margin:0 auto; text-align:justify; }
#pagewrapper p { padding:10px 0; }
#pagewrapper p.handwriting { padding:10px 0; font-family: 'Qwigley', cursive; font-size:35px; text-align:right; }

#pagewrapper .box { width:270px;padding:30px 65px 30px 0; float:left;  }
#pagewrapper .box.last { padding-right:0 !important; }
#pagewrapper .box2 { width:130px;margin:10px 40px 20px; background-color:#ffffff; float:right; text-align:justify; }
#pagewrapper .box50 { width:440px;margin:10px 70px 10px 0; background-color:#ffffff; float:left; }
#pagewrapper .box50.last { margin-right:0 !important; }
#pagewrapper ul {
    margin: 0 0 15px 0;    
}

#pagewrapper li {
    list-style:  none;
    background-image: url(../images/bullet_list.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 22px;
    padding-left: 20px;
	margin-bottom:10px;
}

#contact_bar { padding:5px 0; width:100%; height:20px; background-color:#333333; color:#f2f2f2; font-size:12px; font-weight: 400; }
.goright { float:right; }

#white_bgpage{ background-color:#ffffff !important; color:#454545; padding:0 15px; }
#white_bar{ width:100%; background-color:#ffffff; color:#454545; padding:30px 0; }
#green_bar{ width:100%; background-color:#246A0B; color:#ffffff; padding:30px 0; }
#green_bar #pagewrapper h1 { color:#ffffff; }
#green_bar p{ font-size:18px; font-weight:100; }
#grey_bar{ width:100%; background-color:#f5f5f5; padding:30px 0; color:#333333; text-align:justify;}
#grey_bar .box p.h110 { height:110px; }
#dark_grey_bar{ width:100%; background-color:#d5d5d5; color:#454545; padding:30px 0; }
.our_partner_logo { width:75px; height:60px; margin:0 15px; display:block; float:left; }

#top_menu 
{  
	width:100%; height: 24px; padding:13px 0; background-color:#f2f2f2; color:#777777; border-bottom: 1px solid #d9d9d9;  text-transform: uppercase; font-weight:400;
	font-size:16px;
}
a.menu_link { color:#777777; margin-right:40px; cursor:pointer; float:left; text-decoration:none;}
a.menu_link:hover { color:#43A420; }
.menu_link_selcted { margin-right:40px; font-weight:700;  float:left; color:#43A420;}
#clout-banner
{
	height:420px;
	background-image: url("../images/bg.jpg");
	background-repeat: repeat-x;
	background-position: top;
}
.green_button {
	width:130px; height:20px;
	font-size:14px;
	display:block;
	padding:10px 20px;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	font-weight:400;
	border:1px solid #194c07;
	background: #43a420; /* Old browsers */
	background: -moz-linear-gradient(top,  #43a420 0%, #246a0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43a420), color-stop(100%,#246a0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #43a420 0%,#246a0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #43a420 0%,#246a0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #43a420 0%,#246a0b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #43a420 0%,#246a0b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a420', endColorstr='#246a0b',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.green_button:hover {
	background: #246a0b; /* Old browsers */
	background: -moz-linear-gradient(top,  #246a0b 0%, #43a420 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#246a0b), color-stop(100%,#43a420)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #246a0b 0%,#43a420 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #246a0b 0%,#43a420 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #246a0b 0%,#43a420 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #246a0b 0%,#43a420 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246a0b', endColorstr='#43a420',GradientType=0 ); /* IE6-9 */
}

.white_button {
	width:130px;
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	font-weight:400;
	padding:10px 22px;
	text-decoration:none;
	box-shadow:none !important;

}

.white_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}

.white_button:active {
	position:relative;
	top:1px;
}

.form_btn { width:110px !important; height:45px !important; display:block; padding:5px 15px; margin-top:20px; }



.no_colour { 
	opacity:0.5;    
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.no_colour:hover { 
	opacity:1; 
    filter: none;	
}

#map-canvas {
	height: 550px;
	width:100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

#clout_contact {
	width:100%;  
	position: relative;
	margin-top:460px;
	background-color:#ffffff; color:#333333;
	height:570px;
}

#clout_thanks {
	width:100%;  
	position: relative;
	margin-top:460px;
	background-color:#ffffff; color:#333333;
	height:320px;
}

#popup_thanks {
	height:600px;
}

#clout_contact_wrapper{
	width:960px; left:50%; margin-left:-480px; position:absolute; top: -50px; 
}


.clout_contact_form{
	width:500px; padding:0 30px; float:left; margin-right:30px; 
	background-color:#ffffff; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
}

.clout_contact_address{
	width:280px; padding:0 30px; float:left;
	background-color:#ffffff; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
}
.clout_contact_address p{line-height:25px; }

.contact_item { width:90px; display:block; float:left;}
.error_boxes { 
	background: #eb5c58; /* Old browsers */
	background: -moz-linear-gradient(top,  #eb5c58 0%, #c43c35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb5c58), color-stop(100%,#c43c35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eb5c58 0%,#c43c35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eb5c58 0%,#c43c35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eb5c58 0%,#c43c35 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eb5c58 0%,#c43c35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5c58', endColorstr='#c43c35',GradientType=0 ); /* IE6-9 */
	border: 1px solid #922c27;
	padding:10px;
	margin-bottom: 20px;
	color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

input {
	border:0; 
	padding:5px 10px; 
	font-size:15px; 
	font-family: 'Oxygen', sans-serif;
	color:#777777; 
	border:solid 1px #ccc; 
	margin:0 0 20px; 
	width:300px;						
}
input:focus { border:solid 1px #43A420; }

textarea{
	width: 310px;
	height: 120px;
	border:solid 1px #ccc;
	padding: 5px;
	font-size:15px; 
	font-family: 'Oxygen', sans-serif;
	color:#777777; 
	overflow:hidden; resize: none;
}
textarea:focus { border:solid 1px #43A420; }

.footer { padding:30px; font-size:12px; font-weight:400; }

.footer_logo { width:100px; float:right; }
.footer_links { width:280px; float:left; color:#ffffff; }

a.footer_menu { color:#ccc; text-decoration:none; font-weight:300; font-size:14px; }
a.footer_menu:hover { text-decoration:underline;  color:#ffffff; }

/* Smartphones (portrait) ----------- */
/*
@media only screen and (max-width: 767px)  
{
#pagewrapper { max-width:95%; }
	
}*/