@charset "utf-8";
/* Css Reset by Eric Mayer */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
:focus { outline:0;}
ins { text-decoration:none;} 
del { text-decoration: line-through;}
table { border-collapse:collapse; border-spacing:0;} 

/* Main Styles */
body { position:relative; margin:0; min-width:980px; padding:0;}

p { margin:0 0 20px;}
p, ul { }
img { border:0;}

/* Fixed elements */
#navWrp { }
#nav { position:fixed; bottom:30px; right:40px; z-index:99999; list-style:none; margin:0; padding:0;}
#nav li { clear:both; float:left; width:8px; margin:0 0 4px;}
#nav li a { float:left; width:8px; height:9px; margin:0; text-indent:-9999px; background:url(../images/icons-slides.png) no-repeat -8px 0;}
#nav li a:hover { background-position:-16px 0;}
#nav li.active a { background-position:0 0;}

#socialsWrp {}
#socials { display:none; list-style:none; position:fixed; top:30px; right:30px; margin:0; padding:0; z-index:99999;}
#socials li { clear:both; float:left; width:26px; margin:0 0 5px;}
#socials li a { clear:both; float:left; width:26px; height:26px; margin:0 0 0; text-indent:-9999px; background:url(../images/icons-social.png) no-repeat 0 0;}
#socials li.yt { margin-bottom:15px;}
#socials li.fb a { background-position:0 0;}
#socials li.tw a { background-position:0 -30px;}
#socials li.gp a { background-position:0 -60px;}
#socials li.yt a { background-position:0 -90px;}
#socials li.dl a { background-position:0 -120px;}
#socials li.fb a:hover { background-position:-26px 0;}
#socials li.tw a:hover { background-position:-26px -30px;}
#socials li.gp a:hover { background-position:-26px -60px;}
#socials li.yt a:hover { background-position:-26px -90px;}
#socials li.dl a:hover { background-position:-26px -120px;}

/* Stories */
.slide { position:relative;}
.story { margin:0 auto; min-width:980px; width:980px;}
.story h2 { margin:50px 0 60px 25px; font:normal 3.7em/1.2em FedraSansAltProBook, Arial, Helvetica, sans-serif;}
.story h2 strong { font-family:FedraSansAltProBold; font-weight:normal; color:#f69d31;}
.story .contentWrp { float:left; width:430px;}
.story .content { width:325px; line-height:1.4em; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:.9em;}
.story h4 { margin-bottom:.7em;}
.story p { margin-bottom:1em; color:#666;}

.story-logo { position:fixed; left:25px; top:50px; z-index:99999; display:none;}

#slide1 { width:100%; height:1315px; margin:0 auto; background:url(../images/slide1-bg.jpg) 50% 0 no-repeat; color:#000}
#slide1 h1 { clear:both; float:left; width:100%; height:127px; position:relative; margin:45px 0 0 25px; text-transform:uppercase; color:#f59d31; text-indent:-9999px; line-height:1em; font-size:3em; font-weight:normal; background:url(../images/ess-logo.png) no-repeat;}
#slide1 div.scrollUpWrp { clear:both; float:left; width:800px; margin-top:130px; margin-left:4px; padding:0 0 30px; font:normal 1.5em FedraSansAltProBookItalic, Arial, Helvetica, sans-serif; color:#fff;}
#slide1 dl { float:left; width:280px; margin-right:15px; font-size:.8em; padding-top: 10px; }
#slide1 dl dt { position:relative; margin-bottom:5px; clear:both; float:left; width:280px; padding-left:50px; font-weight:bold; line-height:1em; font-size:1.3em;}
#slide1 dl dd { position:relative; clear:both; float:left; width:250px; margin:0px 0 0 50px; padding-bottom:20px; font-size:.9em;}
#slide1 div.playVideoWrp { clear:both; float:left; width:100%; margin-top:20px;}
#slide1 div.playVideoWrp span { float:left; width:141px; margin:49px 63px 0 23px; font:normal 1.5em FedraSansAltProBookItalic, Arial, Helvetica, sans-serif; color:#fff;}
#slide1 div.playVideoWrp a { float:left; width:125px; height:125px; text-indent:-9999px; background:url(../images/btn-play-sprite.png) no-repeat 0 0;}
#slide1 div.playVideoWrp a:hover { background-position:0 -125px;}
#slide1 div.scrollDownWrp { clear:both; float:left; width:500px; margin-left:725px; padding:0 0 30px; font:normal 1.5em FedraSansAltProBookItalic, Arial, Helvetica, sans-serif; color:#fff;}
#slide1 div.scrollDownWrp span { background: url(../images/arrow-down-white.png) no-repeat 50% 55px; padding: 0px 0px 50px 0px; }

#slide2 { width:100%; height:2400px; overflow:hidden; background:#000 url(../images/slide2-bg.jpg) 50% 100% no-repeat fixed; color:#fff;}
#slide2 .story { position:relative; padding-top:150px; z-index:999;}
#slide2 h2 { margin:0 0 300px 25px; font-size:3.1em;}
#slide2 h2 strong { color:#33cccc;}
#slide2 div.content { width:300px; font-size:0.8em; line-height:1.7em;}
#slide2 p { margin-bottom:0;}

#slide2-obj { position:absolute; width:100%; height:2400px; overflow:hidden; background:url(../images/slide2-obj.png) 50% 100% no-repeat fixed;}

#slide3 { height:1500px; padding:100px 0 0 0; background:url(../images/slide3-bg.png) 50% 0 no-repeat fixed; color:#666;}
#slide3 .story { position:relative; padding-top:150px; z-index:999;}
#slide3 h2 { margin:0 0 200px; font-size:3.1em; background:white; filter: progid:DXImageTransform.Microsoft.Chroma(color='white'); -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white')";} /* IE7 anti-aliasing fix*/
#slide3 div.contentWrp { float:right; width:470px;}
#slide3 div.content { width:302px; font-size:.95em;}
#slide3 p:last-child { margin-bottom:0;}

#slide4 { height:1200px; padding:0 0 0 0; background:url(../images/slide4-bg.png) 50% 0 no-repeat fixed; color:#666;}
#slide4 .story { position:relative; padding-top:50px; z-index:999;}
#slide4 h2 { margin-top:65px;}

#slide4-obj { position:absolute; width:100%; height:1200px; overflow:hidden; background:url(../images/slide4-obj.png) 50% 100% no-repeat fixed;}


#slide5 { height:1100px; padding:0 0 0 0; background:#000 url(../images/slide5-bg1.png) 50% 0 no-repeat fixed; color:#c2c2c2;}
#slide5 .story { position:relative; padding-top:5px; z-index:999;}
#slide5 h2 { margin:100px 0 0 25px; color:#fff;}
#slide5 dl { position:relative; z-index:200; width:980px; height:1100px; margin:-50px auto 0; padding:0 0 0 0; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:.9em; background:url(../images/slide5-obj.png) 50% 0% no-repeat;}
#slide5 dl dt { position:absolute; text-align:center; cursor:pointer;}
#slide5 dl dt#type1 { top:143px; left:55px; width:122px; height:70px; padding:52px 0 0;}
#slide5 dl dt#type2 { top:100px; left:191px; width:122px; height:70px; padding:52px 0 0;}
#slide5 dl dt#type3 { top:238px; left:147px; width:178px; height:98px; padding:80px 0 0;}
#slide5 dl dt#type4 { top:136px; left:323px; width:178px; height:98px; padding:80px 0 0;}
#slide5 dl dt#type5 { top:332px; left:316px; width:228px; height:123px; padding:105px 0 0;}
#slide5 dl dt#type6 { top:166px; left:503px; width:228px; height:123px; padding:105px 0 0;}
#slide5 dl dt#type7 { top:416px; left:565px; width:122px; height:70px; padding:52px 0 0;}
#slide5 dl dt#type8 { top:59px; left:669px; width:122px; height:70px; padding:52px 0 0;}
#slide5 dl dt#type9 { top:171px; left:748px; width:178px; height:98px; padding:80px 0 0;}
#slide5 dl dt#type10 { top:352px; left:698px; width:122px; height:70px; padding:52px 0 0;}
#slide5 dl dd { display:none; position:absolute; float:left; width:230px; max-height:250px; padding:46px 56px; line-height:1.4em; background:url(../images/bubble-bg.png) no-repeat; text-align:center; cursor:pointer; border-radius:171px; -moz-border-radius:171px; -webkit-border-radius:171px;}
#slide5 dl dd p { color: #C2C2C2; }

#slide5-obj { position:absolute; width:100%; height:1100px; overflow:hidden; background:url(../images/slide5-bg2.png) 50% 100% no-repeat fixed;}

#slide6 { height:1100px; margin:0 auto; padding:40px 0 0 0; background:#fff url(../images/slide6-bg.jpg) 50% 0 no-repeat fixed; color:#666;}
#slide6 h2 { margin-top:50px; margin-left:0; margin-bottom:50px;}
#slide6 div.contentWrp { float:right; width:455px; font-size:.9em;}
#slide6 div.story p { line-height:1.6em;}
#slide6 dl { float:left; width:305px; margin-top:25px; font-size:1em; line-height:1.6em;}
#slide6 dl dt { clear:both; float:left; width:235px; height:63px; padding-left:70px; font-weight:bold; line-height:1em; background:url(../images/icons-solutions.png) no-repeat;}
#slide6 dl dt.award1 { background-position:0 0;}
#slide6 dl dt.award2 { background-position:0 -251px;}
#slide6 dl dd { position:relative; clear:both; float:left; width:235px; margin:-35px 0 0 70px; padding-bottom:30px;}
#slide6 dl dd.last-child { height:auto;}
#slide6 a.learnMore { float:left; padding-right:14px; border-bottom:1px dotted #70747d; line-height:normal; text-decoration:none; background:url(../images/ico-learnMore.png) no-repeat 100% 50%; color:#666;}
#slide6 a.learnMore:hover { border-bottom-color:#57a6ad; color:#57a6ad;}
#slide6 img.logos { margin-top:125px;}

#slide7 { height:800px; margin:0 auto; padding:50px 0 0; background:#000; color:#666;}
#slide7 #flashWrp { float:left; width:600px; display:none;}
#slide7 #imgMapWrp { float:left; width:600px; cursor:pointer;}
#slide7 div.contentWrp { float:right; width:380px; color:#a3a3a3;}
#slide7 h2 { margin-bottom:50px; margin-left:0; color:#fff;}
#slide7 h2 strong { color:#33cccc;}
#slide7 div.story p { color:#a3a3a3;}


#slide8 { position:relative; height:1100px; margin:0 auto; padding:0 0 0 0; background:#e3e6ed url(../images/slide8-bg.png) 50% 100% repeat-x fixed; color:#666; /*-445*/}
#slide8 div.story  { position:relative; z-index:9999; padding-top:100px;}
#slide8 h2 { margin-bottom:30px; color:#666;}
#slide8 div.contentWrp { float:none; width:980px; margin:340px auto 0; color:#a3a3a3; text-align:center;}
#slide8 div.contentWrp div.content { float:none; width:auto; font-size:100%;}
#slide8 a.mainDownloadLink { display:inline-block; max-width:940px; margin:0 auto 50px; padding:5px 17px; border:3px solid #F69D31; font:normal 3.7em/1.2em FedraSansAltProBold, Arial, Helvetica, sans-serif; letter-spacing:0.4px; background:#f7f3ef; color:#F69D31; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#slide8 a.mainDownloadLink:hover { background:#fdfcfb;}
#slide8 a.systemRequirements { clear:both; display:inline-block; margin-bottom:260px; padding-right:14px; border-bottom:1px dotted #70747d; font-size:.8em; line-height:normal; text-decoration:none; background:url(../images/ico-learnMore.png) no-repeat 100% 50%; color:#666;}
#slide8 a.systemRequirements:hover { border-bottom-color:#57a6ad; color:#57a6ad;}
#slide8 p { clear:both; width:980px; margin:0;}
#slide8 div.copyright { color: #A3A3A3; clear:both; width:980px; margin:0; font-size:.7em; line-height:normal;}
#slide8 div.copyright p { color: #A3A3A3; }
#slide8 div.copyright a { color:#666;}

#slide8-obj { position:absolute; width:980px; height:1100px; overflow:hidden; background:url(../images/slide8-obj.png) 50% 100% no-repeat fixed;}

#slide9 { height:1100px; margin:0 auto; padding:100px 0 0; background:#e9ecf1; color:#666;}
#slide9 .contentWrp>h2 { color:#666; width: 600px; }



/* Tooltip */

#aToolTip { position:absolute; display:none; z-index:50000;}
#aToolTip .aToolTipContent { position:relative; margin:0; padding:0;}
/* Default Theme */
.defaultTheme { float:left; margin:0; padding:1px 12px 3px; font:.7em/normal "Segoe UI", Arial, Helvetica, sans-serif; background:#626670; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}