body {
	 margin:0;
	 padding:0;}

	
 
 .folio-page{
	 background:none;
	 position:fixed;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 color:#fff;
	 z-index:20;
	 margin:0;}
	 
.nav
{background:#000;color:#000;width:100%;height:50px;position:relative;z-index:25;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2)}
 
 .nav ul {
	 margin:0;
	 padding:0;}
 
 .nav li{float:left;height:50px;border-left:1px solid #333; list-style:none; margin:0; padding:0;}
 .nav a,.nav a:visited{color:#000;text-decoration:none;border:0;font:0/0 a;text-shadow:none;color:transparent}
 .nav h1{font-family:"proxima-nova","Arial CE",Arial,sans-serif;font-size:14px;font-size:1.4rem;line-height:50px;font-weight:400;margin:0 20px}
 
 .nav a{display:block;background:url('images/sprite.png') no-repeat;width:50px;height:50px;line-height:1;-webkit-transition:background-color 200ms ease;-moz-transition:background-color 200ms ease;-o-transition:background-color 200ms ease;transition:background-color 200ms ease}
 .nav a.all{background-position:0 0}
 .nav a.all:hover{background-position:0 -50px}
 .nav a.prev{background-position:-50px 0}
 .nav a.prev:hover{background-position:-50px -50px}
 .nav a.next{background-position:-100px 0}
 .nav a.next:hover{background-position:-100px -50px}
 .folio-page a.facebook{background-position:-150px 0}
 .folio-page a.facebook:hover{background-position:-150px -50px;background-color:#3b5998}
 .folio-page a.twitter{background-position:-200px 0}
 .folio-page a.twitter:hover{background-position:-200px -50px;background-color:#209fd1}
 .folio-page a:hover,.shit nav a:focus{background-color:#000}
 .folio-page .color{width:100%;height:100%;position:absolute;top:0;left:0;z-index:15}
 .folio-page .fap{background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;top:0;left:0;z-index:20}
 .folio-page .fap h2,.shit .fap p{font-family:"proxima-nova","Arial CE",Arial,sans-serif;font-size:20px;font-size:2rem;line-height:1;font-weight:900;font-style:normal;text-transform:uppercase;color:#fff;float:left}
 .folio-page .fap .blink{-webkit-animation:blink .1s infinite;-moz-animation:blink .1s infinite}
 .shit .fap p{float:right;color:#00ff6c}
 .shit .fap div{background:url('/images/fap.png') no-repeat left bottom;position:absolute;width:140px;height:30px;top:50%;left:50%;margin:-15px 0 0 -70px}
 
 
 

 
.float-right{float:right!important}.float-left{float:left!important}

#wrapper {

    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


#projectlogo{
	position: absolute;
	z-index: 100;
width: 870px;
height: 190px;
margin: 100px auto;
}


	  #topHeaderBetway {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #000 url(projects/headers/betwayHeader_01.jpg) no-repeat center center scroll;
	 }

	 
 #topHeaderTF {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #000 url('projects/headers/tfHeader_03.jpg') no-repeat center center scroll;
background-clip: none;
	 }


 #topHeaderbnl {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #000 url(projects/headers/bnlHeader_01.jpg) no-repeat center center scroll;
	 }

	 #topHeaderOakley {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #fff url(projects/headers/carnageHeader_01.jpg) no-repeat center center scroll;
	 } 

 #topHeaderBananaBets {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #fff url(projects/headers/bananaBets_01.jpg) no-repeat center center scroll;
	 } 


#topHeaderEmpireCity {
 	margin: 40px 0 0 0;
 	width: 100%;
height: 950px;
position: absolute;
background-size: cover;
background: #fff url(projects/headers/empireHeader_01.jpg) no-repeat center center scroll;
	 } 	 











	 .clear-folio{
	 	clear: both;
	 }

.image {
	position: relative;
	top:990px;
	clear: both;
	display:block;
	width:100%;
	text-align: center;
	margin:0 auto;
	padding:0;
	background-color:#eaeaea;
	float: left;
	box-shadow: 0px 4px 8px #ccc;
	}

.image2 {
	position: relative;
	clear: both;
	display:block;
	width:100%;
	text-align: center;
	margin:0 auto;
	padding:0;
	background-color:#eaeaea;
	float: left;

	}	
	
	img {
		width:1280px;
		display:block;
		clear:both;
		margin:auto;
		padding:0;
		
		}

		.dropshadow{
		width:1280px;
		display:block;
		clear:both;
		margin:auto;
		padding:0;
		box-shadow: 0px 4px 8px #ccc;
		}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 



.nav {
zoom: 2; -moz-transform: scale(2);}




		@media all and (min-width: 300px) and (max-width: 767px) {
#wrapper {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



#projectlogo{
	z-index: 100;
width: 870px;
height: 190px;
margin: 100px auto;
}


 


		.dropshadow{
		width:1280px;
		display:block;
		clear:both;
		margin:auto;
		padding:0;
		box-shadow: 0px 4px 8px #ccc;
		}
	


	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

#wrapper {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}