@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding:0;
	height:100%;
	background:#330000;
}

img {border-style:none; outline:0;}
a {color:#CCCCCC;}
a:hover {color:#999999;}

#header {position:relative; margin:0 auto; width:910px; height:180px;}
#header h1 {font:140px "bn","Helvetica Neue",Helvetica,sans-serif; color:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#555)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:absolute; top:0px; z-index:1; margin:40px auto; padding:0;}
#header h2 {font:140px "bn","Helvetica Neue",Helvetica,sans-serif; color:#333; text-shadow: 1px 5px 30px #000; position:absolute; top:0; margin:40px auto; padding:0;}

#content {height:100%; width:100%;background-image: -ms-linear-gradient(top, #660000 0%, #330000 100%);
background-image: -moz-linear-gradient(top, #660000 0%, #330000 100%);
background-image: -o-linear-gradient(top, #660000 0%, #330000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #660000), color-stop(1, #330000));
background-image: -webkit-linear-gradient(top, #660000 0%, #330000 100%);
background-image: linear-gradient(top, #660000 0%, #330000 100%);
}
#container { margin:0 auto; width:910px; position:relative;}
#container h2 {font:35px "bn","Helvetica Neue",Helvetica,sans-serif; color:#fff; padding:30px 0 0 30px;}
#container p {font:26px "ostrich","Helvetica Neue",Helvetica,sans-serif; color:#ccc; padding:0 0 0 30px; line-height:35px; letter-spacing:1px;}
#container .inset {background:url('../images/inset.png') no-repeat center ; width:849px; height:141px; margin:0 auto;}
#container .inset p {font:35px "bn","Helvetica Neue",Helvetica,sans-serif; color:#a0d110; padding-top:30px; padding-right:30px; line-height:30px; text-align:center;}
#container .inset p img {position:relative; top:15px;}

/* footer */
footer {width:980px; height:54px; background:#FF0066;}

/* clearfix */
.cf:before,.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

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

@font-face {
    font-family: 'ostrich';
    src: url('ostrich-regular-webfont.eot');
    src: url('ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-regular-webfont.woff') format('woff'),
         url('ostrich-regular-webfont.ttf') format('truetype'),
         url('ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}