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

html,body{
background-color:#FFFFFF;
color:#72797F;
font-family: 'Gill Sans', Helvetica, sans-serif;
font-size:12px;
text-align:center; 
margin:0;
padding:0;
letter-spacing:1px;
}

body h2{
font-size:14px;
font-weight:lighter;
letter-spacing:4px;
color:#484848;
margin-top:9px;
padding:0;
}

.projectName{
color:#72797F;
margin-bottom:3px;
letter-spacing:1px;
}

body a, body a:visited{
color:#7f7f7f;
text-decoration:none;
}

body a:hover{
color:#ccc9c9;
text-decoration:underline;
}

#wrapper{
width:750px;
padding:0;
margin:0 auto;
text-align:left;

}

.publicationName{
color:#484848;
}

/* STRUCTURE */

#logo{
width:750px;
height:25px;
margin-top:14px;
}

#logo img{
float:right;
border:none;
}

#main{
width:740px;
padding:5px;
border:1px #CCCCCC solid;
height:370px;
margin-bottom:8px;
}

#leftDiv{
width:367px;
height:370px;
background-color:#FFFFFF;
float:left;
margin-right:5px;

}

#leftDiv img{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:42px;
}

#leftDivProjects{
width:367px;
height:370px;
background-color:#FFFFFF;
float:left;
margin-right:5px;

}

#leftDivProjects img{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:25px;
}

#press{
width:367px;
height:370px;
background-color:#FFFFFF;
float:left;
margin-right:5px;

}

#press img{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:60px;
}

.pressDiv{
padding-top:42px;
padding-left:40px;
padding-right:20px;
padding-bottom:10px;
width:307px;
height:318px;
background-color:#d8d8d8;
float:left;
}

.pressDiv a, .pressDiv a:visited{
color:#de3513;
}

.pressDiv a:hover{
color:#fe6243;
}



#rightDiv{
padding-top:27px;
padding-left:40px;
padding-right:20px;
padding-bottom:10px;
width:307px;
height:333px;
background-color:#d8d8d8;
float:left;
}

#rightDiv a:hover{
color:#666666;
}

#rightDivProjects{
padding-top:12px;
padding-left:40px;
padding-right:20px;
padding-bottom:10px;
width:307px;
height:348px;
background-color:#d8d8d8;
float:left;
}

/* NAVIGATION */

#navigation{
width:750px;
padding:0;
margin:0;
height:20px;
}

#navigation ul{
font-size:14px;
float:right;
margin:0;
}

#navigation li{
display:inline;
padding-left:10px;
}



/* HOME ELEMENTS */

#projectTitle{
float:left;
font-size:14px;
}

#projects{
margin-top:2px;
width:730px;
height:90px;
}

#projects ul{
display:inline;
list-style:none;

}

#projects ul li{
float:left;
width:80px;
margin-right:10px;
}

#projects img{
margin-bottom:2px;
border:0;
}

#projectSecond{
margin-top:2px;

}
#projectSecond ul{
display:inline;
list-style:none;

}

#projectSecond ul li{
float:left;
width:80px;
margin-right:10px;
}

#projectSecond img{
margin-bottom:2px;
border:0;
}

.curated{
margin-left:10px;
}

a.linkopacity:hover img{
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

a.linkopacity img{
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;

}


/* PHOTO CREDITS */
div#photoCredits{
height:20px;
font-weight:lighter;
color:#999999;
clear:both;
}

/* FOOTER */
div#footer{
height:20px;
text-align:center;
font-weight:lighter;
color:#999999;
margin-top:120px;

}