/* index
    
    1  fonts
    2  reset
    3  splash
    4  global
    5  colors
    
*/



/* fonts */

@font-face {
    font-family: 'aa-reg';
    src: url('../assets/fonts/animeace2_reg-webfont.eot');
    src: url('../assets/fonts/animeace2_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/animeace2_reg-webfont.woff') format('woff'),
         url('../assets/fonts/animeace2_reg-webfont.ttf') format('truetype'),
         url('../assets/fonts/animeace2_reg-webfont.svg#anime_ace_2.0_bbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aa-bold';
    src: url('../assets/fonts/animeace2_bld-webfont.eot');
    src: url('../assets/fonts/animeace2_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/animeace2_bld-webfont.woff') format('woff'),
         url('../assets/fonts/animeace2_bld-webfont.ttf') format('truetype'),
         url('../assets/fonts/animeace2_bld-webfont.svg#anime_ace_2.0_bbbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aa-ital';
    src: url('../assets/fonts/animeace2_ital-webfont.eot');
    src: url('../assets/fonts/animeace2_ital-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/animeace2_ital-webfont.woff') format('woff'),
         url('../assets/fonts/animeace2_ital-webfont.ttf') format('truetype'),
         url('../assets/fonts/animeace2_ital-webfont.svg#anime_ace_2.0_bbitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
.y { color : #ffff99; }
.sm { font-size: .6em; }
.lg { font-size: 3em; }
.it { font-family: 'aa-ital', Helvetica, sans-serif; }

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;text-align:left;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus {outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;}

/* position */ 
#titlecard, #intro { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 760px;}
#titlecard { text-align: center; height: 476px;}
#intro { width: 760px; height: 288px; }
#titlecard .big-break { margin-bottom: 110px;}
#titlecard .lil-break { margin-bottom: 20px;}
#titlecard .sm { line-height: 2;}
#intro div { margin-bottom: 40px;}
.with-icon img { float: right; margin-left: 30px;}


/* global */ 

body {
    width: 100%;
    background-color: #000;
    font-family: 'aa-reg', Helvetica, sans-serif;
    color: white;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.next { 
    background-image: url(../assets/images/next.png); 
    width: 51px; 
    height: 35px; 
    position: absolute; 
    top: 50%; 
    margin-top: -17px; 
    right: 30px; 
    display: block;
    -webkit-transition: background-image .3s ease;
    -moz-transition: background-image .3s ease;
    -o-transition: background-image .3s ease;
    transition: background-image .3s ease;
    }
.next:hover { background-image: url(../assets/images/next-hover.png) }