/* =reset
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,caption,th,td,iframe,img,abbr,acronym{margin:0;padding:0;border:0;}
body,div,dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,select,input,textarea,p,th,td,address,caption{font-family:arial,"helvetica neue",helvetica, sans-serif;}
acronym,address,caption,code,cite,dfn,em,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th{text-align:left;}
img{display:block;}
dt{font-weight:bold;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
sub{position:relative;bottom:-.25em;vertical-align:baseline;}
sup{position:relative;bottom:.33em;vertical-align:baseline;}
label,input.submit,input.reset,input.image{cursor:pointer;}
code{line-height:1em;font-family:monospace;}
textarea{overflow:auto;font-size:100%;}
body{font-size:10px;color:#000;background:#f0f0f1;}
a:link,a:visited{text-decoration:none;color:#0071bc;}
a:hover{text-decoration:underline;}
html>body a:hover{text-decoration:none;border-bottom:1px dotted #0071bc;}

/* =typography (body copy 12px / leading 17px)
--------------------------------------------- */
.fauxh1 {line-height:1em;font-size:300%;font-family:rockwell,georgia,times,"times new roman",serif;font-weight:bold;color:#fff;}
.fauxh1 span {float:left;padding:9px 15px 3px 10px;background:#67be22;}
h2, .fauxh2 {float:left;margin:0 0 5px -10px;padding:9px 15px 3px 10px;line-height:1em;font-size:240%;font-family:rockwell,georgia,times,"times new roman",serif;font-weight:bold;color:#fff;background:#67be22;}
h3, .fauxh3, h2.fauxh3 {clear:both;line-height:1em;font-size:140%;font-family:rockwell,georgia,times,"times new roman",serif;font-weight:bold;}
h4, .fauxh4, h5, .fauxh5 {margin:1.214em 0;line-height:1.214em;font-size:140%;}
h6, .fauxh6 {margin:1.545em 0;line-height:1.545em;font-size:110%;}
small {display:block;font-size:110%;color:#888;}
.meta {color:#888;}

/* h3 */
#content-primary h3 {float:left;margin:5px 0 0 -40px;}
#content-secondary h3, #content-secondary .fauxh3 {padding:16px 10px 9px;background:#464749;color:#fff;}
#content-secondary .benefits h3, #content-secondary .benefits .fauxh3 {padding:2px 10px 8px;background:none;color:#000;}
#content-primary h3 span, #content-primary h3 em, #content-singular .fauxh3 span, #content-singular .fauxh3 em  {float:left;padding:8px 10px 4px;color:#fff;background:#67be22;}
#content-primary h3 em, #content-singular .fauxh3 em {padding:7px 10px 5px;background:#009344;}

dl, ul, ol, fieldset, pre, p, blockquote, address {margin:1.417em 0;line-height:1.417em;font-size:120%;}
blockquote p {font-size:100%;}
blockquote p cite {display:block;font-weight:bold;}
caption, th, td {line-height:1.417em;font-size:120%;}
ul ul, ol ol, ol ul, ul ol {margin:0;font-size:100%;}
.bulleted {list-style:disc;}

/* =helpers
--------------------------------------------- */
.clearfix:after, #container:after {content: ".";clear:both;display:block;visibility:hidden;height:0;}
.clear {clear:both;}
.structural {position: absolute;top:-9999em;left:0;color:#000;background:#fff;}
.hr {clear:both;margin:0 0 1.1em;height:.1em;background:#eee;}
.hr hr {display:none;}
#container .last {border:none;}

/* =layout
--------------------------------------------- */
#container {position:relative;margin:0 auto 10px;padding:0 10px 10px;width:940px;background:#fff;}/* ie.css */
#header {float:left;width:940px;}
#footer {padding:0 0 4px;}

#content {float:left;width:940px;margin:0 0 20px;padding:30px 0 0;background:url(/images/bg_content.png) repeat-x;}
#content-primary {float:left;width:560px;padding:0 80px 0 75px;}
#content-secondary {float:left;width:225px;padding:95px 0 0;background:url(/images/logo.png) no-repeat 125px 0;}

/* =modules
--------------------------------------------- */
.hygiene {float:right;width:705px;font-weight:bold;color:#fff;background:#464749 url(/images/sprt_hygiene.png) no-repeat -10px -10px;}
.hygiene p {float:left;margin:0;padding:9px 15px 9px 30px;border-right:1px solid #999;background:url(/images/sprt_hygiene.png) no-repeat -2px -140px;}
.hygiene small {float:right;padding:10px 15px 10px 0;font-weight:normal;}
.hygiene .terms {padding-left:15px;font-size:110%;font-weight:normal;background:none;}
.hygiene a:link, .hygiene a:visited, .hygiene small {color:#fff;}
html>body .hygiene a:hover{border-color:#fff;}
#header .hygiene {background-position:-10px -91px;}

.benefits {clear:both;margin: 0 0 20px -10px;padding:15px 0 10px;border-top:1px solid #dcdddf;background:#f1f2f4;}/* ie.css */
.benefits p, .benefits h4, .benefits .fauxh4 {margin:0;padding:0 10px 10px;}
.benefits ul {margin:0;line-height:1.166em;}
.benefits li {padding:6px 15px 14px 35px;background:url(/images/icon_arrow.png) no-repeat 14px 5px;}/* ie.css */
.benefits li li {padding:7px 0 0 12px;background:url(/images/icon_bullet.png) no-repeat 0 13px;}
.benefits li p {padding:0;font-size:100%;}
.benefits li h4, .benefits li .fauxh4 {padding:0;font-size:116.6%;}
#content-secondary .benefits {margin-left:0;border-top:0;background:#f1f9e1;}
#content-secondary .benefits li {padding:6px 15px 7px 35px;border-top:1px solid #dadfd8;background-image:url(/images/icon_tick.png);}
#content-secondary .benefits .phone {background-image:url(/images/icon_phone.png);}

.promos {margin:0;font-size:100%;}
.promo {float:right;width:225px;margin:0 0 20px;background:#edeef0;}
.promo img {margin:0 0 7px;}
.promo p {margin:0;padding:0 0 7px 15px;line-height:1.43em;font-size:110%;}
.promo p strong {display:block;}
.promo .fauxh4, .promo .fauxh4 img {margin:0;}
#content-primary .promo {margin-top:20px;}

.promo-quote {width:175px;padding:57px 20px 0 30px;color:#fff;background:#00882d url(/images/bg_promo-quote.png) no-repeat;}
.promo-quote p {margin:0 0 0 -30px;}
.promo-quote ul {position:absolute;top:0;left:0;width:999em;margin:0;text-align:center;color:#000;}
.promo-quote li {float:left;width:175px;}
.promo-quote blockquote {margin:0;font-size:140%;}
.promo-quote blockquote p {margin:0;padding:0;line-height:1.214em;font-size:100%;}
.promo-quote .revolver {position:relative;width:175px;height:110px;overflow:hidden;}

.hot-hover {cursor:pointer;}
.hot-hover a {text-decoration:underline;}
html>body .hot-hover a {text-decoration:none;border-bottom:1px dotted #0071bc;}

/* =header
--------------------------------------------- */
#brand h1 {clear:right;float:left;width:210px;margin:20px 0 0;padding:0 0 0 15px;}

#nav {float:right;margin:20px 0 5px;line-height:1.166em;font-weight:bold;}
#nav li {float:left;padding:0 0 0 5px;}
#nav a:link, #nav a:visited {float:left;width:45px;height:5em;padding:10px 20px 0 10px;color:#000;background:#c6c7cb url(/images/sprt_nav.png) repeat-x 0 -10px;}
#nav a:hover {height:4.5em;border-bottom:.5em solid #00882d;text-decoration:none;}
#nav .active a:link, #nav .active a:visited {height:4.5em;border-bottom:.5em solid #00882d;color:#fff;background:#adc901 url(/images/sprt_nav.png) repeat-x 0 -96px;}

/* =content
--------------------------------------------- */
.intro {clear:both;margin:0;padding:16px 0 25px;line-height:1.25em;font-size:180%;color:#666;}
.intro-client {clear:left;}

.content-img {float:right;margin:20px 0 5px 10px;}
.img-client {float:right;clear:both;margin:1.5em 0 0;}

.copy {clear:left;float:left;width:305px;margin:0 10px 0 0;}
.copy2 {clear:both;padding:1px 0 0;}
.copy3 {clear:left;float:left;width:207px;}
.copy4 {float:left;width:470px;background:#edeef0;} 
.copy5 {float:left;width:200px;padding:0 29px 0 0;b}
.copy6 {float:left;padding:10px 0;background:#edeef0;}
.copy6 .inner {float:left;background:#edeef0 url(/images/bg_rule.png) repeat-y 470px 0;}

.people {font-size:100%;}
.people h4 {clear:left;margin:0;padding:12px 0 18px;color:#67be22;}
.people img {float:left;margin:0 10px 0 0;}
.people .copy {clear:none;float:left;margin:0;width:360px;}
.people .copy p {margin-top:0;}

.clients {clear:left;padding:15px 0 0;font-size:100%;}
.clients h4 {clear:none;margin:0;padding:6px 0 0;color:#67be22;}
.clients li {float:left;width:560px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #d3d4d6;}
.clients .client-logo {float:left;width:160px;min-height:100px;margin:0 10px 0 0;}

.next {margin:.652em 0 .652em -10px;line-height:1em;font-size:180%;font-weight:bold;}
.next a:link, .next a:visited {float:left;width:480px;padding:12px 45px 13px;border-top:1px solid #dcdddf;color:#666;background:#f1f9e1 url(/images/icon_arrow-large.png) no-repeat 15px -116px;}
.next a:hover {text-decoration:none;color:#0071bc;}
html>body .next a:hover {border-bottom:none;}

/* =home
--------------------------------------------- */
.home h2 {margin:0;padding:19px 15px 7px;color:#67be22;background:transparent;}
.home .copy6 h2 {padding:9px 15px 3px;}
.home .intro {padding:0 0 15px 15px;width:560px;}
.home .copy5 ul {margin:1.545em 0;line-height:1.545em;font-size:110%;}
.home .copy5 strong {display:block;}
.home #content {padding:0;}
.home #content-primary {position:relative;top:-30px;margin:0 0 0 235px;padding:0;width:706px;background:#fff;}/* ie.css */
.home #twitter_update_list {clear:left;padding-left:15px;}

.home .togglers {clear:left;margin:0;padding:13px 45px;width:375px;line-height:1em;font-size:180%;font-weight:bold;color:#666;background:transparent url(/images/icon_arrow-large.png) no-repeat 14px -116px;}
.home .togglers-open {background-position:14px 9px;}
.home .togglers-hover {color:#0071bc;cursor:pointer;}
.home .elements {overflow:hidden;height:0;}
.home .elements p {margin:0 0 5px;padding:0 45px;}
.home .elements ul {margin:0;padding:0 45px;}
.home .elements li {margin:0 0 5px; list-style-type:disc;}

.home #content-singular {position:relative;width:941px;height:380px;overflow:hidden;}
.home #content-singular ul {position:absolute;top:0;left:0;width:2823px;margin:0;font-size:100%;}
.home #content-singular li {position:relative;float:left;width:941px;}
.home #content-singular .cnr {position:absolute;bottom:0;left:0;width:35px;height:35px;background:url(/images/bg_promo.png) no-repeat;}
.home #content-singular .logo {position:absolute;top:30px;right:41px;width:59px;height:54px;background:url(/images/logo-trans.png) no-repeat;}
.home #content-singular .fader {position:absolute;top:40px;left:45px;z-index:2;width:800px;height:250px;}
.home #content-singular .fader p {float:left;clear:left;margin:0 0 5px;}
.home #content-singular .fader .msg-sub {position:absolute;top:140px;left:190px;}
.home #content-singular .revolver-hover {cursor:pointer;}
.home #content-singular .revolver-hover em {background:#0071bc;}

#twitter_update_list {margin:0;padding:0 0 6px;line-height:1.272em;}
#twitter_update_list li {padding:6px 0 0;}
#twitter_update_list li span {display:block;}

/* =demo
--------------------------------------------- */
.wizard iframe {float:none;width:645px;height:521px;margin:20px 0;border: 1px solid #eee;overflow:hidden;background:#fff;}
