@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
 }
body{padding:0; margin:0 auto; background-color:#000; font-size:100%;}

@font-face {
        font-family: "Myriad Pro";
        src: url('fonts/612548829-assasas.eot');
        src: url('fonts/612548829-assasas.eot?#iefix') format('embedded-opentype'),
        url('fonts/612548829-assasas.svg#Myriad Pro') format('svg'),
        url('fonts/612548829-assasas.woff') format('woff'),
        url('fonts/612548829-assasas.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

*{padding:0; margin:0;}
a:link, a:active, a:visited, a:hover{outline:none; text-decoration:none;}
.left{float:left}
.right{float:right}
img{border:0;}
.clr{clear:both}
.wraper{margin:0px auto; width:1600px; position:relative;}
.container{margin:0; width:100%; padding:0; background-color:#FFF; overflow:hidden}
.wraper header{ width:100%; background-color:#000; overflow:hidden}
header .logo{width:18%; float:left; position:relative; z-index:10}
header .logo img{vertical-align:top}
header nav{width:77%; margin-top:20px; z-index:8; position:relative; padding:5px 0 5px 5%; float:left; background-color:#00bbe8}
nav > ul{list-style:none; padding:15px 0;}
nav ul li{ display:inline; padding:0; color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
nav ul li a{ color:#FFF; padding:0 1% 0 1%; }
nav ul li a:hover{ color:#036178; background-color:#bee3f4; border-bottom:3px solid #f27e2a;  padding:3.3% 1% 3.3% 1%;}
nav ul li img{ vertical-align:middle}
.slider{width:100%; text-align:center; position:absolute; z-index:0; top:80px;}
.slider img{width:100%;}
.event_logo{position:absolute; top:0; left:70%; top:16%; width:20%; z-index:50}
.event_logo_inner{position:absolute; top:0; left:70%; top:3%; width:15.5%; z-index:50}
.outsource{width:70%; margin:0 auto 10px; margin-top:280px; position:relative; height:0; border-left: 75px solid transparent; border-right: 0px solid #000; border-bottom: 96px solid #000; opacity:0.8; filter:alpha(opacity=80); }
.outsource h1{ color:#FFF; font:bold 23px  "Myriad Pro", arial; padding:41px 0 30px 0; float:left; width:15%; border-right:2px solid #FFF;}
.outsource ul{ width:31%; float:left; list-style-type:circle; padding-top:5px; list-style-position:inside;}
.outsource .arrow{background:url(../images/out_arrow.png) no-repeat  -1% 50%; padding-left:1.5%}
.outsource ul li{font:normal 16px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 0 5px 10px;}
.outsource .button{float:right; width:20%; padding-top:17px;}
.outsource_left{background:url(../images/out_right.png) no-repeat bottom left; height:86px; width:85px; position:absolute; left:-90px; z-index:12; padding-top:15px;}
/*mid section start*/
.shell{background:url(../images/mid_bg.jpg) no-repeat top center; width:100%; padding:0; margin:0; background-color:#FFF}
.shell article{overflow:hidden; width:64%; margin:0 auto; padding-top:20px; }
.shell article section{background:url(../images/mid_box.jpg) no-repeat; width:300px; height:237px; float:left}

.shell article .box_space{margin:0 5.5%;}
.shell article section h1{font:bold 20px "Myriad Pro", arial; padding:15px 5px 0px 5px; color:#000;}
.shell article .con{background:url(../images/con_bg.gif) no-repeat; width:300px; height:237px; float:left}
.shell article .con h1{font:bold 35px "Myriad Pro", arial; text-align:center; padding:15px 5px 0px 5px; color:#fff;}
.shell article .con figure{margin:25px 0px; text-align:center}
.shell article section h1 img{vertical-align:middle}
.shell article section h2{background:url(../images/box_bot_cap.gif) repeat; margin:0px 0px 0px 2px; width:50%; padding:5px; text-transform:uppercase; font:bold 16px "Myriad Pro", arial; color:#fff;}
.shell article section h3{background-color:#666; margin:0px 0px 2px 2px; width:60px; padding:3px; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.shell article section ul{list-style:disc; padding-left:20px; height:137px;}
.shell article section ul li{font:normal 14px Arial, Helvetica, sans-serif; padding:15px 0 0 0; color:#000;}

.shell article .speaker{background:url(../images/speaker_bg.jpg) no-repeat; width:655px; height:237px; margin-left:5.5%; float:left}
.shell article .speaker .marq{ width:95%; margin:0 2.5%;}
.shell article .speaker h1{font:bold 20px "Myriad Pro", arial; padding:15px 5px 0px 5px; color:#FFF; text-transform:uppercase;}
.shell article .speaker ul{list-style:none; text-align:center; padding-top:0px; margin:0;}
.shell article .speaker ul li{display:inline; padding:0; margin:0}
.shell article .speaker ul li img{border:1px solid #fff; padding:0; margin:0 5px;}
.shell article .boxes_row{padding-top:20px; padding-bottom:290px;}

#marqueecontainer{
position: relative;
width: 96%;
margin:0 auto;
height: 139px;  
color:black;
overflow: hidden; 
padding: 2px;
padding-left: 4px;
text-align:left;
}

#marqueecontainer img {
border:1px solid #FFF;
margin:0 10px;
}
/*mid section end*/
.exhibit{width:100%; margin:10px 0% 0; position:relative}
.exhibit .spo{margin-top:50px;}
.exhibit .spo img{vertical-align:middle; margin:0 10px;}
.exhibit ul{list-style:none; text-align:center; width:93%; margin:0 auto;}
.exhibit ul li{display:inline; padding:0 3%;}
.exhibit ul li img{vertical-align:top}
.exhibit .left_arrow{width:50px; float:left;}
.exhibit .right_arrow{width:50px; float:right;}
.exhibit hr{background-color:#00bbe8; height:2px; border:none; margin:40px 0 0px 0;}
.exhibit .part{position:absolute; top:0px; left:42%;}
/*inner pages css*/
.shell_inner{width:100%; padding:0; margin:28% 0 0; background-color:#FFF}
.shell_inner article{overflow:hidden; width:64%; margin:0 auto;}
.shell_inner article section{width:650px; float:left;}
.shell_inner article section ul{list-style-image:url(../images/arrow_page.jpg); list-style-position:outside; padding-left:30px; }
.shell_inner article section ul li{font:normal 12px Arial, Helvetica, sans-serif; color:#333; padding:3px 0; text-align:justify; line-height:17px;}
.shell_inner article section ul li a{font:normal 11px Arial, Helvetica, sans-serif; color:#900;}
.shell_inner article section ul li a:hover{font:normal 11px Arial, Helvetica, sans-serif; color:#F00;}
.shell_inner article section span{font-weight:bold; color:#0b8aa9}
.shell_inner article section a{font:normal 12px Arial, Helvetica, sans-serif; color:#900;}
.shell_inner article section a:hover{font:normal 12px Arial, Helvetica, sans-serif; color:#F00;}
.shell_inner article section h1{font:bold 25px "Myriad Pro", arial; color:#0b8aa9; border-bottom:1px solid #00a1c8; margin-bottom:10px;}

.shell_inner article p{font:normal 12px Arial, Helvetica, sans-serif; color:#333; padding:3px 0; text-align:justify; line-height:17px;}
.shell_inner article aside{width:250px; padding:30px 0 0 2.5%; float:left;}
.shell_inner article aside .con{background:url(../images/con_bg.gif) no-repeat; width:250px;}
.shell_inner article aside .con h1{font:bold 25px "Myriad Pro", arial; text-align:center; border:none; padding:15px 5px 0px 5px; color:#fff;}
.shell_inner article aside .con figure{margin:25px 0px; text-align:center}

/*footer band start*/
footer{background-color:#000; width:100%; margin-top:10px; overflow:hidden}
footer .bottom{padding:1%}
footer .bottom .bot_left{width:40%; float:left; padding-top:15px;}
footer .bottom .bot_right{width:50%; float:right;}
footer .bottom .bot_right .left{width:75%; float:left; padding-top:15px; text-align:right}
footer .bottom .bot_right .right{width:25%; float:right; text-align:right}
footer .bottom p{color:#808080; font:normal 12px Arial, Helvetica, sans-serif}
footer a{color:#808080; font:normal 12px Arial, Helvetica, sans-serif}
footer a:hover{color:#fff; font:normal 12px Arial, Helvetica, sans-serif}

.marqspace{ height:156px; margin:10px 0 0 0; padding:0;}
.marq{width:34em;}
.marq > ul{padding:0; margin:0; text-align:left; display:inline !important}
.marq ul li{padding:0; margin:0}