/* styles */


/* =Typo
-----------------------------------------------------------------------------*/
html{
    height:100%;
    background: #090909;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #ccc;
	background: #090909;
}
body.full {
    overflow:hidden;
}

/* =Links
-----------------------------------------------------------------------------*/
a           { color: #cc0000; text-decoration: none; outline: none; }
a:hover     { color: #FFF; }


/* Arrows with changing backrounds */
a.btn { 
    width: auto;
    height: 60px; 
    display: block;
    text-indent: -10000px;
    float: right;
    position: relative;
    left: 20px;
}
a.btn:hover { background-position: 0px -60px !important;}


/* =Headings
-----------------------------------------------------------------------------*/
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h3 { font-size: 1.8em; font-weight: bold; text-transform: uppercase; color: #FFF; }

h4 { font-size: 1.1em; font-weight:bold;}
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }


/* =Text styles 
-----------------------------------------------------------------------------*/
p { 
    font-size: 1.1em; 
    color: #ccc; 
}
strong{
    font-weight: bold;
}

/* =Header
-----------------------------------------------------------------------------*/
#header{
    position: relative; /* Needs relative positioning for logo position */
    top: 50px;
    left: 0px;
    min-width: 1000px;
}
#logo {
    position:absolute;
    top:-50px;
    right:0px;
    width:274px;
    height:134px;
}
#logo.white {
    background:url('../images/Logo.png') 0 0 no-repeat;
}

#logo span {
    display:none;
}


/* =Containers
-----------------------------------------------------------------------------*/
#wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    z-index:4;
}
#wrapper #content{
    padding: 0 31px 0 15px;
    min-width: 690px;  
    max-width: 985px;
    margin-right: 280px; /* Prevent logo overlapping content */
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#footer ul.links {
    float: right;
    width: 328px;
    padding:7px 10px 6px 10px;
}

#footer ul.links li.media       { border-right: none; float: right; }



/* =Posterwall
-----------------------------------------------------------------------------*/
html,
body{
    height: 100%;
}

#posterwall_wrapper,
#posterwall,
#posterwall_raster {
    top:0px;
    left:0px;
    position:fixed;    
    width:100%;
    height:100%;
    overflow:hidden;
}

#posterwall_wrapper {
    z-index:1;
}

#posterwall {
    z-index:2;
}

#posterwall_raster {
    z-index:3;
    background:url('../images/pattern.png') 0 0 repeat;
}