* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding-top: 200px;
}

header {
  height: 200px;
  padding-top: 0x;
  position: fixed;
  background: #000000;
  top: 0;
  z-index: 1;
}


h1 {
	font-family: 'Merriweather', sans-serif; font-weight: 400;
	font-size: 1em;
	font-color: #666;

}

h2 {
	font-family: 'Merriweather', sans-serif; font-weight: 300; font-style: italic;
	font-size: 1em;
	font-color: #666;

}

h3 {
	font-family: 'Merriweather', sans-serif; font-weight: 300;
	font-size: .8em;
	font-color: #666;

}

h4 {
	font-family: 'Merriweather', sans-serif; font-weight: 400;
	font-size: 1.0em;
	font-color: #666;

}

h5 {
	font-family: 'Merriweather', sans-serif; font-weight: 300;
	font-size: .8em;
	font-color: #666;
	text-align: right;
	padding-bottom: 100px;

}

h6 {
	font-family: 'Merriweather', sans-serif; font-weight: 400;
	font-size: 1.5em;
	font-color: #666;

}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 20px 20px 20px 20px;
}

#wrapper {
	min-height:100%;
	position:relative;
}

.block {
  	height: 384px;
	background: #fff;
	width: 100%;
	z-index: 2;
}


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	 margin-top: auto;
    margin-bottom: auto; }
	
nav li + li:before{
    padding: 0 40px;
}   

.main-nav,
.main, .billboard, .block, .footer{
  position: relative; 
}

.main-back {
  background: #eee;
  height: 80px;
  z-index: 150;
  margin-bottom: -80px;
  box-shadow: 0px 2px 3px rgba(0,0,0,.4);
   text-align: center;
   
}

.main-nav {
  background: #eee;
  height: 80px;
  z-index: 150;
  margin-bottom: -80px;
  box-shadow: 0px 2px 3px rgba(0,0,0,.4);
   text-align: center;
   
}

.main-nav2 {
  background: #eee;
  height: 80px;
  width: 100%;
  z-index: 150;
 top: 0px;
  position: fixed;
  box-shadow: 0px 2px 3px rgba(0,0,0,.4);
   text-align: center;
   
}
.main-nav-inner-left
{	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	color: #000;
	line-height: 80px;
	letter-spacing: 4px;
	font-size: 1em;
	margin-left: 120px;
	float: left;
}

.main-nav-inner-right
{	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	color: #000;
	line-height: 48px;
	letter-spacing: 4px;
	font-size: 1em;
	margin-right: 120px;
	float: right;
}



.horizontal { display: inline; border-left: 1px solid #ccbbaa; padding-left: 15px; padding-right: 5px;}
.first { border-left: none; padding-left: 0; }

header,
.main-nav-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
}


.main {
  background: #fff;
  height: 100%;
  padding: 30px 100px 100px;
  z-index: 10;
}

.main2 {
  background: #fff;
  height: 100%;
  z-index: 10;
  top: -200px;
}

.header{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: left;
	padding-bottom: 0px;
}

.projects{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	padding-bottom: 5px;
}

.quote{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: left;
	padding-bottom: 20px;
}

.quote2{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: left;
	padding-bottom: 2px;
}

.quote3{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 2px;
}

.quote4{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: left;
	padding-bottom: 2px;
}

.quote5{
	text-align: right;
	padding-bottom: 2px;
}

.quote6{
	width: 500px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: left;
	padding-bottom: 2px;
}

.imageBlock{ 
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

.imageFeature{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
	
.imageFeature2{
	width: 900px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

.imageBox {
	display: inline-block; 
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
}

.imageBoxsmall {
	display: inline-block; 
	padding-right: 10px;
	padding-left: 11px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.billboard {
  background: #ffffff;
  padding: 0;
  z-index: 5;
}

.wrapper{
	padding: 0px;
}

.wrapper2{
	top:-100px;
}




#footer {
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	background:#eee;
}

a:link {
    text-decoration: none;
	color: #000;
}

a:visited {
    text-decoration: none;
	color: #000;
}

a:hover {
    text-decoration: none;
	color: #000;
}

a:active {
    text-decoration: none;
	color: #000;
}