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

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

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


html, body {
    width:100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow:hidden; 
    position:fixed;
}

#bgimg {
    position:absolute;
    z-index: -5;
}


#bgimg2 {
    position:absolute;
    z-index: -4;
}


#container {
    height: 100%;
    min-height: 100%;
    width:100%;
    z-index: 5; 
    overflow-x:auto;
}

#hashTop{
    width:539px;
    height:318px;
    float: right;
    position: fixed;
    margin-top:0px;
    background: url(../img/hash_top.png); 
    right:0px;
    top:-70px;
    z-index:5000;
}



#hashBottom{
    width:138px;
    height:162px;
    float: right;
    position: fixed;
    margin-top:0px;
    background: url(../img/hash_bottom.png); 
    right:-14px;
    bottom:-60px;
    z-index: -1;
}


#contentWrapper {
    width:528px;
    margin: 0px 100px 0px 0px; 
    height:auto;
    min-height: 100%;
    background: url(../img/content_background.png); 
    float:right;
}

#logo{
    width:500px;
    height:341px;
    background-image:url('../img/logo.png');
    background-repeat:no-repeat;
    margin-top: 0px;
    margin-left:20px;
}

#innerContent{
    text-align: center;
    padding:20px 10px 20px 20px;
}

 h1{
    color:#FFF;
    font-size:30pt;
    font-family: 'proxima_nova_black';
}

#trackTitle{  
    text-align:left;
    color:#FFF;
    font-family: 'proxima_nova_light';
    font-size:12pt;
    margin-top:12px;
    margin-left:10px;
}

#link{ 
    z-index: 2000; 
    display:inline;
    color:#FFF;
    font-family: 'proxima_nova_light';
    font-size:10pt;
}

#link a:visited{  
    display:inline ;
    color:#d34d57;
    font-family: 'proxima_nova_light';
    font-size:10pt;
}

#link a{  
    color:#d34d57;
    font-family: 'proxima_nova_light';
    font-size:10pt;
}

#videoHolder{
    margin-top:-110px;
}

.buttonPlay{
    width:84px;
    height:84px;
    position:relative;
    cursor: pointer;
    background: url('../img/play_off.png') no-repeat;
    z-index:1000;
    margin-left:215px;
    top:95px;  
}

.buttonPlay:hover{
    background: url('../img/play_on.png') no-repeat;
}

.left-arrow{
    position:absolute;
    top:158px;
    width:38px;
    height:35px;
    background-image: url(../img/arrow_left.png); 
    cursor: pointer;
    z-index:1000;
}

.right-arrow{
    position:absolute;
    top:158px;
    width:37px;
    height:35px;
    background-image: url(../img/arrow_right.png); 
    z-index:1000;
    margin-left:461px;
}

#aboutText{  
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    color:#a2a2a2;
    font-family: 'proxima_nova_regular';
    font-size:12pt;
}

#aboutText a{  
    color:#d34d57;
}

#aboutText a.visited{  
    color:#d34d57;
}

#aboutText ul{

   margin-left: 0;
    list-style-image: url('../img/bullet.png');

}
#aboutText li{
    margin-bottom: 10px;
    }

/* -------------------------------------------------------- */



