* { margin:0; padding:0; }

body { margin: 0px; padding: 0px; background: url(../images/bg.gif) repeat-x #fefefe; font-family:  Arial, Helvetica, sans-serif; font-size: 62.5%; }

#container { margin: 0 auto; width: 918px; }

#header { float: left; width: 880px; height: 95px; padding: 15px 18px 0 20px; }

#logo { float: left; width: 279px; height: 64px; }

#awards { float: right; width: 250px; height: 64px;  }

#awards p {color: #666; margin: 4px 0 0 0; padding: 0; font-size: 1.0em;}

#awards p a {color: #666; text-decoration: underline;}

.w-flag { margin-right: 12px;}

#telephone { float: right; width: 200px; height: 45px; margin: 10px 30px 0 0; }

#telephone p { font-size: 1.8em; color: #386b21; margin: 0px; padding: 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold; }

.number { font-size: 1.2em; color: #4d4d4d; }

#navigation { float: left; width: 880px; height: 36px; padding: 0 18px 0 20px; }

#navigation ul { margin: 0px; padding: 0px; }

#navigation li { float: left; height: 36px; display: inline; list-style: none; }

#home { display: block; width: 83px; height: 36px; background: url(../images/nav/home.gif) no-repeat 0 0; }

#how-eco-works { display: block; width: 139px; height: 36px; background: url("../images/nav/how-eco-works.gif") no-repeat 0 0; }

#eco-savings { display: block; width: 117px; height: 36px; background: url("../images/nav/eco-savings.gif") no-repeat 0 0; }

#news-events { display: block; width: 126px; height: 36px; background: url("../images/nav/news-events.gif") no-repeat 0 0; }

#faqs { display: block; width: 68px; height: 36px; background: url("../images/nav/faqs.gif") no-repeat 0 0; }

#about { display: block; width: 63px; height: 36px; background: url("../images/nav/about.gif") no-repeat 0 0; }

#partner { display: block; width: 116px; height: 36px; background: url("../images/nav/partner.gif") no-repeat 0 0; }

#contact { display: block; width: 90px; height: 36px; background: url("../images/nav/contact-us.gif") no-repeat 0 0; }

#login { display: block; width: 78px; height: 36px; background: url("../images/nav/login.gif") no-repeat 0 0; }

#home:hover, #how-eco-works:hover, #eco-savings:hover, #news-events:hover, #faqs:hover, #about:hover, #partner:hover, #contact:hover, #login:hover { background-position: 0px -36px; }

#home span, #how-eco-works span, #eco-savings span, #news-events span, #faqs span, #about span, #partner span, #contact span, #login span { display: none; }

p a {color: #222; text-decoration: underline;}

p a hover {color: #000; text-decoration:underline;}

/* CONTENT */

#content { float: left; width: 881px; background: url(../images/content-bg.gif) no-repeat; padding: 23px 18px 0 19px; }

#top { float: left; width: 887px; }

#web-video { float: left; width: 188px; height: 273px;}

#flash { float: left; width: 369px; height: 273px;}

#reports { float: left; width: 322px; height: 273px; margin-left: 2px; }

#middle { float: left; width: 887px; padding-bottom: 30px; }

#left { float: left; width: 520px; padding: 15px 15px 0 20px; }

#left-int { float: left; width: 580px; padding: 15px 15px 0 20px; }

#left-c { float: left; width: 580px; padding: 15px 15px 0 12px; }

#left-int h1, #left-c h1 { font-size: 2.4em; color: #55883d; margin: 0; padding: 0; font-family: Arial Narrow, Helvetica Condensed; font-weight: normal; }

#left h1 { font-family: Arial Narrow, Helvetica Condensed; font-size: 1.8em; color: #b7bd33; display: block; margin-bottom: 10px; font-weight: normal;}

#left h2, #left-int h2, #left-c h2 { font-size: 1.6em; color: #b7bd33; padding: 0; margin: 0 0 4px 0; font-weight: normal; } 

#left-int h3 { font-size: 1.6em; color: #b7bd33; padding: 0; margin: 10px 0 4px 0; font-weight: strong; } 

#left p, #left-int p, #left-c p { padding: 0px; margin: 0 0 15px 0; font-size: 1.2em; color: #353535; line-height: 15px; }

#breadcrumb { float: left; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #b7bd33; display: block; margin-bottom: 10px; width: 580px; }

#breadcrumb a { color: #b7bd33; text-decoration: underline; }

#breadcrumb a:hover { color: #ccd33a; text-decoration: none; }

.imgfloat { float: left; margin-right: 10px; }

#right { float:left; width: 312px; padding: 15px 0 0 10px; }

#right h3 { font-size: 2.4em; color: #55883d; margin: 0; padding: 0; font-family: Arial Narrow, Helvetica Condensed; font-weight: normal; }

#right h3 span { font-size: 0.7em; color: #b7bd33; display: block; margin-bottom: 10px; }

#right-int { float: right; width: 255px; background: url(../images/interior/right/right-bg.gif) no-repeat; margin-right: 8px; }

#benefits ul { padding: 0px; margin: 0px; font-size: 1.4em; font-family: Arial Narrow, Helvetica Condensed; list-style-type: none; }

#benefits li { height: 45px; color: #353700; padding: 0 0 0 0; margin: 0 0 5px 0; }

#benefits li img { float: left; }

#benefits li a {text-decoration: none; color: #353700;}

#benefits li a:hover {text-decoration: underline; color: #000;}

.lg { font-weight: bold; font-size: 1.3em; }

.it { font-weight: bold; font-style:italic; font-size: 1.1em; }

#left-int-sub { float:left; clear:both; width:580px; border-top:1px solid #CCC; margin-top:4px; font-size:0.9em; padding-top:16px; }

#left-int-sub p { line-height:19px; }

#left-int-sub h2 { font-size: 2.4em; color: #55883d; margin: 0; padding: 0; font-family: Arial Narrow, Helvetica Condensed; font-weight: normal; padding-bottom:10px; }

#left-int-sub-text { float:left; width:360px; }

#left-int ul {padding: 0px; margin: 0px; list-style-position: inside; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;}

#left-int li a {color: #222; text-decoration: none;} 

#left-int li a:hover {color: #000; text-decoration: underline;}

.arriva { clear:both; }

.man-fit {float: right; margin-top: 8px;}

/* ABOUT US */

#about-text { float:left; width:550px; }

#about-text p { font-size:1.1em; line-height:17px; }

#about-text img { float:left; margin-right: 20px; margin-bottom: 70px; }

.21st-img2 { float:right; width:196px; height:136px; }

.ob { font-style:oblique; }

/* ENQUIRY FORM */

#enq-form { width:229px; float:left; padding-left:16px; margin-top:17px; }

#enq-form-header { background: url(../images/enquiry-top-slice.gif) no-repeat; height:43px; padding-left:12px; }

.cont-us { color:#FFF; font-size:2.4em; font-family: Arial Narrow, Helvetica Condensed; font-weight: normal; padding-top:3px; line-height:43px; }

#enq-form-body { width:229px; background:url(../images/enquiry-bg.gif) repeat-y; padding-left:12px; }

#enq-form-btn { width:229px; height:29px; }

#try-co2 {float: left; background:url(../images/eco-calc-bg.gif) no-repeat; width:226px; height:110px; margin-top:11px; cursor:pointer; padding-left:12px; }

.eco-savings-text { padding-top:10px; font-size:2.8em; color:#f19a04; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold; }

.eco-savings-sub-text { font-family: Arial Narrow, Helvetica Condensed; font-size:1.5em; padding-top:3px; color: #262626; }

.link-text { font-family: Arial Narrow, Helvetica Condensed; font-weight:bold; font-size:1.4em; padding-top:15px; color:#444; }

#news-events2 {float: left; background:url(../images/news-events-bg.gif) no-repeat; height:110px; width:226px; margin-top:11px; padding-left:12px; cursor:pointer; margin-bottom: 50px; }

.news-events-text { padding-top:10px;  font-size:2.8em; color:#ad1f24; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold; }

#news-events-btn { background:url(../images/news-events-btn.gif) no-repeat; height:32px; }

/* FORM STYLES */

form#enquiry-form div { padding:6px 0 6px 0; }

form#enquiry-form label { color:#FFF; font-size:1.1em; padding-bottom:4px; }

form#enquiry-form input { width:195px; padding:1px; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCC; }

form#enquiry-form select { width:195px; padding:1px; font-family:Arial, Helvetica, sans-serif; margin-bottom:6px; }

#enq-form-button { background:url(../images/enquiry-submit-btn.gif) no-repeat; width:229px; height:29px; border:none; }

/* INTERIOR */

#page-title { float: left; background: url(../images/interior/bg1.jpg) no-repeat; width: 586px; height: 132px; padding: 10px 14px 14px 20px; }

#page-title p { font-family: Arial Narrow, Helvetica Condensed; font-size: 5.0em; color: #386b21; }

#page-title span { display: block; font-family: Arial Narrow, Helvetica Condensed; color: #4d4d4d; font-size: 1.7em; margin-top: -8px; }

#top-right { float: left; width: 255px; height: 156px; margin-left: 4px; }

#middle-int { float: left; width: 887px; padding-bottom: 30px; }

#page-title2 { float: left; background: url(../images/interior/bg2.jpg) no-repeat; width: 586px; height: 132px; padding: 10px 14px 14px 20px; }

#page-title2 a {text-decoration: none; color: #386b21;}

#page-title2 p { font-family: Arial Narrow, Helvetica Condensed; font-size: 5.0em; color: #386b21; }

#page-title2 span { display: block; font-family: Arial Narrow, Helvetica Condensed; color: #4d4d4d; font-size: 1.7em; margin-top: -8px; }


#page-title3 { float: left; background: url(../images/interior/bg3.jpg) no-repeat; width: 586px; height: 132px; padding: 10px 14px 14px 20px; }

#page-title3 p { font-family: Arial Narrow, Helvetica Condensed; font-size: 5.0em; color: #386b21; }

#page-title3 span { display: block; font-family: Arial Narrow, Helvetica Condensed; color: #4d4d4d; font-size: 1.7em; margin-top: -8px; }



/* CONTACT */

#g-map { width:598px; height:175px; border:1px solid #a8a8a8; float:left; }

#contact-form { float:left; clear:both; width:580px; margin-top:12px; font-size:0.9em; margin-bottom: 20px;}

#contact-form-header { width:600px; height:10px; background:url(../images/contact-form-top-slice.gif) no-repeat; }

#c-form { width:600px; background:url(../images/contact-form-bg.gif) repeat-y; padding-left:12px; float:left; }

#contactformwrapper { float:left; width:330px; padding-top:16px; }

#contactformwrapper label { font-size:1.4em; clear:both; }

#contactformwrapper input { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; border:1px solid #999; padding:6px; float:right; width:180px; }

#contactformwrapper textarea { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; border:1px solid #999; padding:6px; float:right; width:180px; }

#contactformwrapper div { margin:20px 0 20px 0; clear:both; }

.success { color:#55883d; font-size:1.6em; }

.error { color:#F00; font-size:1.0em; font-weight:normal; }

.cont-mess { font-size:1.4em; }

#cont-form-btn { background:url(../images/submit-contact-form.gif) no-repeat; width:192px; height:25px; }

#submit-btn { width:330px; height:25px; padding-top:8px; }

#submit-btn input { border:none; width:192px; height:25px; }

#cont-info-img { float:left; width:225px; padding:16px 0 0 22px; }

#cont-info-img img { width:206px; height:306px; }

#contact-form-footer { background:url(../images/contact-form-bottom-slice.gif) no-repeat; width:600px; height:14px; float:left; clear:both; }

/* RIGHT-SIGNPOST */

#sidebar { float: left; width: 229px;  }

#sidebar-top { float: left; width: 229px; height: 5px; background: url(../images/interior/right/green-top.gif) no-repeat; overflow: hidden; }

#sidebar-mid { float: left; width: 219px; background: url(../images/interior/right/green-mid.gif) repeat-y; padding: 15px 10px 20px 10px; }

#sidebar-mid p {font-size: 1.1em; color: #fff;}

#sidebar-mid h3 {font-family: Arial Narrow, Helvetica Condensed; font-size: 2.4em; color: #fff; font-weight: normal; border-bottom: solid 1px #fff; width: 182px; line-height: 18px; padding: 0 0 8px 0; margin: 0 0 8px 0;}

#sidebar-bot { float: left; width: 229px; height:10px; background: url(../images/interior/right/green-bot.gif) no-repeat; overflow: hidden; }

#sidebar { float: left; width: 230px; margin-bottom: 10px; float: right; }

#sidebar h3 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; margin: 0px; padding: 0px; }

#sidebar ul {padding: 0; margin: 0; }

#sidebar li {list-style-type: none;;}

#sidebar ul ul {padding: 0 0 0 15px; margin: 5px 0 10px;}

#sidebar li li {list-style-type:disc; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #fff;}

#sidebar li li a {text-decoration: none; color: #fff;}

#sidebar li li a:hover {text-decoration: underline; color: #fff;}

#sidebar label {color: #fff; font-size: 12px;}


#sidebar-bot { float: left; width: 229px; background: url(../images/interior/right/green-bot.gif) no-repeat; overflow: hidden; height: 10px; }

/* FOOTER */

#footer { float: left; width: 887px; }

#news { float: left; width: 263px; height: 213px; background:url(../images/footer/latest-news-bg.gif); padding: 24px 17px 0 20px; }

#news-top { float: left; width: 263px; height: 36px; }

#news-hd { float: left; width: 149px; }

#news-hd h3 { font-family: Arial Narrow, Helvetica Condensed; padding: 0px; margin: 0px; font-size: 2.4em; color: #b7bd33; font-weight: bold; }

#news-hd span { color: #55883d; font-weight: normal; }

#news-rss { float: right; width: 28px; height: 28px; margin-right: 3px; }

#news-title { float: left; background: url(../images/footer/news-title-bg.gif) no-repeat; height: 137px; width: 248px; padding: 0 6px; }

#news-title ul { width: 248px; font-family: Arial Narrow, Helvetica Condensed; color: #35621f; font-size: 1.1em; list-style: none; font-weight: bold; }

#news-title li { padding: 7px 0; }

#news-title li a {color: #222; text-decoration: none;} 

#news-title li a:hover {color: #000; text-decoration: underline;}

.title { border-bottom: dashed #bdbdbd 1px; }

#news-title li span { display: block; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; font-weight: normal; }

#news-button { float: left; height: 25px; width: 259px; margin-top: 2px; }

#calc { float: left; width: 273px; height: 197px; background: url(../images/footer/calc-bg.gif); padding: 20px 20px 20px 20px; }

#calc h3 { font-family: Arial Narrow, Helvetica Condensed; padding: 0px; margin: 0px; font-size: 2.0em; color: #ae1f24; font-weight: bold; margin-bottom: 2px; }

#calc p { font-size: 1.1em; color: #333333; padding: 0; margin: 0 0 12px 0; }

#calc input { display: block; float: left; width: 125px; height: 19px; background: #fff; border: solid 1px #a8a8a8; margin-bottom: 4px; }

#calc label { display: block; float: left; font-weight: bold; font-family: Arial Narrow, Helvetica Condensed; font-size: 1.1em; width: 125px; margin-top: 4px; margin-bottom: 4px; }

#calc img { clear: both; float: left; margin-top: 4px; }

#trial { float: left; width: 258px; height: 213px; background:url(../images/footer/free-trial-bg.gif); padding: 24px 0 0 15px; }

#trial h3 { font-family: Arial Narrow, Helvetica Condensed; padding: 0; margin: 0 0 10px 0; font-size: 2.4em; color: #b7bd33; font-weight: bold; }

#trial span { color: #55883d; font-weight: normal; }

#trial p { margin: 0 0 12px 0; font-size: 1.1em; line-height: 16px; }

.trial-icon { float: right; margin:  0 0 30px 15px; }

#bottom { float: left; width: 918px; text-align: center; padding: 25px 0 25px 0; }

#bottom ul { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #669450; }

#bottom li { display: inline; font-size: 1.1em; padding: 0 4px; }

.b { border-right: solid 1px #669450; }

#bottom p { margin: 0px; padding: 0px; color: #669450; font-size: 1.1em; }

#bottom a { color: #669450; text-decoration: underline; }

#bottom a:hover { color: #669450; }


/* NEWS */

.post-name {float: left; font-size: 2.4em; color: #55883d; margin: 0; padding: 0; font-family: Arial Narrow, Helvetica Condensed; font-weight: normal; width: 580px; }

.post-name a {color: #55883d; text-decoration: none;}


.post {float: left; width: 580px; margin:0 0 20px;
padding-bottom:10px; border-bottom: dotted #CCC 1px;}

.entry {float: left; width: 580px;}

.entry img {border: none;}

.entry p { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 0 0 10px 0; margin: 0px;}

.entry ul {font-size: 1.1em; list-style-position: inside;}

#headline {float: left;}

img.alignleft { display:inline; float:left; margin:15px 15px 15px 0 }
img.alignright { display:inline; float:right; margin:15px 0 15px 15px }

#hiddenresult { display:none; }

#Pagination { display:block; float:left; width:580px; clear:both; margin:0 0 10px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #b7bd33; font-weight:bold }

#Pagination a, #Pagination span { display:inline-block; color: #b7bd33; float:left; padding:3px; margin:0 10px 0 0 }
#Pagination a { text-decoration:underline; }
#Pagination a:hover { color: #ccd33a; text-decoration: none; }

/* PARTNER */


#p-featured ul { padding: 0; margin: 0 4px 10px 14px; list-style: disc; font-size: 1.2em; color: #333333; text-align: justify; }

#p-featured p { font-size: 1.3em; margin: 0 0 10px 0; padding: 0px; color: #333333; }

#p-featured  { float: left; width: 580px; }


#p-featured a { color: #333; }

#p-featured a:hover { color: #be2026; }

#s-h {display: block; font-size: 1.6em; color: #55883d; margin: 0 0 8px 0; font-weight: bold; }

.p-box { float: left; width: 580px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: dotted #CCC 1px; }

.p-img  { float: left; margin-right: 10px;  }



#p-sidebar { float: left; width: 229px;  }

#p-sidebar-top { float: left; width: 229px; height: 5px; background: url(../images/interior/right/green-top.gif) no-repeat; overflow: hidden; }

#p-sidebar-mid { float: left; width: 219px; background: url(../images/interior/right/green-mid.gif) repeat-y; padding: 15px 10px 20px 10px; }

#p-sidebar-mid p {font-size: 1.1em; color: #fff;}

#p-sidebar-mid h3 {font-family: Arial Narrow, Helvetica Condensed; font-size: 2.4em; color: #fff; font-weight: normal; border-bottom: solid 1px #fff; width: 182px; line-height: 18px; padding: 0 0 8px 0; margin: 0 0 8px 0;}

#p-sidebar-bot { float: left; width: 229px; height:10px; background: url(../images/interior/right/green-bot.gif) no-repeat; overflow: hidden; }

#p-sidebar { float: left; width: 230px; margin-bottom: 10px; float: right; }

#p-sidebar h3 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; margin: 0px; padding: 0px; }

#p-sidebar ul {padding: 0; margin: 4px 0 0 0; }

#p-sidebar li {list-style-type: disc; list-style-position: inside; color: #fff; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}

#p-sidebar ul ul {padding: 0 0 0 15px; margin: 5px 0 10px;}

#p-sidebar li li {list-style-type:disc; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #fff;}

#p-sidebar li li a {text-decoration: none; color: #fff;}

#p-sidebar li li a:hover {text-decoration: underline; color: #fff;}

#p-sidebar label {color: #fff; font-size: 12px;}

.navwp a {color: #000; font-weight: bold; font-size: 1.2em; text-decoration: none;}

.navwp a:hover {color: #000; text-decoration: underline;  }


/* LOGIN */


#l-con {float: left; width: 898px; margin-left: 12px;}

#l-top {float: left; width: 898px; height: 54px; background:url(../images/login/top.gif) no-repeat;}

#l-mid {float: left; width: 898px; height: 352px; background:url(../images/login/mid.gif) no-repeat; padding-top: 60px; }

#l-bot {float: left; width: 898px; height: 58px; background:url(../images/login/bot.gif) no-repeat;}

#l-box {width: 575px; height: 278px; margin: 0 auto;}

#l-box-top {float: left; width: 565px; height: 25px; background:url(../images/login/title.gif) no-repeat; padding: 8px 10px 0 10px; margin-bottom: 3px; }

#l-box-top h1 {font-family: Arial Narrow, Helvetica Condensed; font-size: 1.6em; color: #fff; font-weight: normal; }

#l-box-entry {float: left; width: 314px; height: 202px; background: url(../images/login/bg.jpg) no-repeat; padding: 40px 0 0 260px;}



#l-box-entry h2 { font-size: 1.6em; padding: 0px; margin: 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold;}

#l-box-entry p {padding: 0; margin:0 0 10px 0; font-size: 1.1em; line-height: 16px; }

.l-form {width: 190px; height: 20px; border: solid 1px #222; font-size: 1.1em;}

#l-box-entry label {float: left; display: block; font-weight: bold; width: 68px; padding-top: 2px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.l-submit {width: 259px; height: 25px; background:url(../images/login/submit.gif); border: 0px;}

/* PRESENTATION */


#p-mid {float: left; width: 898px; height: 471px; background:url(../images/login/mid.gif) repeat; padding-top: 20px; padding-bottom: 20px;}

#pr-box {width: 480px; height: 432px; margin: 0 auto;}

#p-box-top {width: 480px; height: 25px; background:url(../images/login/pres.gif) no-repeat; padding: 10px 0px 3px 10px; margin-bottom: 3px; background-position:center;}

#p-box-top h1 {font-family: Arial Narrow, Helvetica Condensed; font-size: 1.6em; color: #fff; font-weight: normal; padding-left: 8px;}


/* HOW IT WORKS */

/* TABS */


.clear { clear: both; height: 0; visibility: hidden; display: block; }

#container-tab ul { list-style: none; list-style-position: outside; }

#container-tab ul.menu li { float: left; margin-bottom: -1px; }

#container-tab ul.menu li { font-family: Arial Narrow, Helvetica Condensed; font-size: 1.3em; padding: 7px 0 0 6px; color: #fff; display: block; margin-bottom: -1px;  position: relative; cursor: pointer; height: 26px; }

#container-tab ul.menu li.active {  }

.content-ab { margin-top: 4px; background: #fff; text-align: left; font-size: 1.2em; width: 538px; float: left; height: 222px; padding: 20px 18px 0px 18px; }

#container-tab h2 { font-size: 1.6em; padding: 0px; margin: 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold;}

#container-tab p {padding: 0; margin:0 0 10px 0; font-size: 1.0em; line-height: 16px; }

#tabbed-con {float: left; padding-bottom: 30px;}

#tab-sub { width: 300px; font-size: 1.2em; padding: 0px; margin: 0px 0px 10px 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold;}

.content-text, .content-text2 {float: left; width: 340px;}

#conimg {float: right;  float: right; margin-left: 20px; margin-bottom: 20px; width: 178px;}

#container-tab { width: 700px; }

.content-ab.tab1 { display: block; }

.content-ab.tab2, .content-ab.tab3, .content-ab.tab4, .content-ab.tab5 { display: none; }


#content1 {background:url(../images/how-it-works/content-box.gif);}

#content2 {background:url(../images/how-it-works/content-box.gif); background-position: 0px -242px;}

#content3 {background:url(../images/how-it-works/content-box.gif);  background-position: 0px -484px;}

#content4 {background:url(../images/how-it-works/content-box.gif);  background-position: 0px -726px;}
 
#content5 {background:url(../images/how-it-works/content-box.gif); background-position: 0px -968px;}

#tab1 {background:url(../images/how-it-works/tab1.gif) no-repeat; height: 33px; width: 127px;}

#tab2 {background:url(../images/how-it-works/tab2.gif) no-repeat; height: 33px; width: 108px;}

#tab3 {background:url(../images/how-it-works/tab3.gif) no-repeat; height: 33px; width: 108px;}

#tab4 {background:url(../images/how-it-works/tab4.gif) no-repeat; height: 33px; width: 108px;}

#tab5 {background:url(../images/how-it-works/tab5.gif) no-repeat; height: 33px; width: 138px;}


#dkgreen {color: #53863c;}

#ltgreen {color: #909e2f;}

#yellow {color: #f1b239;}

#orange {color: #dc6200;}

#dkred {color: #ad1f24;}

#works-text { float:left; width:550px; }

#works-text p { font-size:1.1em; line-height:17px; }

#works-text img {float:left; margin-right: 20px;}