*{
margin: 0;
padding:0;
/*border: 1px solid #fff;*/
}

.clear
{
clear: both;
}

body
{
color: #fff;
background-color:#000;
font-family: JohnstonITCStd-Medium;
font-weight: normal;
font-style: normal;
line-height: 100%;
-moz-font-feature-settings:"onum" 1;
-moz-font-feature-settings:"onum=1";
-ms-font-feature-settings:"onum" 1;
-o-font-feature-settings:"onum" 1;
-webkit-font-feature-settings:"onum" 1;
font-feature-settings:"onum" 1;
font-kerning:normal ;
}

#header
{
display: inline-block;
position: fixed;
bottom: 5px;
left: 25px;
z-index: 10;
}

#footer
{
display: inline-block;
position: fixed;
bottom: 5px;
right: 25px;
z-index: 10;
}



#all_projects
{
/*display: inline-block;*/
background-color:#000;
}

#welcome
{
/*display: inline-block;*/
overflow: hidden;
background-color:#000;
}


.content
{
margin: 0 0 0 0;
}

.welcome
{
background-image: url(../img/home-A-Train-207th-St.jpg);
background-repeat: no-repeat;
background-position-x: -5px;
background-position-y: -5px;
}

.thumb
{
width: 200px;
margin: 0 15px 0 0;
display: inline-block;
vertical-align: top;
float: left;
}

.proj
{
height: 600px;
display: inline-block;
float: left;
margin-right: 300px;
padding: 25px 0 0 25px;
}

.proj_welcome
{
display: inline-block;
float: left;
margin-right: 400px;
padding-left: 0;
}


.proj_info
{
display: inline-block;
vertical-align: top;
float: left;
}

.proj_title
{
display: inline-block;
float: left;
width: 300px;
margin-right: 40px;
}

.proj_description
{
font-family: JohnstonITCStd-Light;
display: inline-block;
float: left;
}

.img_container,	 .vid_container
{
display: inline-block;
float: left;
}

.image_wrapper
{
margin: 0 15px 0 0;
display: inline-block;
vertical-align: top;
float: left;
}

.img_container img
{
max-height: 600px;
}

img
{
margin: 0 30px 0 0;
display: inline-block;
vertical-align: top;
}

.thumb img
{
height: 450px;
width: 200px;
display: block;
vertical-align: top;
margin: 0 0 10px 0;
}


#main_nav
{
display: inline-block;
}

ul
{
list-style-type: none;
}

#main_nav li, #proj_index_nav li
{
display: inline-block;
margin: 0 15px 0 0;
font-size: 36px;
line-height: 120%;
}



a
{
position:relative;
z-index:1;
color: #fff;
text-decoration: none;
outline: none;
}

a.thumb_link
{
font-size: 15px; 
line-height: 18px;
letter-spacing: 1.1px;
}

a:hover
{
border-bottom: 0.1em solid;
}

h1, h1 a
{
margin: 0 15px 0 0;
font-size: 36px;
/*text-transform: uppercase;
/*letter-spacing: 5px;*/
color: #ffcc00;
}

h2, h2#main_header
{
display: inline-block;
vertical-align: top;
margin: 0 20px 0 0;
font-size: 36px;
line-height: 100%;
color: #ffcc00;
}

h2.centered_text
{
display: inline-block;
vertical-align: top;
text-align: center;
}

.description
{
display: inline-block;
vertical-align: top;
height: 600px;
margin: 0 20px 0 0;
}


p
{
font-size: 15px; 
line-height: 22px;
letter-spacing: 1.5px;
};

p.details
{
display: inline-block;
vertical-align: top;
width: 300px;
margin: 0 20px 0 0;

}

p.description
{
display: inline-block;
vertical-align: top;
height: 600px;
margin: 0 20px 0 0;
}

p.caption
{
font-family: JohnstonITCStd-Light;
display: block;
padding: 10px 0 0 0;
font-size: 15px; 
line-height: 18px;
letter-spacing: 1.1px;
}

p.footnote
{
font-size: 12px; 
line-height: 20px;
letter-spacing: 1.2px;
}

.clear
{

}

/* Support for Webkit, Mozilla, Opera */
.multicolumn_one {
-moz-column-count: 1;
-moz-column-gap: 40px;
-webkit-column-count: 1;
-webkit-column-gap: 40px;
column-count: 1;
column-gap: 40px;
width:360px;
}


.multicolumn_two {
-moz-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-count: 2;
-webkit-column-gap: 40px;
column-count: 2;
column-gap: 40px;
width:720px;
}

.multicolumn_three {
-moz-column-count: 3;
-moz-column-gap: 40px;
-webkit-column-count: 3;
-webkit-column-gap: 40px;
column-count: 3;
column-gap: 40px;
width:1080px;
}