@charset "UTF-8";



@font-face {
    font-family: '	', Helvetica;
    src: url('http://www.homeofficepro.net/dev/includes/fonts/NHaasGroteskDSStd-35XLt.otf') format("opentype") ;
}


@font-face {
    font-family: 'Nhaas55', Helvetica;
    src: url('http://www.homeofficepro.net/dev/includes/NHaasGroteskDSStd-45Lt.otf') format("opentype") ;
}

body {
	
background-color: #d2d2d2;	
	
}


.lady {
	
background-image: url(../../images/ladycomputerbkg.jpg);
width: 1000px;
height: 400px;
margin: auto;
	
	
}


.outer {

width: 100%;

}

.formwrap {

width: 80%;

}

.formbox {

margin-left: 250px;

}


.whitebox  {

border: 3px solid #adadad; /* stroke */
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
margin: 0 auto;
width: 800px;



	
}






p {
	font-family: 'Nhaas55', Helvetica;
	font-size: 15px;
	line-height: 16px;
	font-weight: 100;
	color: #455560;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a { 

font-family: 'Nhaas55', Helvetica;
font-size: 15px;
line-height: 16px;
font-weight: 100;
color: #455560;
text-decoration: underline;
margin: 0px;
padding: 0px;
font-style: underline !important;

}

a:hover {

font-family: 'Nhaas55', Helvetica;
font-size: 15px;
line-height: 16px;
font-weight: 100;
color: #455560;
text-decoration: underline;
margin: 0px;
padding: 0px;
font-style: underline !important;


}


h2 {
	font-family: 'Nhaas', Helvetica;
	font-size: 20px;
	line-height: 22px;
	font-weight: 300;
	//color: #5D9732;
	color: #5D9732;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h1 {
	font-family: 'Nhaas', Helvetica;
	font-size: 30px;
	font-weight: normal;
	//color: #5D9732;
	color: #5D9732;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: 'Nhaas', Helvetica;
	font-size: 18px;
	font-weight: 500;
	color:; /*------button colour------*/	text-decoration: none;
	align:left;
	margin: 0px;
	padding: 0px;
}


h4 {
	font-family: 'Nhaas', Helvetica;
	font-size: 18px;
	font-weight: 500;
	color: #5D9732;	
	align:left;
	margin: 0px;
	padding: 0px;
}


h5 {
	font-family: 'Nhaas', Helvetica;
	font-size: 22px;
	font-weight: normal;
	//color: #5D9732;
	color: #5D9732;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}



.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}
	
	
.features p {

	margin-top: 10px;
	margin-left: 60px;
	font-family: 'Nhaas55', Helvetica;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: 200;
	color: #5D9732;
	
}

.features h4 {
	font-size: 1.6em;
	font-family: 'Nhaas55', Helvetica;
	
	color: #5D9732;
	margin-left: 60px;

	
}

.leader {
	background-color: #fff;
	padding: 20px;
	text-align: left;
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
	margin-bottom: 30px;
}

.cent {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	border-radius:			10px;
	margin-bottom: 30px;
}

.cent h1, h2, h5, h3 {

text-align: center;
}



.rightcol img {
	float: left;
}

.rightcol img, h5, h3 {

align: center;


}





.heading-wrap {
	background-color: #5D9732;
	padding: 5px 0;
}





a#btn-register {
	background: #0ebc22; /* Old browsers */
	background: -moz-linear-gradient(top,  #0ebc22 0%, #19ad05 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ebc22), color-stop(100%,#19ad05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0ebc22 0%,#19ad05 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0ebc22 0%,#19ad05 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0ebc22 0%,#19ad05 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0ebc22 0%,#19ad05 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebc22', endColorstr='#19ad05',GradientType=0 ); /* IE6-9 */
	text-align: center;
	font-size: 1.5em;
	-webkit-border-radius:	8px;
	-moz-border-radius:		8px;
	border-radius:			8px;
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
}

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


input[type="text"], input[type="password"], input[type="search"]  {

border: 1px solid #eeeded; /* stroke */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #f9f9fb; /* layer fill content + color overlay */
width: 350px;
height: 25px;
font-family: 'Nhaas', Helvetica;
font-size: 18px;
color: #5D9732;



}

input[type=submit] {


	background-color: #5D9732;
	text-align: center;
	font-size: 1.0em;
	-webkit-border-radius:	8px;
	-moz-border-radius:		8px;
	border-radius:			8px;
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	font-family: 'Nhass', Helvetica;
	border: 0;

}

.cent img {
	float: center;
}

.cent h2 {

font-family: 'Nhass55'. Helvetica;
font-size: 1.5em;
font-weight: normal;


}


#sidebar-a {
	float: right;
	width: 310px;
	background-color: #5D9732;
	clear: both;
	height: 302px;
}

#arrows{
	position:relativel;
	width: 750px;
	height: 53px;
	background-color: #5D9732;
	clear:both;
	margin:0px auto;
}
#mimarrows{
	position:relativel;
	width: 750px;
	height: 53px;
	background-color: white;
	clear:both;
	margin:0px auto;
}
#sidebar-b {
	float: right;
	width: 310px;
	background-color: #5D9732;
	clear: both;
	height: 178px;
}

/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

.loginlinks {
	color: #5D9732;
}

#page-container {
	width: 760px;
	margin: auto;
}
.inputfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#header {
	background-image:url(../../images/header2.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#header-landing {
height: 100px;
}
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.title_text {
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #5D9732;
	text-align: center;
	vertical-align: text-top;
	line-height: 36px;
	padding-bottom: 20px;
}
.bullet_text {
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.bullet_text2 {
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #333333;

}
.head_contact_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #2F3B39;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
}
.subheading {
	font-family: "Lucida Sans", "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: text-top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.form_title {
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
}
.table_align {
	margin-left: 15px;
}
.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 10px;
}
.enter_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eeeeee;
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
}
.text_fields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding-top: 4px;
	vertical-align: top;
}

#content {
	margin-right: 310px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat;
	background-color: #eeeeee;
	background-repeat: repeat;
	padding-top: 10px;
}
.copyright_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#stepsection  {
	clear: both;
	background-image: url(../../images/testi_top_bgnd.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}
.bullet_text_bold {
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: bolder;
	color: #333333;
	text-align: center;
}

#testimonials  {
	clear: both;
background-color: #FFFFFF
	width: 760px;
	display: block;
	background-position: center top;
	padding: 0px;
}
.forget_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding-left: 30px;
	line-height: 13px;
	padding-top: 3px;
}
#footer {
	clear: both;
	width: 760px;
	bacground-image: url(../../images/footer_bar.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-bottom: 10px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	padding-top: 30px;
}

.btn2 {
	float: left;
	//clear: both;
	background:url(../../images/button-css/btn2_left.png) no-repeat;
	padding: 0 0 0 17px;
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.btn2 a{
	float: left;
	height: 70px;
	background:url(../../images/button-css/btn2_stretch.png) repeat-x left top;
	line-height: 70px;
	padding: 0 50px;
	color: #FFFFFF;
	font-size: 3em;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.btn2 span {
	background:url(../../images/button-css/btn2_right.png) no-repeat;
	float: left;
	width: 17px;
	height: 70px;
}

.btn2grayback {
	float: left;
	//clear: both;
	background:url(../../images/button-css/btn2_left_grayback.png) no-repeat;
	padding: 0 0 0 17px;
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.btn2grayback a{
	float: left;
	height: 70px;
	background:url(../../images/button-css/btn2_stretch_grayback.png) repeat-x left top;
	line-height: 70px;
	padding: 0 50px;
	color: #FFFFFF;
	font-size: 3em;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.btn2grayback span {
	background:url(../../images/button-css/btn2_right_grayback.png) no-repeat;
	float: left;
	width: 17px;
	height: 70px;
}

.btn3 {
	float: left;
	//clear: both;
	background:url(../../images/button-css/btn3_left.png) no-repeat;
	padding: 0 0 0 3px;
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.btn3 a{
	float: left;
	height: 39px;
	background:url(../../images/button-css/btn3_stretch.png) repeat-x left top;
	line-height: 39px;
	padding: 0 30px;
	color: #0a6ea0;
	font-size: 3em;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.btn3 span {
	background:url(../../images/button-css/btn3_right.png) no-repeat;
	float: left;
	width: 3px;
	height: 39px;
}

.btn_2 { 
	background-color: #5D9732; /*------button colour------*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF; /*------label colour------*/
	text-decoration: none;
}
.btn_3 { 
	background-color: #5D9732; /*------button colour------*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	color:006598; /*------label colour------*/
	text-decoration: none;
}


.pgrey{
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;

	color: #FFF;
	font-size:20px;
	margin-right: 28px;
	text-align:left;
}

.pgrey2{
font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;

	color: #5D9732;
	font-size:20px;
	margin-right: 28px;

}

.psmall{
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	color: #8a8a8a;
	font-size:18px;
}

.pgreen{
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	color:#4DBD1F;
	font-size: 34px;
	font-weight: bolder;
	margin-bottom: 15px;
	margin-right: 60px;
}
.pgreen2{
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	color:#4DBD1F;
	font-size: 34px;
	font-weight: bolder;
	margin-bottom: 15px;
}
table ul{
	font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	color: #4f4f4f;
	font-size:22px;
	list-style: none;
	margin: 0px;
}
table li{
font-family: "Trebuchet MS", "Lucida Sans", "Gill Sans", Helvetica, Arial, sans-serif;
	color: #4f4f4f;
	font-size:20px;
	list-style:none;
	margin-bottom:10px;
}