/*///// Main.css - Trade Group 2013 /////*/

/*///// Fonts /////*/

@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('../fonts/lanenar-webfont.eot');
    src: url('../fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lanenar-webfont.woff') format('woff'),
         url('../fonts/lanenar-webfont.ttf') format('truetype'),
         url('../fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OSI';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic.woff') format('woff'),
         url('../fonts/OpenSans-Italic.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSBI';
    src: url('../fonts/OpenSans-BoldItalic.eot');
    src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSSBI';
    src: url('../fonts/OpenSans-SemiboldItalic.eot');
    src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic.svg#OpenSansSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSSB';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold.woff') format('woff'),
         url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold.svg#Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSL';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OS';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans.woff') format('woff'),
         url('../fonts/OpenSans.ttf') format('truetype'),
         url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OSEB';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold.svg#OpenSansExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*///// Reset /////*/
*{margin:0px;padding:0px;outline:0px none;border:0px none;}
html{font:normal 100%/100% Tahoma;color:#ffffff;}
body{width:100%;margin:0 auto;max-width:1800px; background:#03070f}
a{text-decoration:none;}
ul{list-style:none;}
.clear{clear:both;overflow:hidden;}
.floatLeft{float:left;}
.floatRight{float:right;}

.loadingContainer{width:100%; background:#040810;}
.loadingContainerInn{width:980px; margin:0 auto; background:url(../images/loading-bg.png) no-repeat center center; height:768px; position:relative; overflow:hidden}
.loadingContainerInn .intro{/*position:absolute; top:320px;*/ /*left:0;*/ width:980px; margin-top:300px; position:relative; height:478px; }

.loadingContainerInn .intro.first{display:none; background:url(../images/loading-first-bg.png) no-repeat 0px 50px  ;}
.loadingContainerInn .intro.first .progressiveBar{position:absolute; left: 267px;top: 102px; background:url(../images/progressive_bar_bg.png) no-repeat 0px 0px; width:409px; height:96px; display:none; padding:20px 0 0 22px;  }
.loadingContainerInn .intro.first .progressiveBar .pbar_outerdiv{width: 363px; height: 15px;  z-index: 1; position: relative; border-radius: 20px; -moz-border-radius: 20px; background:url(../images/outer_bar_bg.jpg) repeat-x}
.loadingContainerInn .intro.first .progressiveBar .pbar_innerdiv{background:url(../images/inner_bar_bg.jpg) repeat-x; z-index: 2; height: 100%; width: 0%;  border-radius: 20px; -moz-border-radius: 20px;}

.loadingContainerInn .intro.first .progressiveDrop{position:absolute;  background:url(../images/drop_bg.png) no-repeat 0px 0px; width:85px; height:54px; top: 134px;
left: 437px; text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px; padding-top:60px; line-height:28px; display:none}
.loadingContainerInn .intro.sec{display:none;}
.loadingContainerInn .intro.third{display:none;}
.loadingContainerInn .intro.fourth{display:none;}
.loadingContainerInn .intro.fifth{display:none;}


.loadingContainerInn .intro.first h1{ margin-left:-1000px;}
.loadingContainerInn .intro.first .dropImg { opacity:0; margin-left:270px; margin-top:460px;}

.loadingContainerInn .intro h1.loadingHeading{color:#ffd200; font-family: 'lane_-_narrowregular'; font-size:54px; line-height:58px; text-transform:uppercase; margin-left:-500px}
.loadingContainerInn .intro p.loadingSubheading{color:#ffffff; font-family: 'lane_-_narrowregular'; font-size:21px; line-height:36px; text-transform:uppercase; background:url(../images/loading-arrow.png) no-repeat right center ; padding-right:50px; margin-left:-500px; width:450px; text-align:right}
.loadingContainerInn .intro  a.loadingMore{color: #ffffff;background: #010306;padding: 12px 18px;float: left;margin-top: 6px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;line-height: 18px;margin-left: -500px; border-radius:6px; width:180px; text-align:center}
.loadingContainerInn .intro a.loadingMore:hover{ background:#ffd200; color:#000000}
.loadingContainerInn .intro img.loadingImg{ margin:-200px -600px 0px 0; position:absolute; right:0px;}

.loadingContainerInn .intro.sec h1.loadingHeading{}

.loadingContainerInn .intro.sec img.loadingImg{ margin-top:-200px;}
.loadingContainerInn .intro.third h1.loadingHeading{}

.loadingContainerInn .intro.third img.loadingImg{ margin-top:-160px;}
.loadingContainerInn .intro.fourth h1.loadingHeading{}

.loadingContainerInn .intro.fourth img.loadingImg{ margin-top:-172px;}

.loadingContainerInn .skipIntro{ position:absolute; bottom:130px; right:10px;}
.loadingContainerInn .skipIntro a{color:#ffffff; font-family: 'lane_-_narrowregular'; font-size:18px; }
.loadingContainerInn .skipIntro a:hover{color:#ffd200;}