@charset "UTF-8";
/* CSS Document */


.KwoledgeTop {position:relative; height:134px; padding-top:20px}
.KnowledgeTitle {font-family:'Arial Black', Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; color:#FFF; width:475px; background-color:#262626; height:145px}
.KnowledgeTitle span { font-size:34px; display:block; width:auto; float:left; padding-left:10px; padding-right:5px; margin-left:-5px; background-color:#ED2200}
.KnowledgeTitle strong {font-size:34px; display:block; clear:left; padding-left:5px}
.KnowledgeTitle p { font-size:19px; font-family:Arial, Helvetica, sans-serif; display:block; clear:left; padding-top:10px}

.KowledgePoints {margin-right:-10px}
.PointStrategy {background:url(../images/content/knowledge/strategy.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.PointDesign {background:url(../images/content/knowledge/design.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.PointWeb {background:url(../images/content/knowledge/web.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.PointResults {background:url(../images/content/knowledge/results.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.Points:hover {background-position:center bottom}
.Points:hover .ShowTitles {display:block;}
.Points .Hide {position:absolute; left:0; top:20px; display:none}
.Points:hover .Hide {display:block}
.Points .ShowTitles {position:absolute; margin-top:113px; display:none}
.Points {margin-right:10px; *float:left}

.pointfr .PointStrategy {background:url(../imagesFR/strategy_fr.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.pointfr .PointDesign {background:url(../imagesFR/design_fr.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.pointfr .PointWeb {background:url(../images/content/knowledge/web.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.pointfr .PointResults {background:url(../imagesFR/results_fr.png) center top no-repeat; width:108px; height:108px;display:inline-block}
.pointfr .Points:hover .ShowTitles {display:block;}
.pointfr .Points .Hide {position:absolute; left:0; top:20px; display:none}
.pointfr .Points:hover .Hide {display:block}
.pointfr .Points .ShowTitles {position:absolute; margin-top:113px; display:none}

.StrategyTitle {background:url(../images/content/knowledge/strategy_title.png) center center no-repeat; width:137px; height:29px; margin-left:-13px}
.DesignTitle {background:url(../images/content/knowledge/design_title.png) center center no-repeat; width: 111px; height: 29px; 0}
.WebTitle {background:url(../images/content/knowledge/web_title.png) center center no-repeat; width:118px; height:29px; margin-left:-2px}
.ResultsTitle {background:url(../images/content/knowledge/results_title.png) center center no-repeat; width:81px; height:29px; margin-left:15px}

.pointfr .StrategyTitle {background:url(../imagesFR/strategy_title_fr.png) center center no-repeat; width:137px; height:29px; margin-left:-13px}
.pointfr .DesignTitle {background:url(../imagesFR/design_title_fr.png) center center no-repeat; width: 111px; height: 29px; 0}
.pointfr .WebTitle {background:url(../imagesFR/web_title_fr.png) center center no-repeat; width:118px; height:29px; margin-left:-2px}
.pointfr .ResultsTitle {background:url(../imagesFR/results_title_fr.png) center center no-repeat; width:81px; height:29px; margin-left:15px}

.Colors {background:url(../images/content/knowledge/bg_colors.png) 6px center no-repeat; padding-left:35px; min-height:77px; text-align:justify; padding-top:5px}
.KowledgeStats h3 {font-family:'Arial Black', Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:-1px; color:#3a3a3a; line-height:18px}
.KnowledgeSep {display:block ; height:20px}
.StatsBlock {display:block; padding-bottom:15px; padding-left:70px; text-align:justify; min-height:75px; padding-top:10px}
.StatsBlock em {display:block; color:#8f8f8f}
.StatsContent {padding:10px 15px 0; width:320px}

.FirstStat {background:url(../images/content/knowledge/75.png) left top no-repeat;}
.SecondStat {background:url(../images/content/knowledge/68.png) left top no-repeat}
.ThirdStat {background:url(../images/content/knowledge/2mll.png) left top no-repeat}
.FourthStat {background:url(../images/content/knowledge/50seconds.png) left top no-repeat}
.LastStat {background:url(../images/content/knowledge/computer.png) top left no-repeat; padding-top:0px !important; padding-bottom:8px !important}

.ElegantCode {display:block; margin-top:10px}
.ElegantCode:hover .CodeImage {background-position:left bottom}
.CodeImage {background:url(../images/content/knowledge/bg_quality_coding.png) top left no-repeat; height:115px; display:block; width:148px; margin-right:15px}
.NudeCode {background:url(../images/content/knowledge/nude_code.png) center center no-repeat; width:145px; height:148px; display:block; margin-top:-5px}
.CodeText {width:647px; display:block; text-align:justify}
.Explorers {display:block; background:url(../images/content/knowledge/explorers.png) left center no-repeat; height:49px; text-align:right; margin-top:15px; line-height:49px; width:647px}
.Explorers a {color:#ED2200; text-decoration:none}
.Return {background:url(../images/content/knowledge/return.png) left top no-repeat; min-height:0px !important}

/*Arrows*/
.AnotomySecondtArrow {background:url(../images/content/knowledge/first_arrow.png) center center no-repeat; width:125px; height:67px; top:63px; left:200px ;}
.AnotomyThirdtArrow {background:url(../images/content/knowledge/second_arrow.png) center center no-repeat; width:138px; height:80px; top:253px; left:200px;}
.AnotomyFourArrow {background:url(../images/content/knowledge/thir_arrow.png) center center no-repeat; width:310px; height:112px; top:328px; left:200px;}
.AnotomyFiveArrow {background:url(../images/content/knowledge/four_arrow.png) center center no-repeat; width:131px; height:18px; top:545px; left:155px;}
.AnotomySixArrow {background:url(../images/content/knowledge/five_arrow.png) center center no-repeat; width:182px; height:20px; top:648px; left:215px;}

/*fr*/
.knowledgeFR .AnotomySecondtArrow {background:url(../images/content/knowledge/first_arrow.png) center center no-repeat; width:125px; height:67px; top:59px; left:200px ;}
.knowledgeFR .AnotomyThirdtArrow {background:url(../images/content/knowledge/second_arrow.png) center center no-repeat; width:138px; height:80px; top:284px; left:200px;}
.knowledgeFR .AnotomyFourArrow {background:url(../images/content/knowledge/thir_arrow.png) center center no-repeat; width:310px; height:112px; top:379px; left:200px;}
.knowledgeFR .AnotomyFiveArrow {background:url(../images/content/knowledge/four_arrow.png) center center no-repeat; width:131px; height:18px; top:599px; left:217px;}
.knowledgeFR .AnotomySixArrow {background:url(../images/content/knowledge/five_arrow.png) center center no-repeat; width:182px; height:20px; top:714px; left:144px;}

/*More Conversions*/
.MoreConversions {background:url(../images/content/knowledge/bg_moreconversions.png) 610px 75px no-repeat; margin-bottom:30px; position:relative}

.knowledgeFR .MoreConversions {background:url(../imagesFR/bg_moreconversionsFR.png) 610px 75px no-repeat; margin-bottom:30px; position:relative}

.MoreConversionPoinst:hover .MoreConversionArrows {display:block}
.MoreConversionArrows {display:none}
.MoreFirstArrow {background:url(../images/content/knowledge/moreconversions_1arrow.png) center center no-repeat; width:407px; height:39px; position:absolute; top:70px; left:315px}
.MoreSecondtArrow {background:url(../images/content/knowledge/moreconversions_2arrow.png) center center no-repeat; width:314px; height:168px; position:absolute; top:115px; left:402px}
.MoreThirdArrow {background:url(../images/content/knowledge/moreconversions_3arrow.png) center center no-repeat; width:193px; height:25px; position:absolute; top:324px; left:555px}


.MoreConversions p {display:block; text-align:justify}
.MoreCoversionsText {display:block; width:600px}
.MoreCoversionsText h3 {font-family:'Arial Black', Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px; margin-bottom:3px; color:#3a3a3a; font-size:14px}
.MoreCoversionsText ul {display:block; margin-top:5px}
.MoreCoversionsText ul li {background:url(../images/content/grey_list.gif) left 5px no-repeat; padding-left:10px;}
.MoreConversions:hover .MoreCoversionsText ul li {background:url(../images/content/red_point.gif) left 5px no-repeat}

.QualityCode {position:relative}
.QualityCode:hover .QualityCodeArrow {display:block}
.QualityCodeArrow {background:url(../images/content/knowledge/arrow_code.png) center center no-repeat; width:699px; height:61px; position:absolute; top:-35px; left:220px; display:none}