/* CSS Document */
html {background:url("../images/background.png") repeat-x scroll 0 0 #F1F1CF;}
body {background:url("../images/mainBackground.png") no-repeat center top; top:0!important}
#wrapper {margin:0 auto;min-height:700px; position:relative; width:960px;}
#logo, #menu, #yellowPlayer, #vimeoPlayer {position:absolute}
a {text-decoration:none}

#logo {height:236px;left:0;top:5px;width:173px;}
#menu {right:0;top:28px;}
#menu ul li {float:left;height:35px;padding-left:25px;padding-top:28px;}
#menu ul li a {color:#000000;font:14px/27px Helvetica,Arial,Lucida Grande,sans-serif;}
#menu ul li:hover {background: url("../images/menuInteracts.png") no-repeat scroll 15px -85px transparent}
#menu ul li.active {background: url("../images/menuInteracts.png") no-repeat scroll -2px 0 transparent}

#mainArea {overflow:hidden;padding-top:90px;}
#titlesArea {float:left; padding-top:160px;width:350px}
#titlesArea h1{color:#0F4023;font:35px/35px Helvetica,Arial,Lucida Grande,sans-serif;padding-left:50px;text-shadow:-1px 1px 1px #5B658F;}
#examplesVideos {font-family:helvetica,arial,lucida Grande,sans-serif;padding-right:73px;padding-top:10px;text-align:right;}
#examplesVideos li {}
#examplesVideos li a {color:#009641;font-size:15px;}
#examplesVideos li a:hover {color:#009641;text-decoration:underline}
#examplesVideos li a.this {color:#009641;font-weight:bold}
#playersArea {float:left;height:375px;position:relative;width:610px;}
.downloadPoster {padding-left:133px !important;padding-right:0 !important;text-align:left !important;}
.downloadPoster span {color:#333333; font-size:11px}
.leftCloudFront, .leftCloudBack, .rightCloudFront, .rightCloudBack, .leftGrass, .rightGrass {background-image: url("../images/cloudsGrass.png"); position:absolute; width:82px}
.leftCloudFront {background-position:0 0;height:52px;left:0;top:-4px;z-index:3;}
.leftCloudBack{background-position:center -55px;height:12px;left:30px;top:8px;z-index:1;}
.rightCloudFront {height:50px;right:10px;top:-5px;z-index:3;}
.rightCloudBack {height:20px;right:50px;top:0;z-index:1;}
.leftGrass {background-position:0 -173px;bottom:22px;height:35px;left:7px;z-index:3;}
.rightGrass {background-position:0 bottom;bottom:20px;height:12px;right:13px;z-index:3;}
#cartelCprac {display:block;left:5px;position:absolute;top:338px;}
#samples {display:block;left:135px;position:absolute;top:398px;}
#poster {display:block;right:185px;position:absolute;top:0;}

#yellowPlayer {
font-family:helvetica,arial,lucida Grande,tahoma,sans-serif;
background-color:#FFFFFF;
height:265px;
overflow-x:auto;
overflow-y:scroll;
padding:30px 30px 30px 50px;
right:40px;
top:20px;
width:450px;
z-index:2;
-moz-box-shadow:0 0 10px #B4B1B1;-webkit-box-shadow:0 0 10px #B4B1B1;box-shadow:0 0 10px #B4B1B1;}
#yellowPlayer ul {float:left;margin-bottom:5px;margin-left:50px;margin-left:70px;}
#yellowPlayer ul li{background:url("../images/leaf_li.png") no-repeat scroll left top transparent;
color:#009640;
line-height:13px;
margin-bottom:8px;
padding-left:30px;}
#yellowPlayer p {color:#333333;
font-family:helvetica,arial,lucida Grande,tahoma,sans-serif;
font-size:15px;
line-height:25px;
margin-bottom:15px;}
#yellowPlayer p span {color:#009640;font-weight:bold;}
#yellowPlayer p a {color:#009640;}
#yellowPlayer p a:hover {text-decoration:underline}
#yellowPlayer .steps {margin-left:5px; margin-bottom:20px}
#yellowPlayer .steps > li {background-position:left 5px;color:#333; font-size:15px;line-height:25px;}
#yellowPlayer .steps > li > a, #yellowPlayer .steps > li > span{color:#009640}
#termsConditions > li {background:url("../images/termBullet.png") no-repeat scroll left 7px transparent !important;padding:0 0 0 15px !important;}
#topOverflow, #bottomOverflow {background:url("../images/overflowText.png") repeat-x; height:30px; width:445px; position: absolute}
#topOverflow {background-position:0 -30px; left:83px; top:20px; z-index:2;}
#bottomOverflow {background-position:0 0;bottom:30px;left:83px;z-index:2;}

#vimeoPlayer {background-color:#EEEEEE;height:298px;right:40px;top:20px;width:530px;z-index:2;-moz-box-shadow:0 0 10px #B4B1B1;-webkit-box-shadow:0 0 10px #B4B1B1;box-shadow:0 0 10px #B4B1B1;}
#semiFooter {height:162px;margin-top:50px;overflow:hidden;}
#semiFooter .col {background: url("../images/leaf.png") no-repeat 0 0; height:130px; float:left; width:285px;}
#semiFooter .col h2 {background:url("../images/colTitles.png") no-repeat 0 0; color:#d9f1fe;font:22px/27px Helvetica,Arial,Lucida Grande,sans-serif; margin-bottom:2px;text-align:center;text-indent:-9000em;}
#semiFooter .col h2 a{color:#D9F1FE;display:block;font:22px/27px Helvetica,Arial,Lucida Grande,sans-serif;text-indent:-9000em;}
#semiFooter .col .winTrip {background-position:22px 0}
#semiFooter .col .aboutCprac {background-position:57px -37px}
#semiFooter .col .lookForUs {background-position:20px -70px}
#semiFooter .col p{color:#f1f1cf; font:12px Helvetica, Arial, san-serif;padding-left:50px;padding-top:5px;width:200px; }
#semiFooter .col p a{color:#FFFFFF;text-decoration:underline;}
#semiFooter .centerCol {background-image:url("../images/leaf2.png") !important;background-position:14px 13px;height:146px;margin:0 58px;width:290px;}
#semiFooter .centerCol  p {padding-left:30px !important;text-align:right;}
#semiFooter .socialCol {background:none;width:260px;}
#semiFooter .socialCol p {padding:10px 0 0 45px;overflow:hidden;}
#facebook, #twitter, #vimeo {background-image:url("../images/social.png"); display:block;float:left;height:33px;margin-right:2px;width:97px; text-indent:-9000em}
#facebook {background-position:0 0}
#twitter{background-position:2px -37px;margin-top:0px;}
#vimeo {background-position:0 -75px;margin-top:8px;}

#footersLinks {}
#footersLinks ul li {float:left; margin-right:25px}
#footersLinks ul li a{color:#04401c;font:12px/27px Helvetica,Arial,Lucida Grande,sans-serif;}
#footersLinks ul li a:hover {text-decoration:underline}
#footersLinks ul li.last {color:#04401c; font:12px/27px Helvetica,Arial,Lucida Grande,sans-serif; float:right; margin-right:10px}
.goog-te-banner-frame {visibility:hidden!important}