#hero{position:absolute;width:998px;height:396px;top:46px;}
#hero img.bg{position:absolute;top:0;left:0;z-index:9;display:none;}
#hero img.bg.sel{display:block;}
#hero div.msg{position:absolute;top:0;left:0;z-index:100;display:none;}
#hero div.msg.sel{display:block;}
#hero ul.scroll{z-index:100;position:absolute;top:350px;right:15px;}
#hero h2, #hero h3{font-family: Droid Sans, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:30px;font-weight:normal;line-height:38px;}
#hero h2 strong, #hero h3 strong, #hero h2 b, #hero h3 b{font-weight:bold; color:#ee6120;}
#hero a.btn{padding-left:20px;display:inline-block;color:#fff;background:transparent url(/images/bg-btn.png) no-repeat 0 0; text-decoration:none;}
#hero a.btn span{display:inline-block;padding:6px 30px 10px 0;color:#fff;background:transparent url(/images/bg-btn.png) no-repeat right 0; margin-right:-20px;}

a.hface{z-index:99;position:absolute;bottom:-1px;left:81;cursor:pointer;width:81px; height:73px; background:transparent;background:transparent url(/images/bg-happy-face.png) no-repeat 0 0;display:block;}
a.hface.sel{background-position: 0 -73px;}
#about{position:absolute;bottom:-1px;left:81px;width:917px;height:73px;z-index:99;overflow:hidden;}
#about h1{font-size:14px;  line-height: 22px; font-weight:normal; color:#fff; padding:15px 0 0 40px;}
#about-msg{position:absolute;bottom:0;left:0;width:917px;height:73px;background:transparent url(/images/bg-about.png) repeat-x 0 0; left:-1000px;}

ul.scroll{ list-style-type:none;}
ul.scroll li {float:left;margin-right:10px;}
ul.scroll li a{display:block;width:15px;height:15px;cursor:pointer; background:transparent url(/images/dots.png) no-repeat;}
ul.scroll li.sel a{background-position:-28px 0;}

#solutions {height:420px;width: 508px;float: left;margin-top: 5px;color: #ddd; background:transparent url(/images/bg-solutions-hm.png) no-repeat bottom left;}
#solutions ul.desc{z-index:200;list-style-type:none;position:relative;height:60px;margin:0;}
#solutions ul.desc li{position:absolute;left:0;top:0;width:508px;padding:13px 0; color:#fff;font-size:13px; text-align:center;display:none;}
#sol-mask {height:298px;width: 508px;overflow:hidden;position:relative;}
#apps { margin:0; padding:0; position:relative; z-index:1 }
#apps li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0px; background: transparent url(images/loading2.gif) center no-repeat;}
#apps img{margin: 4px; border:0; vertical-align:bottom; width:224px; height:439px }
#apps img, #apps li, #apps a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
#apps .front{margin-top: 0;}
#apps .front img{margin: 10px;}
#apps .behind{margin-top: 25px;}
#apps .behind img{margin: 6px;}
#apps .back{margin-top: 40px;}
#ext-ctrl{padding:8px 0 0 20px;position:relative;z-index:200;}
#ext-ctrl a{cursor:pointer;display:block;width:56px;height:44px; text-indent:-9999px; background:transparent url(/images/case-study-sprite.png) no-repeat 0 0; float:right; margin-right:25px;}
#ext-ctrl a.manu{background-position:0 0;}
#ext-ctrl a.manu.sel, #ext-ctrl a.manu:hover{background-position:0 -44px;}
#ext-ctrl a.ret{background-position:-56px 0;}
#ext-ctrl a.ret.sel, #ext-ctrl a.ret:hover{background-position:-56px -44px;}
#ext-ctrl a.ls{background-position:-112px 0;}
#ext-ctrl a.ls.sel, #ext-ctrl a.ls:hover{background-position:-112px -44px;}
#ext-ctrl a.fs{background-position:-168px 0;}
#ext-ctrl a.fs.sel, #ext-ctrl a.fs:hover{background-position:-168px -44px;}
#ext-ctrl a.tel{background-position:-224px 0;}
#ext-ctrl a.tel.sel, #ext-ctrl a.tel:hover{background-position:-224px -44px;}
#ext-ctrl a.cpg{background-position:-280px 0;}
#ext-ctrl a.cpg.sel, #ext-ctrl a.cpg:hover{background-position:-280px -44px;}

#news {padding: 32px 0 0 0;width: 195px;float: left;margin: 0 34px;}
#news h2 {display: block;margin:0;padding: 0;}
#main h4 {font-weight: normal;color: #B0B0B0;margin: 0 0 1px 0;padding: 5px 0;display: block;text-shadow: 0 1px 0 #000;}
#main h4 a {font-size: 16px;margin: 0 0 1px 0;color:#F47422;padding-left:0;display:inline;text-decoration: none;text-shadow: 0 1px 0 #000;font-weight: normal;border-top: 0;border-bottom: 0;}
#news a {color: #dadada;font-size: 11.5px;line-height: 16px;display: block;text-decoration: none; padding-bottom:10px;}
#news a:hover {color: #fff;}
#news a span {display: block;width: 60px;float: left;color: #F47422;text-align: left;font-size: 11px;}

#announcements {padding: 0;text-indent: 0;width: 229px; height:385px; float: left;position:relative;top:40px;background-color: #2E2E2E;border-bottom: 1px solid #000000;}
#announcements div.pnl {position:absolute; top:0; left:0; display:none;}
#announcements ul {position:absolute; top:362px; left:56px;display:block;padding:  0; margin:0;}
#announcements a.more{cursor:pointer;display:block; margin-top:10px;background: transparent url(/images/widgets.png) no-repeat scroll left -130px;width:105px;height:35px;text-indent:-9999px;}
#announcements a.learn{cursor:pointer;display:block; margin-top:10px;background: transparent url(/images/widgets.png) no-repeat scroll left -910px;width:105px;height:35px;text-indent:-9999px;}
#announcements a.sign{cursor:pointer;display:block; margin-top:10px;background: transparent url(/images/widgets.png) no-repeat scroll left -1090px;width:105px;height:35px;text-indent:-9999px;}
#announcements h3{font-weight:normal;font-size:14px; line-height:20px; padding:25px 15px 0 15px; height:135px; background-color:#000; color:#fff; margin-top:-3px;}
#announcements h3 strong, #announcements h3 b{color:#F47422;font-weight:normal;}

#announcements a.oracle{cursor:pointer;display:block; margin-top:22px;background: transparent url(/images/usr/oracle-open-world-button.png);width:229px;height:33px;text-indent:-9999px;margin-right: -15px; margin-left: -15px;}

#announcements h4{font-weight:normal;font-size:12px; line-height:16px; padding:25px 13px 0 15px; height:135px; background-color:#000; color:#fff; margin-top:-3px;}