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

body, h1, h2, h3, p, img, ul, li{
    border:0; margin:0; padding:0;
}
	
body{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    background-size: cover;
		background-image: url(../images/background1.jpg);
		background-color:#ff9600;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
}
		
h1, h2, h3, p{
		margin-bottom:10px;
}

h1, h2, h3{
    text-transform:uppercase;
}

p{
		letter-spacing:.04em;
		line-height:21px;
}
	
#pageWrap{
		margin:0 auto;
		width:940px;
}

div#header{
		color:#fff;
		margin: 16px auto 10px auto;
		height:130px;
		width: 940px;
		text-align:left;
		padding:0;
		border-top: 4px solid #000;
		border-bottom: 1px solid #000;
    background: rgba(255,150,0,0.7);
    position:fixed;
    top: 0;
}

div#header h1{
    margin: 12px 0 12px 0;
}

#textLogo{
    font-family: SuperJunky;
    font-size: 50px;
    color: #ffffe7;
}
#textLogo span{
    font-size: 100px;
    transform:rotate(354deg);
    -ms-transform:rotate(354deg); /* IE 9 */
    -webkit-transform:rotate(354deg); /* Safari and Chrome */
}

ul.navigation{
		list-style:none;
		margin-top:2px;
		float: right;
}
					
ul.navigation li{
		display:inline-block;
		margin:0 2px 5px 0;
}
					
ul.navigation li a{
		color:#000;
		padding:3px 10px 16px 10px;
		text-decoration:none;
    font-weight: bold;
    text-transform:uppercase;
}
						
ul.navigation li .selected,
ul.navigation li a:hover{
    color: #fff;
		background-color:#000;
}

#demoPlayer{
  clear: right;
  position: absolute;
  bottom: -3px;
  right: -4px;
}
	
div.content{
		margin: 160px auto 0 auto;
		min-height:300px;
		padding: 10px 0;
}
				
div.col-left{
		float:left;
		width:620px;
}
		
div.sidebar-right{
		float:right;
		padding:0;
		width:270px;
}
		
div.sidebar-right a{
		color:#445e64;
}
	
div.sidebar-right a:hover{
		text-decoration:none
}
.list{
		padding:0 0 10px 0;
		margin: 0 0 10px 0;
		list-style:none;
}
.list li a{
		font-size:11px;
		font-weight:bold;
		display:block;
		padding:10px 4px;
		text-transform:uppercase;
		text-decoration:none;
}
.list li a:hover{
		background:#b92121;
    color: #fff;
}

.stars {
    margin: 20px 0 0 0;
    width:270px;
    height:47px;
    background: url("../images/stars.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div #footer{
		border-top: 1px solid #000;
		font-size:10px;
		letter-spacing:.6px;
		padding:4px 0;
}
.float-left{
		float:left;
		margin:0  10px 10px 0;
}
.float-right{
		float:right;
}
.float-right img{
		margin:0 0 10px 10px;
}
.clear{
		clear:both;
}

@media only screen and (max-device-width : 480px) {
    div#header {
        position: relative;
    }

    div.content{
        margin-top: 0;
    }
}

/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .stars {
        background-image: url("../images/stars@2x.png");
        background-size: 269px 47px;
    }
}