﻿#main{padding-left:25px;}
#nav {height: 43px;font-family: Arial, Helvetica, sans-serif!important;}
#header {font-family: Arial, Helvetica, sans-serif!important;}
#mid{position:relative;width:980px;}

/* hero and backgrounds */
#couter{max-width:1186px; min-width:1000px;margin:0 auto;height:995px;font-family: Droid Sans, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#couter img.bg{position:absolute;z-index:8;display:none;}
#couter img.bg.sel{position:absolute;z-index:10;display:block;}
#hero{height:540px;position:relative;}
#hero div.msg{position:absolute;left:20px;z-index:100;}
#hero h1, #hero h2, #hero h3{font-size:42px;font-weight:normal;line-height:48px;}
#hero h1 strong, #hero h2 strong, #hero h3 strong{color:#ee6120;font-weight:normal;}
#hero h2.white{color:#fff;}
ul.scroll{position:absolute;bottom:15px;left:20px;}
ul.scroll{ list-style-type:none; margin:0; padding:0;}
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;}

/* message control */
.chroma{border-bottom:1px solid #555;width:288px; height:158px; padding:20px; position:absolute; top:230px; background:transparent url(../images/bg-chroma.png);}
.chroma img{padding-left:50px;}
.chroma p{color:#fff; font-size: 18px;line-height: 22px;padding-top: 7px;padding-bottom:10px;}
.btn-tour{position: absolute;top: 429px;left:0;border:none;}
.btn-tour img{border:none;}
#cpo{ cursor:pointer;position:absolute;bottom:12px;right:30px;text-transform:uppercase;color:#fff;border-bottom:0; padding-bottom:2px; font-size:12px; font-weight:bold;}
#cpo:hover{padding-bottom:1px; border-bottom:1px solid #ddd;}


/* news */
.npnl{float:left; width:150px; padding:15px; height:270px;font-family: Arial, Helvetica, sans-serif; }
.npnl div.top{height:130px;}
.npnl span{display:block;color: #F1732B;}
.npnl a, .npnl p{color:#fff; text-decoration:none; line-height:16px;font-size:11px;}
.npnl a:hover span{text-decoration:underline;}
.npnl h4 a{color: #F1732B;display: block;font-size: 16px;font-weight: normal;padding-bottom: 15px;text-decoration: none;text-transform: uppercase;font-family: Droid Sans, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}


/* rotating ads */
#awrap{height: 280px;left: 20px;position: absolute;top: 230px;width: 370px;}
#awrap ul {position:absolute; top:250px; left:45px;display:block;padding:  0; margin:0;}
#awrap ul.scroll li {margin-right:5px!important;}
#awrap ul li a{background:transparent url(../images/dots-sm.png) no-repeat!important;}
#awrap ul li.sel a{background-position:-22px 0!important;}
#awrap a.ctrl{display:none;cursor:pointer;width:14px;height:20px; background:transparent url(../images/arrow-ctrls.png) no-repeat 0 0; position:absolute; top:110px; left:-22px;}
#awrap a.ctrl.right{background-position:-14px 0;left:380px; display:block;}
#announcements {position:relative;padding: 0;text-indent: 0;width: 370px; height:240px; float: left;background: url("../images/bg-chroma.png") repeat scroll 0 0 transparent; overflow:hidden;}
#apnl{position:absolute;width: 2300px; height:240px; }
#announcements div.pnl {position:relative; top:0; left:0; float:left;width: 330px; height:200px; padding:20px;}
#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.sign {background: url("../images/widgets.png") no-repeat scroll left -1090px transparent;cursor: pointer;display: block;height: 35px;margin-top: 10px;text-indent: -9999px;width: 105px;}
#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.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 h3{font-weight:normal;font-size:16px; line-height:24px; padding-top:10px; height:135px;  color:#fff; margin-top:-3px;}
#announcements img{float:left; margin-right:20px;}
#announcements h3 strong, #announcements h3 b{color:#F47422;font-weight:normal;}
#announcements h4{font-weight:normal;font-size:12px; line-height:16px; padding:25px 13px 0 15px; height:135px;  color:#fff; margin-top:-3px;}
#announcements a.btn{padding-left:20px;display:inline-block;color:#fff;background:transparent url(../images/bg-btn-grey.png) no-repeat 0 0; text-decoration:none;}
#announcements a.btn span{display:inline-block;padding:4px 30px 6px 0;color:#000;background:transparent url(../images/bg-btn-grey.png) no-repeat right 0; margin-right:-20px;}

/* lower right ad */
.lrad{float:left;width:345px;height:235px; margin:20px 0 0 40px; position:relative;}
.lrad a.btn{padding-left:20px;margin-top:15px;display:inline-block;color:#fff;background:transparent url(../images/bg-btn.png) no-repeat 0 0; text-decoration:none;}
.lrad a.btn span{display:inline-block;padding:2px 30px 10px 0;color:#fff;background:transparent url(../images/bg-btn.png) no-repeat right 0; margin-right:-20px; font-size:12px;}
.lrad h3{font-size:18px; color:#f26d06;padding-bottom:15px; font-weight:normal;}
.lrad p{font-size:14px; color:#fff; padding-bottom:15px;line-height:22px;}
.lrad p em{font-style:normal; color:#f26d06;}
.lrad div{padding:20px;}

#industries{padding:35px 0 0 20px;position:relative;}
#industries a{cursor:pointer;display:block;width:75px;height:76px;margin-right:90px;text-indent:-9999px; background:transparent url(../images/icon-industries.png) no-repeat 0 0; float:left;}
#industries a.last{margin-right:0;}
#industries a.manu:hover{background-position:0 0;}
#industries a.manu{background-position:0 -78px;}
#industries a.ret:hover{background-position:-143px 0;}
#industries a.ret{background-position:-143px -78px;}
#industries a.ls:hover{background-position:-307px 0;}
#industries a.ls{background-position:-307px -78px;}
#industries a.fs:hover{background-position:-593px 0;}
#industries a.fs{background-position:-593px -78px;}
#industries a.tel:hover{background-position:-743px 0;}
#industries a.tel{background-position:-743px -78px;}
#industries a.cpg:hover{background-position:-877px 0;}
#industries a.cpg{background-position:-877px -78px;}
#industries a.svc:hover{background-position:-440px 0;}
#industries a.svc{background-position:-440px -78px;}


