@font-face{font-family:'stone_sansregular';src:url('fonts/stone_sansregular.eot');src:url('fonts/stone_sansregular.eot?#iefix') format('embedded-opentype'),url('fonts/stone_sansregular.woff') format('woff'),url('fonts/stone_sansregular.ttf') format('truetype'),url('fonts/stone_sansregular.svg#stone_sansregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-black';src:url('fonts/preloslab-black.eot');src:url('fonts/preloslab-black.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-black.woff') format('woff'),url('fonts/preloslab-black.ttf') format('truetype'),url('fonts/preloslab-black.svg#preloslab-black') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-bold';src:url('fonts/preloslab-bold.eot');src:url('fonts/preloslab-bold.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-bold.woff') format('woff'),url('fonts/preloslab-bold.ttf') format('truetype'),url('fonts/preloslab-bold.svg#preloslab-bold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-book';src:url('fonts/preloslab-book.eot');src:url('fonts/preloslab-book.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-book.woff') format('woff'),url('fonts/preloslab-book.ttf') format('truetype'),url('fonts/preloslab-book.svg#preloslab-book') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-light';src:url('fonts/preloslab-light.eot');src:url('fonts/preloslab-light.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-light.woff') format('woff'),url('fonts/preloslab-light.ttf') format('truetype'),url('fonts/preloslab-light.svg#preloslab-light') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-medium';src:url('fonts/preloslab-medium.eot');src:url('fonts/preloslab-medium.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-medium.woff') format('woff'),url('fonts/preloslab-medium.ttf') format('truetype'),url('fonts/preloslab-medium.svg#preloslab-medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'preloslab-semibold';src:url('fonts/preloslab-semibold.eot');src:url('fonts/preloslab-semibold.eot?#iefix') format('embedded-opentype'),url('fonts/preloslab-semibold.woff') format('woff'),url('fonts/preloslab-semibold.ttf') format('truetype'),url('fonts/preloslab-semibold.svg#preloslab-semibold') format('svg');font-weight:normal;font-style:normal}

*{margin:0; padding:0}
body, html{height:100%}
.clear{clear:both}
.center{text-align:center}
.center *{text-align:center !important}
body{font-family:stone_sansregular, Arial, Sans-Serif; font-size:1em; line-height:1.2em; color:#d0cfcd; background:#fff url(images/body.gif) repeat-y center 0}
body.chrome{background:url(images/blanc.gif) repeat !important}
@media(max-width:1000px) 
{
    body{background-position:0 0}
}
p{padding-bottom:30px}
.white{color:#fff}
img{max-width:100%}
a{text-decoration:none}
a img{border:0}
div.outer{width:980px; position:relative; padding:426px 0 70px 0; margin:auto}
div.inner{padding:0 10px}

html {
overflow-y: scroll;
} 
/* headings */
h1{font-family:preloslab-book, Arial, Sans-Serif; font-weight:normal; color:#fff; font-size:1.6em; line-height:1.2em; padding:40px 0 30px 0; border-bottom:solid 2px #939799; margin:0 0 20px 0}
h2{font-family:preloslab-black, Arial, Sans-Serif; font-weight:normal; text-transform:uppercase; color:#4d4f54; font-size:1em} 
h3{font-family:preloslab-semibold, Arial, Sans-Serif; font-weight:normal; color:#fff; font-size:2.1em}

/* header */
#header{width:100%; min-width:980px; height:391px; padding:80px 0 0 0; position:absolute; z-index:5; background:#fff url(images/header.png) repeat-x 0 bottom}
#header div.overlay{display:none; width:100%; min-width:980px; height:391px; position:absolute; left:0; bottom:0; z-index:2; background:url(images/header_overlay.png) repeat-x 0 bottom}
#header div.outer{padding:0}
#header div.column1{width:31%; min-height:160px; padding:19px 0 0 0; float:left; background:url(images/subheading.png) no-repeat 0 20px}
#header div.column1 h2{position:relative; left:68px; line-height:2.5em}
#header div.column1 h2 span{display:block; position:relative}
#header div.column1 h2 span.first{left:40px}
#header div.column1 h2 span.second{left:4px; top:2px}
#header div.column2{position:relative; width:61.8%; float:left; text-align:center; font-size:1.1em; line-height:1.2em}
#header div.column3{width:28%; float:left}
#header div.column3 div.row{background:url(images/textbox.png) no-repeat 20px 0; margin-bottom:15px; padding-left:20px}
#header div.column3 div.row.active{background-position:20px -69px}
#header div.column3 div.row span.icon{display:inline-block; width:35px; height:31px; float:left}
#company span.icon{background:url(images/company.png) no-repeat center center}
#initials span.icon{background:url(images/initials.png) no-repeat center center}
#lastname span.icon{background:url(images/lastname.png) no-repeat center center}
#email span.icon{background:url(images/email.png) no-repeat center center}
#header span.arrow.small{right:-10px; top:85px}

/* slider */
#slider{width:100%; height:100%; position:absolute; left:0; top:0}
/* general slide topsection */
div.slide_top{position:relative; height:260px; margin:80px 0 10px 0; padding:24px 0 0 65px; background:url(images/slide_top.png) no-repeat right 0}
div.slide_top div.column1{width:44%; overflow:hidden; float:left} 
div.slide_top div.column1 h3{white-space:nowrap; line-height:.9em}
div.slide_top div.column2{width:56%; float:right}
/* scale */
div.scale{position:relative; height:190px; background:url(images/scale.png) no-repeat right bottom}
div.scale p{padding-top:95px}
div.scale canvas{position:absolute; left:97px; top:61px}
div.scale div.weight{width:151px; height:112px; position:absolute; right:0; top:55px; background:url(images/weight.png) no-repeat}
div.scale div.weight1{background-position:0 -112px}
div.scale div.weight2{background-position:0 -224px}
div.scale div.weight3{background-position:0 -336px}
div.scale div.weight4{background-position:0 -448px}
div.scale div.weight5{background-position:0 -560px}
div.scale div.weight6{background-position:0 -672px}
div.scale div.weight7{background-position:0 -784px}
div.scale div.weight8{background-position:0 -896px}
div.scale div.weight9, div.scale div.weight10{background-position:0 -1008px}
/* big circle */
div.circle{position:absolute; top:-90px; right:19px; z-index:6; width:441px; height:440px; background:url(images/circle.png) no-repeat}
div.circle h2
{
    position:relative; z-index:2;
    font-family:preloslab-bold, Arial, Sans-Serif; font-weight:normal; color:#000; width:343px; margin:54px auto 0 auto; padding:10px 0 0 0; 
    text-align:center; height:43px; background:url(images/company_name.png) no-repeat; text-transform:none; white-space:nowrap; overflow:hidden
}
/* land */
div.land{width:494px; height:296px; background:url(images/land.png) no-repeat; position:relative; left:-20px}
/* overlay */
div.land div.overlay{width:207px; height:99px; background:url(images/overlay.png) no-repeat; position:absolute; z-index:10; left:31px; top:127px}
/* field */
div.field{width:335px; height:195px; background:url(images/field_115.png) no-repeat; position:absolute; top:53px; left:48px}
div.field div.blanc{position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/field_blanc.png) no-repeat}
/* avatar */
div.avatar{position:relative; z-index:2; width:107px; height:107px; background:url(images/avatar.png) no-repeat; position:absolute; top:70px; right:-20px}
div.avatar div{position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/avatar.png) no-repeat; text-align:center}
div.avatar div.young{background-position:0 -107px}
div.avatar div.middle{background-position:0 -214px}
div.avatar div.old{background-position:0 -321px; padding:44px 0 0 0; height:63px}
div.avatar span.grass{display:inline-block; position:relative; top:58px; left:-17px; background:url(images/grass_small.png) no-repeat 0 0; width:33px; height:31px} 
div.avatar span.grass.frame1{background-position:0 -31px}
div.avatar span.grass.frame2{background-position:0 -62px}
div.avatar span.grass.frame3{background-position:0 -93px}
div.avatar span.grass.frame4{background-position:0 -124px} 
div.avatar div.old img{width:30px}

/* disable ui */
div.disable{display:none; position:absolute; z-index:999; left:0; top:0; width:100%; height:100%; background:url(images/blanc.gif) repeat}

/* slide content */
div.slide_content{position:relative; padding:20px 0 0 70px; background:url(images/content_middle.png) repeat-y right 10px} 
div.slide_content.gray{padding:25px 0 0 70px; background:url(images/content_gray.png) no-repeat right 10px}
div.slide_content h3{font-family:preloslab-medium, Arial, Sans-Serif; font-size:1.5em; line-height:1.2em; margin-bottom:15px}
div.slide_content.gray h3{font-size:1.4em; line-height:1.1em}
div.slide_content div.column1 span.helper{display:inline-block; height:100%; vertical-align:middle}
div.slide_content div.bottom{height:15px; text-align:center}
div.slide_content div.pointer{position:absolute; left:35px; top:90px; width:15px; height:35px; background:url(images/content_arrow.png) no-repeat 0 0}
div.slide_content.gray div.pointer{background-position:0 -35px}
div.slide_content div.indicator
{
    position:absolute; color:#4a4b4f; font-size:.9em; text-align:center; padding:6px 11px 0 0; left:-7px; top:90px; width:31px; 
    height:25px; background:url(images/indicator.png) no-repeat 0 -31px;  
}
div.slide_content div.indicator div
{
    position:absolute; left:0; top:0; padding:6px 0 0 0; color:#fff; width:31px; height:25px; background:url(images/indicator.png) no-repeat 0 0
}
div.slide_content div.indicator.active{background-position:0 -62px; cursor:pointer; z-index:999 !important}
div.slide{display:none}
div.slide a.next{display:inline-block; padding:6px 20px 0 0; height:25px; width:157px; background:url(images/button_white.png) no-repeat 0 0; color:#ababaf; text-decoration:none}
div.slide a.next.active{background-position:0 -31px}

/* radio buttons & checkboxes */
input.radio, input.check{display:none}
label.radio{cursor:pointer; display:inline-block; text-align:center; min-width:48px; padding:61px 0 0 0; background:url(images/radio_big.png) no-repeat center 0; color:#c7c7c5}
label.radio.active{background-position:center -178px}
label.radio.middle{margin-left:100px; margin-right:100px}
label.toggle{cursor:pointer; font-size:1.4em; display:inline-block; text-align:center; width:126px; height:30px; padding:9px 25px 0 0; margin:0 20px 20px 0; background:url(images/toggle.png) no-repeat 0 0; color:#fff}
label.toggle.active{background-position:0 -39px; padding:9px 0 0 25px}
label.toggle.green.active{background-position:0 -78px}
/* text boxes */
input.text{background:none; outline:none; width:180px; height:30px; padding:0; border:0; font-family:stone_sansregular, Arial, Sans-Serif; font-size:1em; line-height:2em; color:#3e4146; font-weight:normal}
/* labels */
label.label{float:left; display:inline-block; width:200px; font-family:kreon, Georgia, Serif; font-size:1.2em; color:#a84b88; font-weight:normal}
/* clouds */
div.clouds{position:absolute; left:0; top:0; width:100%; height:100%}
div.clouds div{width:70px; height:37px; position:absolute; z-index:1; background:url(images/cloud.png) no-repeat; display:none}
div.clouds div.cloud1, div.clouds div.cloud2, div.clouds div.cloud3{width:93px; height:49px; background-image:url(images/cloud_big.png)}
div.clouds div.cloud4, div.clouds div.cloud5, div.clouds div.cloud6{width:49px; height:26px; background-image:url(images/cloud_small.png)}

/* arrows */
span.arrow{display:inline-block; visibility:hidden; width:47px; height:45px; background:url(images/arrow.png) no-repeat 0 0}
span.arrow.active{background-position:0 -45px} 
span.arrow.two{position:absolute; bottom:20px}
span.arrow.small{visibility:visible !important; width:56px; height:28px; background:url(images/arrow_small_up.png) no-repeat 0 0}
span.arrow.small.active{background-position:0 -28px} 
span.arrow.right{visibility:visible !important; width:66px; height:33px; background:url(images/arrow_right.png) no-repeat 0 0}
span.arrow.right.active{background-position:0 -33px} 

/* range slider */
div.range{position:relative; width:192px; height:90px; background:url(images/range.png) no-repeat 0 57px}
div.range span{position:absolute; left:0; top:28px; font-size:.9em}
div.range.large{width:528px; background-image:url(images/range_large.png)}
div.range div.anchor{position:absolute; text-align:center; color:#e11b22; padding:3px 0 0 0; left:-10px; width:49px; height:76px; cursor:pointer; background:url(images/range_anchor.png) no-repeat 0 -79px}
/* active buttons */
div.slide2 a.next.active, div.slide3 a.next.active, div.slide4 a.next.active,
div.slide5 a.next.active, div.slide6 a.next.active, div.slide7 a.next.active,
div.slide8 a.next.active, div.slide9 a.next.active, div.slide10 a.next.active,
div.slide11 a.next.active
{background-position:0 -31px; color:#4a4b53} 
/* slide 1 */
div.slide1{display:block; background:#fff; min-height:100%}
div.slide1 div.outer{padding-top:401px}
div.slide1 div.start{color:#55575b; padding:60px 195px 0 40px; position:relative; margin:auto; z-index:6; width:258px; height:140px; background:url(images/slide1.png) no-repeat}
div.slide1 a.next{display:inline-block; float:right; padding:5px 0 0 20px; height:26px; width:125px; background:url(images/slide1_button.png) no-repeat 0 0; color:#fff; text-decoration:none}
div.slide1 a.next.active{background-position:0 -31px}
div.slide1 span.arrow{position:absolute; right:145px; top:65px}
/* slide 2 */
div.slide2 img.field{vertical-align:middle; width:10%}
div.slide2 label.radio{margin:65px 0 0 0}
div.slide2 label.radio.middle{margin:65px 100px 0 100px}
div.slide2 div.slide_content div.column1{height:220px; text-align:center; width:35%; float:left; background:url(images/circle_green.png) no-repeat center 0}
div.slide2 div.slide_content div.column2{height:220px; margin:0 0 0 10px; width:50%; float:left; background:url(images/radio.gif) no-repeat 0 center} 
 
/* slide 3 */
div.slide3 div.slide_content div.column1{position:relative; width:33%; height:210px; margin:0 0 10px 0; text-align:center; float:left; background:url(images/circle_green.png) no-repeat center 0} 
div.slide3 div.slide_content div.column1 div.young, div.slide3 div.slide_content div.column1 div.middle, div.slide3 div.slide_content div.column1 div.old
{position:absolute; width:100%; height:100%; background:url(images/avatar_big.png) no-repeat center 0}
div.slide3 div.slide_content div.column1 div.middle{background-position:center -210px}
div.slide3 div.slide_content div.column1 div.old{background-position:center -420px}
div.slide3 div.slide_content span.grass{position:relative; top:115px; left:-40px; display:inline-block; background:url(images/grass.png) no-repeat 0 0; width:65px; height:61px}
div.slide3 div.slide_content span.grass.frame1{background-position:0 -61px}
div.slide3 div.slide_content span.grass.frame2{background-position:0 -122px}
div.slide3 div.slide_content span.grass.frame3{background-position:0 -183px}
div.slide3 div.slide_content span.grass.frame4{background-position:0 -244px}
div.slide3 div.slide_content div.old img{position:relative; top:95px} 
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    div.slide3 div.slide_content div.old img{top:96px}
}
@-moz-document url-prefix() { div.slide3 div.slide_content div.old img{top:96px} }
div.slide3 div.slide_content div.column2{margin:0 0 0 10px; width:50%; float:left; padding-top:43px}
 
/* slide4 */
div.slide4 div.slide_content div.column1, div.slide4 div.slide_content div.column3
{height:154px; margin:15px 0 40px 0; text-align:center; width:20%; float:left; background:url(images/circle_gray.png) no-repeat center 0}
div.slide4 div.slide_content div.column1.active, div.slide4 div.slide_content div.column3.active
{background-image:url(images/circle_white.png)}
div.slide4 div.slide_content div.column1 span, div.slide4 div.slide_content div.column3 span
{display:inline-block; width:170px; height:136px; background:url(images/seeds_male.png) no-repeat 0 5px}
div.slide4 div.slide_content div.column3 span{background-image:url(images/seeds_female.png)}
div.slide4 div.slide_content div.column2, div.slide4 div.slide_content div.column4
{height:154px; margin:15px 0 40px 20px; padding:15px 0 0 0; width:25%; float:left; background:none}
div.slide4 span.bean{display:inline-block; position:absolute; width:10px; height:25px; background:url(images/bean_male.png) no-repeat}
div.slide4 span.bean.female{background-image:url(images/bean_female.png)} 
/* farmer animation */
div.slide4 div.farmer{display:none; position:absolute; width:133px; height:59px; background:url(images/farmer.png) no-repeat}
div.slide4 div.farmer.frame1{background-position:0 -59px}
div.slide4 div.farmer.frame2{background-position:0 -118px}
div.slide4 div.farmer.frame3{background-position:0 -177px}
div.slide4 div.farmer.frame4{background-position:0 -236px}
div.slide4 div.farmer.frame5{background-position:0 -295px}
div.slide4 div.farmer.frame6{background-position:0 -354px}
div.slide4 div.farmer.frame7{background-position:0 -413px}
div.slide4 div.farmer.frame8{background-position:98px -472px}
div.slide4 div.farmer.frame9{background-position:78px -531px}
div.slide4 div.farmer.frame10{background-position:59px -590px}
div.slide4 div.farmer.frame11{background-position:39px -649px}
div.slide4 div.farmer.frame12{background-position:19px -708px}
div.slide4 div.farmer.frame13{background-position:1px -767px}
div.slide4 div.plant{position:absolute; display:none; width:21px; height:22px; background:url(images/plant_small.png) no-repeat}
div.slide4 div.plant1{top:20px; left:165px}
div.slide4 div.plant2{top:25px; left:220px}
div.slide4 div.plant3{top:45px; left:110px}
div.slide4 div.plant4{top:55px; left:160px}
div.slide4 div.plant5{top:60px; left:240px}
div.slide4 div.plant6{top:85px; left:50px}
div.slide4 div.plant7{top:85px; left:118px}
div.slide4 div.plant8{top:90px; left:215px}
div.slide4 div.plant9{top:112px; left:96px}
div.slide4 div.plant10{top:105px; left:168px}

/* slide5 */
div.slide5 div.slide_content div.column1{height:220px; text-align:center; width:33%; float:left; background:url(images/circle_smaller.png) no-repeat center 0}
div.slide5 div.slide_content div.column2{height:220px; margin:0 0 0 10px; width:50%; float:left; padding-top:43px} 
div.slide5 div.field{background:url(images/field_115_plants.png) no-repeat 0 -195px}
div.slide5 div.field div{width:100%; height:100%; background:url(images/field_115_plants.png) no-repeat 0 0}
div.slide5 span.plant, div.slide5 span.plant span{position:relative; vertical-align:middle; display:inline-block; background:url(images/plant.png) no-repeat; width:124px; height:136px}
div.slide5 span.plant span{background-position:0 -136px}

/* slide6 */
div.slide6 div.field{background:url(images/field_115_plants.png) no-repeat 0 -195px}
div.slide6 div.field div{width:100%; height:100%; background:url(images/field_115_plants.png) no-repeat 0 0}

/* slide7 */
div.slide7 div.slide_content{padding-top:0; background:url(images/slide6_bg.png) repeat-y}
div.slide7 div.slide_content h3{text-align:left; font-size:1.2em; padding:20px 0 0 0}
div.slide7 div.slide_content div.column1{position:relative; float:left; width:45%; height:350px; background:#c9c9c7}
div.slide7 div.field{background:url(images/field_115_plants.png) no-repeat 0 -195px}
div.slide7 div.field div{width:100%; height:100%; background:url(images/field_115_plants.png) no-repeat 0 0}
/* rain */
div.slide7 div.rain{display:none; width:297px; height:110px; background:url(images/rain2.png) no-repeat 0 0; position:absolute; z-index:11; left:60px; top:70px}
div.slide7 div.rain.frame1{background-position:0 -110px}
div.slide7 div.rain.frame2{background-position:0 -220px}
/* faucet */
#faucet{position:absolute; z-index:6; width:100%; height:100%; background:url(images/faucet.png) no-repeat right 0}
#bulb{position:absolute; display:none; left:150px; top:250px; z-index:3; width:48px; height:48px; background:url(images/bulb.png) no-repeat 0 0}
#bulb.active{background-position:0 -48px}
div.water1, div.water2, div.water3, div.water4, div.water5, div.water6, div.water7
{background:#80c2bd; position:absolute; z-index:3}
div.water1{left:160px; top:240px; width:30px; height:0}
div.water2{left:190px; top:270px; width:0; height:30px}
div.water3{left:283px; top:155px; width:35px; height:0}
div.water4{left:257px; top:157px; width:0; height:30px}
div.water5{left:228px; top:100px; width:30px; height:0}
div.water6{left:258px; top:100px; width:0; height:30px}
div.water7{left:370px; top:0; width:30px; height:0}
/* small arrows */
span.arrow.small{position:absolute; bottom:170px; right:-15px}
span.arrow.right{position:absolute; bottom:110px; right:-15px}
/* small checkbox/radio's */
div.slide7 div.slide_content div.column2{width:50%; position:relative; float:left; padding:50px 0 0 0; background:none}
div.slide7 div.slide_content div.column2 label{text-align:left; color:#fff; font-size:.9em; background:url(images/radio.png) no-repeat 30px 9px; margin:0; padding:10px 30px 10px 90px}
div.slide7 div.slide_content div.column2 label.active{background-position:30px -149px}
#pz2{background-position:30px 16px}
#pz2.active{background-position:30px -142px}
#pz3{background-position:30px 4px}
#pz3.active{background-position:30px -154px}
#pz4{background-position:30px 11px}
#pz4.active{background-position:30px -147px}

/* slide8 (6.1) */  
div.slide8 div.field{background-image:url(images/field_crops.png)}
div.slide8 div.field div.cracked1, div.slide8 div.field div.cracked2, div.slide8 div.field div.cracked3
{position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/field_crops.png) no-repeat 0 -195px}
div.slide8 div.field div.cracked2{background-position:0 -390px}
div.slide8 div.field div.cracked3{background-position:0 -585px}
div.slide8 label.radio{color:#4a4b4f}
div.slide8 label.radio.middle{margin:0 100px 0 100px}
div.slide8 div.slide_content div.column1{position:relative; height:240px; width:35%; float:left}
div.slide8 div.slide_content div.column2{height:245px; padding:30px 0 0 0; color:#4a4b4f; margin:0 0 -50px 10px; width:50%; float:left; background:url(images/radio.gif) no-repeat 10px center} 
div.slide8 div.slide_content div.column2 p{padding-bottom:25px} 
div.slide8 div.slide_content div.column1 div.cracked0, div.slide8 div.slide_content div.column1 div.cracked1, 
div.slide8 div.slide_content div.column1 div.cracked2, div.slide8 div.slide_content div.column1 div.cracked3
{position:absolute; left:0; top:50px; width:100%; height:133px; background:url(images/cracked_plant.png) no-repeat center 0}
div.slide8 div.slide_content div.column1 div.cracked1{background-position:center -133px}
div.slide8 div.slide_content div.column1 div.cracked2{background-position:center -266px}
div.slide8 div.slide_content div.column1 div.cracked3{background-position:center -399px}

div.slide8 div.indicator{color:#fff; background-position:0 -93px}
div.slide8 div.indicator span{position:absolute; right:8px; top:8px; color:#000; font-size:.9em} 

/* slide9 (6.2) */  
div.slide9 div.field.cracked1{background:url(images/field_crops.png) no-repeat 0 -195px}
div.slide9 div.field.cracked2{background:url(images/field_crops.png) no-repeat 0 -390px}
div.slide9 div.field.cracked3{background:url(images/field_crops.png) no-repeat 0 -585px}
div.slide9 label.radio{color:#4a4b4f}
div.slide9 label.radio.middle{margin:0 100px 0 100px}
div.slide9 div.slide_content div.column1{height:235px; text-align:center; width:28%; float:left; background:url(images/circle_manure.png) no-repeat center 20px}
div.slide9 span.manure{display:inline-block; position:relative; top:20px; width:119px; height:129px; background:url(images/manure.png) no-repeat}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    div.slide9 span.manure{left:1px}
}
div.slide9 div.slide_content div.column2{height:243px; padding:30px 0 0 0; color:#4a4b4f; margin:0 0 -50px 20px; width:50%; float:left; background:url(images/radio.gif) no-repeat 10px center} 
div.slide9 div.slide_content div.column2 p{padding-bottom:25px}
/* farmer animation */
div.slide9 div.farmer{display:none; position:absolute; width:144px; height:59px; background:url(images/farmer2.png) no-repeat}
div.slide9 div.farmer.frame1{background-position:0 -59px}
div.slide9 div.farmer.frame2{background-position:0 -118px}
div.slide9 div.farmer.frame3{background-position:0 -177px}
div.slide9 div.farmer.frame4{background-position:0 -236px}
div.slide9 div.farmer.frame5{background-position:0 -295px}
div.slide9 div.farmer.frame6{background-position:0 -354px}
div.slide9 div.farmer.frame7{background-position:0 -413px}
div.slide9 div.farmer.frame8{background-position:98px -472px}
div.slide9 div.farmer.frame9{background-position:78px -531px}
div.slide9 div.farmer.frame10{background-position:59px -590px}
div.slide9 div.farmer.frame11{background-position:39px -649px}
div.slide9 div.farmer.frame12{background-position:19px -708px}
div.slide9 div.farmer.frame13{background-position:1px -767px}
div.slide9 div.indicator{color:#fff; background-position:0 -93px}
div.slide9 div.indicator span{position:absolute; right:7px; top:7px; color:#000; font-size:.9em} 

/* slide10 (6.3) */
div.slide10 div.field.cracked1{background:url(images/field_crops.png) no-repeat 0 -195px}
div.slide10 div.field.cracked2{background:url(images/field_crops.png) no-repeat 0 -390px}
div.slide10 div.field.cracked3{background:url(images/field_crops.png) no-repeat 0 -585px}
#circle10.frame1{background-position:0 -440px}
#circle10.frame2{background-position:0 -880px}
#circle10.frame3{background-position:0 -1320px}
/* clouds light */
#circle10.frame1 div.cloud1, #circle10.frame1 div.cloud2, #circle10.frame1 div.cloud3
{width:47px; height:26px; background:url(images/stormcloud_small.png) no-repeat}
#circle10.frame1 div.cloud2{background-position:0 -26px}
#circle10.frame1 div.cloud4, #circle10.frame1 div.cloud5, #circle10.frame1 div.cloud6, #circle10.frame1 div.cloud7
{width:106px; height:60px; background:url(images/stormcloud.png) no-repeat} 
#circle10.frame1 div.cloud8, #circle10.frame1 div.cloud9, #circle10.frame1 div.cloud10
{width:165px; height:88px; background:url(images/stormcloud_medium.png) no-repeat} 
/* clouds medium */
#circle10.frame2 div.cloud1, #circle10.frame2 div.cloud2, #circle10.frame2 div.cloud3
{width:47px; height:26px; background:url(images/stormcloud_small.png) no-repeat}
#circle10.frame2 div.cloud2{background-position:0 -52px}
#circle10.frame2 div.cloud4, #circle10.frame2 div.cloud5, #circle10.frame2 div.cloud6, #circle10.frame2 div.cloud7
{width:106px; height:60px; background:url(images/stormcloud.png) no-repeat 0 -60px} 
#circle10.frame2 div.cloud8, #circle10.frame2 div.cloud9, #circle10.frame2 div.cloud10
{width:165px; height:88px; background:url(images/stormcloud_medium.png) no-repeat 0 -88px} 
/* clouds medium */
#circle10.frame3 div.cloud1{width:47px; height:26px; background:url(images/stormcloud_small.png) no-repeat 0 -52px}
#circle10.frame3 div.cloud2, #circle10.frame3 div.cloud3, #circle10.frame3 div.cloud4
{width:106px; height:60px; background:url(images/stormcloud.png) no-repeat 0 -60px} 
#circle10.frame3 div.cloud4{background-position:0 -120px}
#circle10.frame3 div.cloud5, #circle10.frame3 div.cloud6, #circle10.frame3 div.cloud7, #circle10.frame3 div.cloud8
{width:164px; height:88px; background:url(images/stormcloud_medium.png) no-repeat 0 -176px} 
#circle10.frame3 div.cloud5{background-position:0 -88px}
#circle10.frame3 div.cloud9, #circle10.frame3 div.cloud10
{width:188px; height:118px; background:url(images/stormcloud_big.png) no-repeat 0 0} 
div.slide10 label.radio{color:#4a4b4f}
div.slide10 div.land{overflow:hidden}
div.slide10 label.radio.middle{margin:0 100px}
div.slide10 div.slide_content div.column1{position:relative; overflow:hidden; height:235px; text-align:center; width:30%; float:left; background:url(images/circle_dark_gray.png) no-repeat center 20px}
div.slide10 div.slide_content div.storm{position:relative; top:100px; height:200px; width:50%}
div.slide10 div.slide_content div.column2{height:240px; padding:30px 0 0 0; color:#4a4b4f; margin:0 0 -50px 10px; width:50%; float:left; background:url(images/radio.gif) no-repeat 10px center} 
div.slide10 div.slide_content div.column2 p{padding-bottom:42px}
div.slide10 span.rain{display:inline-block; position:absolute; top:0; width:40px; height:40px; background:url(images/storm.png) no-repeat}
div.slide10 div.stormclouds1, div.slide10 div.stormclouds2, div.slide10 div.stormclouds3
{position:absolute; left:0; top:10px; z-index:100; width:252px; height:120px; background:url(images/stormclouds.png) no-repeat 0 0}
div.slide10 div.stormclouds2{background-position:0 -120px}
div.slide10 div.stormclouds3{background-position:0 -240px}
div.slide10 div.indicator{color:#fff; background-position:0 -93px}
div.slide10 div.indicator span{position:absolute; right:7px; top:8px; color:#000; font-size:.9em} 

/* slide11 (6.4) */  
div.slide11 div.field.cracked1{background:url(images/field_crops.png) no-repeat 0 -195px}
div.slide11 div.field.cracked2{background:url(images/field_crops.png) no-repeat 0 -390px}
div.slide11 div.field.cracked3{background:url(images/field_crops.png) no-repeat 0 -585px}
div.slide11 label.radio{color:#4a4b4f}
div.slide11 label.radio.middle{margin:0 100px 0 100px}
div.slide11 div.slide_content div.column1{height:235px; text-align:center; width:28%; float:left; background:url(images/circle_dark_gray.png) no-repeat center 20px}
div.slide11 span.weeds{display:inline-block; width:216px; height:201px; background:url(images/weeds.png) no-repeat}
div.slide11 span.weeds.frame1{background-position:0 -201px}
div.slide11 span.weeds.frame2{background-position:0 -402px}
div.slide11 span.weeds.frame3{background-position:0 -603px}
div.slide11 span.weeds.frame4{background-position:0 -804px}
div.slide11 span.weeds.frame5{background-position:0 -1005px}
div.slide11 span.weeds.frame6{background-position:0 -1206px}
div.slide11 span.weeds.frame7{background-position:0 -1407px}
div.slide11 span.weeds.frame8{background-position:0 -1608px}
div.slide11 span.weeds.frame9{background-position:0 -1809px}
div.slide11 span.weeds.frame10{background-position:0 -2010px}
div.slide11 span.weeds.frame11{background-position:0 -2211px}
div.slide11 span.weeds.frame12{background-position:0 -2412px}
div.slide11 span.weeds span{display:inline-block; width:127px; height:201px; background:url(images/weed.png) no-repeat 0 bottom}
div.slide11 div.slide_content div.column2{height:240px; padding:30px 0 0 0; color:#4a4b4f; margin:0 0 -50px 20px; width:50%; float:left; background:url(images/radio.gif) no-repeat 10px center} 
div.slide11 div.slide_content div.column2 p{padding-bottom:25px}
div.scissors{width:133px; height:133px; float:right; position:relative; top:50px; background:url(images/scissors.png) no-repeat}
div.scissors.frame1{background-position:0 -133px}
div.scissors.frame2{background-position:0 -266px}
div.slide11 div.indicator{color:#fff; background-position:0 -93px}
div.slide11 div.indicator span{position:absolute; right:7px; top:8px; color:#000; font-size:.9em} 

/* slide12 */
div.slide12 div.slide_content{margin-top:80px; padding:25px 0 0 70px; background:url(images/content_white.png) no-repeat right 10px} 
div.slide12 h3{font-family:preloslab-light, Arial, Sans-serif; color:#c7c7c7; font-size:2.2em; padding:2px 0 0 0}
div.slide12 h3 span{font-family:preloslab-semibold, Arial, Sans-Serif; color:#fff}
div.slide12 h2{color:#4d4f54; font-family:preloslab-light, Arial, Sans-Serif; font-size:1.4em; line-height:1.1em; margin:0 0 30px 0; text-transform:none}
div.slide12 div.slide_content div.column1{color:#4d4f54; position:relative; height:320px; padding:50px 0 0 40px; margin:0 -50px 0 0; width:47%; float:left; background:url(images/auction.png) no-repeat right bottom}
div.slide12 div.slide_content div.column2{color:#4d4f54; display:none; height:320px; text-align:center; padding:50px 0 0 0; width:45%; float:left}
div.slide12 div.slide_content a.button{color:#fff; display:inline-block; height:25px; width:200px; padding:6px 15px 0 0; background:url(images/download.png) no-repeat}
#rating{position:absolute; top:107px; left:67px; width:180px; text-align:center; font-size:.9em}
#verdict{position:absolute; display:none; top:155px; left:67px; width:180px; height:45px; text-align:center; font-weight:bold; font-size:2.6em}
#crate{width:205px; height:153px; position:absolute; right:10px; bottom:30px; background:url(images/weight_big.png) no-repeat}
#crate.weight1{background-position:0 -153px}
#crate.weight2{background-position:0 -306px}
#crate.weight3{background-position:0 -459px}
#crate.weight4{background-position:0 -612px}
#crate.weight5{background-position:0 -765px}
#crate.weight6{background-position:0 -918px}
#crate.weight7{background-position:0 -1071px}
#crate.weight8{background-position:0 -1224px}
#crate.weight9, #crate.weight10{background-position:0 -1377px}
div.slide12 div.footer{position:relative; margin:-20px 0 0 0; z-index:10; background:url(images/footer.png) no-repeat right 0; padding:25px 0; color:#8b8f92; 
	/*text-align:center;*/
}
div.slide12 div.footer span.wrapper{display:inline-block; width:471px; height:32px; background:url(images/footer.gif) no-repeat;
	margin-left:165px;
	}
div.slide12 div.footer span.wrapper span{margin:0 10px}
a.social{display:inline-block; cursor:pointer; margin:0 5px 0 0; position:relative; top:5px}
/*div.slide12 div.footer a.button{display:inline-block; cursor:pointer; color:#8b8f92; padding:15px 20px 0 0; width:138px; height:25px; background:url(images/refresh.gif) no-repeat; margin:0 0 0 15px;}*/
div.slide12 div.indicator, div.slide12 div.indicator.active{cursor:pointer; top:274px !important; background-position:0 -62px}

#delen {display:inline-block; cursor:pointer; margin:0 5px 0 0; position:relative; top:5px;float:right;margin-right:10px}
div.slide12 a.button2 {position:absolute;display:inline-block; cursor:pointer; color:#8b8f92; padding:13px 20px 0 10px; width:138px; height:25px; background:url(images/refresh.gif) no-repeat; margin:0 0 0 15px;}