@import url(http://fonts.googleapis.com/css?family=Open+Sans&v2); /* font-family: 'Open Sans', sans-serif */

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, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, 
LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none;}

SUB, SUP {vertical-align: top;}	
OL, UL {list-style: none;}
TABLE {border-collapse: collapse; border-spacing: 0;}
TH, TD {text-align: left; vertical-align: top;}

HTML, BODY {width: 100%;}
HTML {background: #C7D86E url(../img/bg.png) repeat-x;}
BODY {text-align: center; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000; background: url(../img/bg_lines.png) 50% 0 repeat;}

A {color: #4B870C; text-decoration: underline;}

INPUT, SELECT, TEXTAREA {font-family: Arial, sans-serif; color: #000; font-size: 13px;}
TEXTAREA {background: #FFF; overflow: auto;}

.clear {clear: both;}
.clear-fix:after, .container:after, .features-box:after  {content: ''; display: block; height: 0; clear: both;}

H1, H2 {font-size: 18px; margin: 0 0 18px; font-weight: normal;}
H3, H4, H5, H6 {font-size: 14px; margin: 0 0 18px;}

P, UL, OL, DL {margin: 0 0 18px;}

.wrapper {width: 798px; margin: 0 auto; text-align: left;}

.logo {background:url(../img/logo.png) no-repeat; width:190px; height:80px; margin:7px 0 0 45px; float:left;}

.header {height: 111px; background: url(../img/bg_header.png) repeat-x;}
.header P {float: left; width: 190px; padding: 7px 0 0 45px; margin: 0;}
.header P A, .header P IMG {display: block;}

.header UL {float: right; margin: 0; padding: 20px 45px 0 0; font-size: 15px; font-weight: bold; cursor:default; }
.header LI {float: left; margin: 0; height: 45px; padding: 0; background: url(../img/bg_nav.png) 100% 25px no-repeat; position: relative;}

.header LI.n1 {width: 158px;}
.header LI.n2 {width: 132px;}
.header LI.n3 {width: 124px; background: none;}

.header LI.n1_it {width: 175px;}
.header LI.n2_it {width: 180px;}
.header LI.n3_it {width: 124px; background: none;}

.header UL UL {display: none; float: none; margin: 0; padding: 32px 0 0 0; font-size: 12px; font-weight: normal; background: #F1F5E7; position: absolute; top: 10px; left: 0; width: 100%; -moz-box-shadow: 0 2px 3px #666; -webkit-box-shadow: 0 2px 3px #666; box-shadow: 0 2px 3px #666;}
.header UL li:hover UL {display: block;}

.header LI SPAN, .header LI EM {display: block}
.header LI SPAN {position: absolute; top: 0; left: 0; width: 100%;}
.header LI SPAN EM {text-align: center; height: 25px; padding-top: 21px; color: #D0DC68; font-style: normal;}
.header LI:hover SPAN, .header LI:hover SPAN EM {background: url(../img/bg_nav_top.png) no-repeat; color: #000;}
.header LI:hover SPAN EM {background-position: 100% -10px;}

.header LI LI {float: none; margin: 0; width: auto; height: auto; padding: 3px 6px 3px 24px; background: url(../img/bg_nav_li.png) 0 6px no-repeat; position: static; border-bottom: 1px dotted #DBDFD2;}
.header LI LI.more {background: url(../img/bg_nav_more.png) 0 6px no-repeat; padding-bottom: 10px; border: 0;}
.header LI LI.last {border: 0; padding-bottom: 4px;}

.container {width: 100%; float: left; background: #FFF;}

.product {height: 550px; background: url(../img/bg_product.jpg) 100% 0 no-repeat; overflow: hidden;}
.product H2 {margin: 0; padding: 27px 0 0 44px;}
.product H2 IMG {display: block;}
.product H3 {margin: 0; padding: 30px 0 80px 83px;}
.product H3 A {display: block; width: 400px; height: 279px; background: url(../img/bg_product_mon.png) 106px 91px no-repeat;}
.product H3 A:hover {background-position: 106px -249px;}
.product H3 A SPAN, .product H4 A SPAN {display: none;}
.product H4 {float: left; margin: 0; padding: 2px 0 0 171px;}
.product H4 A {display: block; width: 227px; height: 58px; background: url(../img/bg_try_now.png) no-repeat;}
.product H4 A:hover {background-position: 0 -58px;}
.product H4 A.it {display: block; width: 227px; height: 58px; background: url(../img/bg_try_now_it.png) 0 2px no-repeat;}
.product H4 A.it:hover {background-position: 0 -56px;}
.product H4 A {display: block; width: 227px; height: 58px; background: url(../img/bg_download.png) no-repeat;}
.product H4 A:hover {background-position: 0 -58px;}
.product P {float: right; margin:-5px 0 0 0; width: 255px; padding: 0 35px 0 0; color: #7F7F7F; font-size: 14px; line-height: normal; text-align: center;}
.product P A {color: #599C13; text-decoration: none;}
.product P A SPAN {text-decoration: underline;}
.product P A IMG {vertical-align: bottom;}

.features {position: relative; margin: 0 -36px; padding-top: 41px; background: url(../img/bg_features.png) no-repeat;}
.features-box {background: #EAF1DB; border: 1px solid #FFF; border-width: 1px 0; min-height: 170px; padding: 23px 0 23px 26px;}
.features-box UL {margin: 5px 0 0 0;}
.features-box LI {margin: 0; padding: 0; background: none; float: left;}
.features-box LI H2 {margin: 0;}
.features-box LI H2 IMG {display: block;}
.features-box LI P {margin: -6px 0 0; line-height:20px; font-size:13px;}
.features-box LI P A {text-decoration: none;}
.features-box LI P A SPAN {text-decoration: underline;}

.features-box LI.f_cleaning {width: 230px;}
.features-box LI.f_cleaning div {background:url(../img/f_cleaning.png) no-repeat; width:168px; height:59px; overflow:hidden;}
.features-box LI.f_cleaning P {padding-left: 63px; width:140px;}
.features-box LI.f_maintenance {width: 215px; margin-left: -14px; padding-right: 15px;}
.features-box LI.f_maintenance div {background:url(../img/f_maintenance.png) no-repeat; width:205px; height:59px; overflow:hidden;}
.features-box LI.f_maintenance P {padding-left: 51px;}
.features-box LI.f_monitoring {width: 225px; padding-right: 10px;}
.features-box LI.f_monitoring div {background:url(../img/f_monitoring.png) no-repeat; width:183px; height:59px; overflow:hidden;}
.features-box LI.f_monitoring P {padding-left: 57px;}
.features-box LI.f_50 {width: 139px;}
.features-box LI.f_50 div {background:url(../img/f_50.png) 0 no-repeat; width:139px; height:102px; overflow:hidden;}
.features-box LI.f_50 P {margin-top: 0; padding-top: 5px; line-height:20px;}

.features-box LI.f_cleaning.it {width: 240px;}
.features-box LI.f_cleaning.it P { width:160px;}
.features-box LI.f_cleaning.it div {background:url(../img/f_cleaning_it.png) no-repeat; width:207px; height:57px; overflow:hidden;}
.features-box LI.f_maintenance.it div {background:url(../img/f_maintenance_it.png) no-repeat; width:205px; height:59px; overflow:hidden;}
.features-box LI.f_monitoring.it div {background:url(../img/f_monitoring_it.png) no-repeat; width:183px; height:59px; overflow:hidden;}
.features-box LI.f_monitoring.it {width:200px; margin-right:20px;}
.features-box LI.f_50.it div {background:url(../img/f_50_it.png) 0 -6px no-repeat; width:139px; height:96px; overflow:hidden;}


.awards { background:url(../img/bg_reviews.png) repeat-x; padding:30px 0 30px 52px; margin:0; height:127px;}
.awards h2 div {background:url(../img/r_reviews_awards.png) no-repeat; width:242px; height:23px; overflow:hidden;}
.awards h2 div.it {background:url(../img/r_reviews_awards_it.png) no-repeat; width:227px; height:29px; overflow:hidden;}
#award_1, #award_2, #award_3, #award_4, #award_5 { height:auto; width:110px; overflow:hidden; margin:0 35px 0 0; float:left; opacity:0.7; cursor:pointer;}
.awards ul {display:table; margin:0; padding:0;}
.awards ul li { display:table-cell; background:url(/images/icons/Star.png) center no-repeat; width:20px; height:16px;}
.awards ul li.half {background:url(/images/icons/StarHalf.png) center no-repeat;}
.awards ul li.empty {background:url(/images/icons/StarEmpty.png) center no-repeat;}
#award_1:hover, #award_2:hover, #award_3:hover, #award_4:hover, #award_5:hover {opacity:1;}
.award_1 {background:url(../img/macwold.png) no-repeat;}
.award_2 {background:url(../img/macnn.png) no-repeat;}
.award_3 {background:url(../img/modmyi.png) no-repeat;}
.award_4 {background:url(../img/macwolduk.png) no-repeat;}
.award_5 {background:url(../img/wackoopa.png) no-repeat;}
.award_1, .award_2, .award_3, .award_4, .award_5 {width:110px; height:63px; overflow:hidden;}



.footer {height: 95px; position: relative; margin: 0 -76px; padding: 0 91px; background: url(../img/bg_footer.png) no-repeat; clear: both; overflow: hidden; color: #FFF;}
.footer A {color: #BCC8A0;}
.footer A:hover {color: #FFF;}
.footer UL {margin: 0; padding: 30px 0 0; float: left;}
.footer LI {margin: 0; padding: 0 22px 0 0; background: none; float: left;}
.footer DL {margin: 0; padding: 25px 0 0; float: right;}
.footer DT {margin: 0; float: left; padding-top: 5px;}
.footer DD {margin: 0; padding: 0 0 0 9px; float: left;}
.footer IMG {display: block;}


.text {background:url(../img/products_slogan.png) no-repeat; width:480px; height:57px;}
.text_1 {background:url(../img/products_slogan_1.png) center no-repeat; width:480px; height:57px;}
.text_2 {width:480px; height:57px; color:#848484; text-align:center; margin-top:10px; font-family:font-family: 'Open Sans', sans-serif}
.text_2 span { font-size:25px; font-weight:bold; line-height:50px; text-transform:uppercase; transform:scaleY(1.2); -moz-transform:scaleY(1.2); -webkit-transform:scaleY(1.2); -o-transform:scaleY(1.2); text-shadow: #fff 0 3px 0,  #fff 0 -3px 0,  #fff -3px 0 0,  #fff 3px 0 0, #fff -2px 2px 0,  #fff 2px -2px 0,  #fff -2px -2px 0,  #fff 2px 2px 0;}
.text_2 .grey {color:#565656;}
.text_2 .green {color:#74a000;}
.text_2 .black {color:#000;}
.text_3 {background:url(../img/products_slogan_3.png) center no-repeat; width:480px; height:57px;}
.text_it {background:url(../img/products_slogan_it.png) center no-repeat; width:490px; height:58px;}
.text_4 {background:url(../img/products_slogan_4.png) center no-repeat; width:480px; height:57px;}
.text_5 {background:url(../img/products_slogan_5.png) center no-repeat; width:480px; height:57px;}
.download {background:url(../img/a_b.png) 0 2px no-repeat; padding:0 0 0 16px;}

.twitter {background: url(../img/f_twitter.png) no-repeat;}
.digg {background: url(../img/f_digg.png) no-repeat;}
.myspace {background: url(../img/f_su.png) no-repeat;}
.facebook {background: url(../img/f_facebook.png) no-repeat;}
.twitter, .digg, .myspace, .facebook {height:60px; width:30px; overflow:hidden;}