/* 
* Global
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Krona+One);
* { margin: 0; padding: 0;}
html{ background: ffffff;font-family:'Open Sans', sans-serif;}
p{ line-height: 25px;}
ul, ol{ list-style: none;}
a{ text-decoration: none; color: #000; }
.clear{ clear: both;}


hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }
	
	
	
.wrapper{ margin: 0; padding: 0;}
.container{ margin: 0px auto; width: 1040px;}

.header, .nav{ margin: 0px auto; width: 1040px;}

/* 
* Start Main 
*/
.wrapper{ background: url('images/bg.jpg') repeat 0 0;}


/*
* Header
*/
.header{ height: 136px;}

/*
* Navigation
*/
.nav-container{ background: url('../img/ust_bg.png') repeat-x 0 0;}
	.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */
	
	.nav { height: 95px;}
	.nav ul { list-style: none; }
	.nav ul li{float: left; height:70px; color:#FFF; font-family: 'Krona One', sans-serif; font-size:11px; color:#FFF; text-align:center; margin-top: 6px; padding: 6px;}
	.nav ul li:first-child{ padding-left: 0;}
	.nav ul li a { }
	.nav ul li a:hover{ text-decoration: underline;}
.nav td{
    color:white;
}
.nav td:hover{
    background-image:url(../img/ust_bg2.png);
    color:#293237;
}

.nav-container-ust{ background-color:#906; repeat-x 0 0;}
	
	.nav-ust { height: 65px;}
	.nav-ust ul { list-style: none; }
	.nav-ust ul li{float: left; height:45px;  color:#FFF; 	font-family:'Open Sans', sans-serif; font-size:11px; text-align:center; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
	.nav-ust ul li:first-child{ padding-left: 0;}
	.nav-ust ul li hover { background-color:#093; }
	.nav-ust ul li a:hover{ text-decoration: underline; background-color:#333;}

/*
* Content
*/
.main-content{ min-height: 1120px;}
.watch-me{ float: right; margin-top: 20px; background: url('images/watch-me.png') no-repeat 0 0; width: 424px; height: 327px; display: block;}
.look-at-me { margin: 160px auto 0px auto; background: url('images/look-at-me.png') no-repeat 0 0; width: 219px; height: 377px; display: block;}
.the-end { margin: 180px auto 0px auto; background: url('images/the-end.png') no-repeat 0 0; width: 150px; height: 42px; display: block;}

.scroll-down{ background: url('images/scroll-down.png') no-repeat 0 0; width: 208px; height: 49px; position: fixed; left: 50px; bottom: 20px; display: block;}
.back{ background: url('images/back.png') no-repeat 0 0; width: 293px; height: 73px; position: fixed; bottom: 20px; right: 50px; display: block;}

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }



.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1; 
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.3s;
    -moz-animation-duration:0.3s;
    animation-duration:0.3s;

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.splash {
     background: url('../img/splash-bg.jpg') center center;
     background-size: cover;
     background-attachment: fixed;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     min-height: 360px;
     z-index: 999;
     text-align: center;
 }
 .splash-title {
    color: white;
    font-size: 3em;
    margin-top: 100px;
    text-shadow: 0 2px 10px #000;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}