/* css reset */
html{ height:100%; }
body{
	margin:0;
	background:#f3f3f4;
	font:14px Helvetica, Arial, sans-serif;
	min-width:950px;
	color:#000;
	height:100%;
}
img{border:none;}
a{color:#000;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/* page wrapper */
#wrapper{
	width:100%;
	min-height:100%;
}
* html #wrapper{ height:100%; }
.wrapper-holder{
	/*padding:258px 0 235px;*/
	padding:140px 0 235px;
}
/* header */
#header{
	width:100%;
	overflow:hidden;
	background:url(../www/images/bg-header-small.gif) repeat-x;
	/*height:222px;*/
	height:170px;
	position:absolute;
	top:0;
	padding:0;
	min-width:950px;
}
.header-holder{
	width:950px;
	/*margin:55px auto 0;*/
	margin:15px auto 0;
	overflow:hidden;
}
.logo{
	display:block;
	padding:25px 0 0 12px;
}
.logo a{
	display:block;
	width:305px;
	height:106px;
	background:url(../www/images/bg-logo-wb.png) no-repeat;
	text-indent:-9999px;
}
.contact{
	position:absolute;
	/*top:53px;*/
	top:31px;
	right:0;
	/*background:url(../www/images/bg-contact.gif) no-repeat;*/
	width:240px;
	/*height:157px;*/
	height:130px;
	overflow:hidden;
	color:#00483a;
	font-size:12px;
}
.contact ul{
	margin:0;
	padding:13px 0 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.contact ul li{
	float:left;
	padding:6px 15px 0 20px;
	background:url(../www/images/contact-separator.gif) no-repeat;
}
.contact ul li:first-child{
	background:none;
	padding-left:9px;
}
.contact ul li a{
    color:#00483a;
}
.login-form{
	padding:3px 0 0;
	width:86px;
	overflow:hidden;
}
.inp01{
	background:url(../www/images/bg-inp01.png) no-repeat;
	width:86px;
	height:20px;
	overflow:hidden;
}
.inp01 input{
	width:76px;
	float:left;
	margin:0;
	padding:3px 5px;
	border:0;
	background:none;
	font-size:11px;
	line-height:14px;
	color:#00483a;
	position:relative;
}
/* main box */
#main{
	width:950px;
	margin:0 auto;
	overflow:hidden;
	background:url(../www/images/bg-main-c.gif) repeat-y;
}
.main-holder{ background:url(../www/images/bg-main-t.gif) no-repeat; }
.main-frame{
	height:1%;
	overflow:hidden;
	background:url(../www/images/bg-main-b.gif) no-repeat 0 100%;
	padding:32px 46px 90px;
}
/* navigation */
.nav{
	width:100%;
	overflow:hidden;
	background:#e5e6e6 url(../www/images/bg-nav-l.gif) no-repeat;
	margin:0 0 12px;
}
#nav{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	font-size:21px;
	background:url(../www/images/bg-nav-r.gif) no-repeat 100% 100%;
}
#nav li{
	float:left;
	background:url(../www/images/nav-separator.gif) no-repeat 0 50%;
	padding:0 0 0 4px;
	position:relative;
}
#nav li.first-child{
	background:none;
	padding:0;
}
#nav li a{
	float:left;
	color:#00483a;
	text-decoration:none;
	padding:12px 0;
	text-align:center;
	width: 211px;
}
#nav li.first-child a{ background:url(../www/images/bg-nav-l-hover.gif) no-repeat 0 -9999px; }
#nav li.last-child a{ background:url(../www/images/bg-nav-r-hover.gif) no-repeat 100% -9999px; }
#nav li a.selected,
#nav li a:hover{
	color:#fff;
	background:#00ac54;
}
#nav li.first-child a.selected,
#nav li.first-child a:hover{ background:#00ac54 url(../www/images/bg-nav-l-hover.gif) no-repeat 0 0; }
#nav li.last-child a.selected,
#nav li.last-child a:hover{ background:#00ac54 url(../www/images/bg-nav-r-hover.gif) no-repeat 100% 100%; }
/* content */
#content{
	height:1%;
	overflow:hidden;
}
.heading{
	width:100%;
	overflow:hidden;
	color:#646567;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	margin: 0 0 38px 0;
}
.heading .title{
	width:100%;
	overflow:hidden;
	background:#e5e6e6 url(../www/images/bg-heading-l.gif) no-repeat 0 100%;
	margin:0 0 8px;
}
.heading .title h1{
	margin:0;
	font-size:26px;
	line-height:23px;
	font-weight:normal;
	background:url(../www/images/bg-heading-r.gif) no-repeat 100% 0;
	padding:11px 0 15px;
}
.article{
	height:1%;
	overflow:hidden;
}
.article h2 {
	margin:0;
	padding: 0 0 8px 0;
	font-size:23px;
	line-height:28px;
	font-weight:normal;
	color:#646567;
}
.article h2 a{
	color:#646567;
}

.article h3{
	margin:0;
	font-size:19px;
	line-height:28px;
	color:#939598;
}
.article p{
    line-height: 1.8;
    margin: 0;
    padding: 0 0 22px 0;
    color: #666;
}
.article ul{
    line-height: 1.8;
    margin: 0 0 22px 0;
    color: #666;
}
ul.contact-details{
    list-style-type: none;
    padding: 0;
}
/*section nav*/
.section-nav{
    float: left;
}
.section-nav ul{
    margin: 5px 0 0 0;
    padding: 0 20px 0 0; 
    list-style: none; 
}
.section-nav ul li a{
	display: block;
    border-bottom: 1px solid #DCDDDE;
    font-size:14px;
    line-height: 1.9;
	color: #00483A;
	padding: 8px 0 8px 8px;
	text-decoration: none;
}
.section-nav ul li a:hover{
	background:#DCDDDE;
}
.section-nav ul li a.first{
    border-top: 1px solid #DCDDDE;    
}
/*FEATURES*/
.features_overview{
    float:left;
    width:100%;
    padding-bottom:30px;
    border-bottom:1px dotted #e3e3e3;
    margin-bottom:30px; 
}
.features_overview_left{ 
    float:left;
    width:310px;
}
.features_overview_right{ 
    float:left;
    width:350px; 
}
.features_overview a{
	margin:0;
	font-size:19px;
	line-height:28px;
	text-decoration:none;
	color:#00AC54;
}
/* sub nav */
.call-to-action{
	float:right;
	width:189px;
	background:url(../www/images/bg-sub-nav-c.gif) repeat-y;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	margin: 0 0 0 8px;
}
.call-to-action .holder{ background:url(../www/images/bg-sub-nav-t.gif) no-repeat; }
.call-to-action ul{
	margin:0;
	padding:28px 12px 14px;
	list-style:none;
	line-height: 1.2em;
	height:1%;
	overflow:hidden;
	background:url(../www/images/bg-sub-nav-b.gif) no-repeat 0 100%;
}
.call-to-action ul li{ padding:0 0 12px; }
.call-to-action ul li a{
	display:block;
	width:100%;
	height:27px;
	overflow:hidden;
	text-align:center;
	background:url(../www/images/bg-subnav.gif) no-repeat;
	text-decoration:none;
	color:#97999c;
	padding:10px 0 0;
}
.call-to-action ul li a:hover{
	background-position:0 -37px;
	color:#fff;
}
/* contact forms*/
.contact-form ul{
    padding: 8px 0 0 0;
}
.field-wrapper{
    list-style: none;
}
.field-wrapper label{
    float: left;
    width: 110px;
}
.error-list{
    margin: 4px 0 12px 0 !important;
    padding: 0 0 0 0 !important;
}
.error-list li{
    padding: 0 0 0 110px;
    color: red;
}
button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

button.rounded {
background: transparent url(../www/images/btn_right.png) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

button.rounded span {
background: transparent url(../www/images/btn_left.png) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}
/* main list */
.main-list{
	float:left;
	width:580px;
	padding:0 0 0 70px;
	font-size:18px;
	line-height:24px;
}
.main-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.main-list ul li{
	width:100%;
	overflow:hidden;
	padding:0 0 30px;
}
.main-list ul li .ill{
	float:left;
	width:63px;
	padding:3px 17px 0 0;
}
* html .main-list ul li .ill{ padding-right:14px; }
.main-list ul li .ill img{ display:block; }
.main-list ul li .text{
	height:1%;
	overflow:hidden;
}
.main-list ul li h2{
	margin:0;
	font-size:23px;
	line-height:28px;
	color:#939598;
}
.main-list ul li p{ margin:0; }
.main-list ul li .more{
	color:#27b96e;
	text-decoration:none;
}
.main-list ul li .more:hover{ text-decoration:underline; }
/* says form */
.quotes{
	width:100%;
	overflow:hidden;
}
.quotes .title{
	height:1%;
	padding:0 0 0 50px;
	overflow:hidden;
}
.quotes .title span{
	float:left;
	background:#e5e6e6 url(../www/images/bg-label-l.gif) no-repeat;
}
.quotes .title span span{
	float:left;
	background:url(../www/images/bg-label-r.gif) no-repeat 100% 0;
	color:#818285;
	font-size:22px;
	line-height:28px;
	padding:15px 25px 12px;
	font-weight:bold;
}
.quotes .quote-box{
	width:678px;
	height:116px;
	padding:20px;
	background:url(../www/images/bg-textarea.gif) no-repeat;
}
.quotes .quote-box .quote{
	margin:0;
	width:678px !important;
	overflow:auto;
	border:0;
	color:#818285;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	line-height:22px;
}
.quotes .quote-box .quote-sig{
	margin:0;
	overflow:auto;
	border:0;
	color:#818285;
	font-size:14px;
	padding:6px 0 12px 0;
}
.quotes .more{
	color:#27b96e;
	text-decoration:none;
	font-size:12px;
    font-style:normal;
    padding:0 0 0 6px;
}
.quotes .more:hover{ text-decoration:underline; }
.sharethis
{
   margin: 0 0 12px 0;
}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../www/images/bg-footer-l.gif) repeat-x;
	margin:-185px 0 0;
}
#footer .bg{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:185px;
	background:url(../www/images/bg-footer-r.gif) repeat-x;
}
#footer .holder{
	width:100%;
	overflow:hidden;
	background:url(../www/images/bg-footer-c.gif) no-repeat 50% 0;
	position:relative;
	z-index:2;
}
#footer .frame{
	width:950px;
	margin:0 auto;
	overflow:hidden;
	height:185px;
}
#footer .three-columns{
	width:858px;
	overflow:hidden;
	padding:10px 46px 25px;
}
#footer .three-columns .column{
	float:left;
	width:270px;
	padding:0 8px;
	overflow:hidden;
}
.legal{
    font-size: 12px;
    margin: 8px 0 0 0;
    color: #666;
}
.legal a{
    font-size: 12px;
    margin: 8px 0 0 0;
    color: #666;
}