#mobile {
display:none;
}

#desktop {
display:block;
}


@charset "utf-8";

a {
position:relative;
}

a:active {
top:1px;
}


body{
margin: 0;
min-width: 980px;
padding: 0;
background-color:#EFEFEF;
background-image: url(lightbg.png);
}

p{
margin: 0 0 20px 0;	
}

p, ul{
font-family: 'Alice', serif;
font-size:24px;
font-weight:200;
font-style:normal;
text-shadow:0 -1px 1px #666;
}

img{
border: 0;
}

h1, #pixels{
font-family: 'Alice', serif;
font-size-adjust:0.40;
font-weight:700;
font-style:normal;
text-shadow:0 -1px 1px #000;
}

h2{
font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
font-size:74px;
font-weight:500;
font-style:bold;
text-shadow:0 -1px 1px #666;
padding:10px 20px;
margin:0;
}

#header h1, #pixels{
color: #00493F;
}

.float-left{
float: left;	
}

.float-right{
float: right;
margin: 0 20px 0 0;
}

.center{
font-size: 2.5em;
padding: 80px 0 0 0;
text-align: center;
}

#nav{
list-style: none;
position: fixed;
right: 25px;
top:60px;
}

#nav li{
margin: 0 0 15px 0;	
}

#header, #intro, #second{
width: 100%;
}

#intro{
background:url(images/me2.jpg) 50% 50% no-repeat fixed;
color: white;
height: 1100px;
margin: 0 auto;
padding: 0;
width:1000px;
}

#second{
background: url(slice-nyc.jpg) 50% 50% no-repeat fixed;
color: white;
height: 1100px;
margin: 0 auto;
overflow: hidden;
padding: 0;
width:1000px;
}

#third{
background: url(images/coverfall.jpg) 50% 0 no-repeat fixed;
color: white;
height: 1100px;
padding: 0 0 0 0;	
width:1000px;
margin:0 auto;
}

#fourth{
background: url(images/film2.jpg) 50% 0 no-repeat fixed;
color: white;
height: 1100px;
padding: 0 0 0 0;	
width:1000px;
margin:0 auto;
}

#fifth{
background: url(images/coffee.jpg) 50% 0 no-repeat fixed;
color: white;
height: 1100px;
padding: 0 0 0 0;	
width:1000px;
margin:0 auto;
}

#foot{
background-color:#222;
margin: 0 auto;
padding: 40px 0 40px 0;
color:#999;
text-shadow:0 1px 1px #000;
}

#foot .story p {
text-align: center;
font-size:30px;
letter-spacing: 0.5px;
}


#foot .story a {
color:#FFF;
font-weight:normal;
letter-spacing: 0.5px;
text-decoration: none;
}

#foot .story a:hover{
color:#CCC;
}

.story{
margin: 0 auto;
min-width: 1000px;
overflow: auto;
width: 1000px;
}

.story .float-left {
padding: 0px;
position: relative;
width: 830px;	
margin:30px 0 0 170px;
background-color:#000;

}

.float-left p {
font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
opacity:0.8;
padding:12px 20px;
}

.immaletyoufinish {
margin:0 auto;
font-size:24px
font-weight:bold;
text-align: left;
padding:25px 0;
font-family: 'Alice', serif;
background-color:#FFF;
color:#000;
}

.holder {
width:1300px;
margin:0 auto;
}

.nav2 {
top:30px;
z-index: 2;
width:315px;
position: fixed;
display: block;
margin-left:-150px;
}

.navblocktop{
}

.navblock {
background-color:black;
}

.navblockpadded {
background-color:black;
padding:0 0 20px 0;
}

.navon {
opacity:1;
}

.navoff {
opacity:0.3;
}

.navoff:hover {
opacity:0.6;
}

.navblockbot {
overflow: hidden;
width:150px;
}

.bighold {
width:1000px;
margin:0 auto;
}

.block {
width:920px;
margin:0 auto;
background-color:#222;
color:#FFF;
padding:20px 20px 20px 60px;
text-align: center;
}

.blocklight {
width:920px;
margin:0 auto;
background-color:#00493F;
color:#FFF;
padding:20px 20px 20px 60px;
text-align: center;
}

.block h2, .blocklight h2 {
color:#FFF;
}

.block p, .blocklight p {
font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
opacity:0.8;
padding:12px 20px;
}

.block a, .blocklight a {
color:#999;
text-decoration: none;
}