clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
     }
     
@font-face {
    font-family: 'Minion';
    src: url(../fonts/minionpro-regular-webfont.eot);
    src: url(../fonts/minionpro-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/minionpro-regular-webfont.woff) format('woff'),
         url(../font/minionpro-regular-webfont.ttf) format('truetype'),
         url(../font/minionpro-regular-webfont.svg#minion_proregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*general*/
	.splash{
		color: #ffffff !important;
		margin: 0px;
	}
	p .selected{
		font-weight: normal;
		text-decoration: underline;
	}
	.selected{
		/* color: #000000 !important; */
	}
	ul .selected{
		color: #000000 !important;
	}
	a:hover{
		color: #000000 !important;
	}
	a:active{
		color: #000000;
	}
/*body*/
	html {
		height: 100%;
	}	
	body{
		font-family: Minion, 'Times New Roman', Times, serif;
		font-size: 12px;
		letter-spacing: 0.2em;
		margin: 0 auto;
		line-height: 15px;
		height: 100%;
	}
	body.splash {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	h1, h2 {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0;
		margin: 0;
		padding: 0;
		letter-spacing: 0.2em;
		font-family: calibri, arial;
		text-transform: uppercase;
	}
	h1 {
		font-weight: bold;
	}
	h2 {
		font-weight: normal;
	}
	.wrapper {
		margin: 0 auto;
		width: 1180px;
	}
	.out_object{
		
	}
	.image{
		margin: 1px;
	}
	.over {
		clear: both;
		position: relative;
		float: left;
		z-index: 20px;
		left: 2em;
		width: 364px;  /* updated dave */
		font-size: 14px;
		text-align: center;
		height: 0;
	}

	.over.centered {
		float: none;
		left: auto;
		width: 364px;  /* updated dave */
		font-size: 14px;
		text-align: center;
		height: 0;
		margin: 0 auto;
	}
	
	/* hack for center vertically */
	/* www.jakpsatweb.cz/css/css-vertical-center-solution.html */
	#outer.centered {height: 80%; overflow: visible; position: relative; width: 100%;}
	#outer.centered[id] {display: table; position: static;}
	
	#middle.centered {position: absolute; top: 50%;} /* for quirk explorer only*/
	#middle.centered[id] {
		display: table-cell; 
		vertical-align: middle; 
		width: 100%; position: static; 
		margin: 0 auto;
	}
	
	.over.centered  {position: relative; top: -50%; margin-top} /* for quirk explorer only */
	
	
	.address {
		font-size: 13px;
	}
	.address .phone {
		letter-spacing: 1px;
		font-size: 12px;
	}
	.address a {
		font-size: 12px;
		
	}
	.splash a{
		color: #ffffff !important;
		text-transform: uppercase;
		text-decoration: none;
	}
	.enter{
		padding-top: 5%;
	}

/*header*/
	.headercontainer {
		display: block;
		position: fixed;
		width: 100%;
		background: #ffffff;
	}

	header{
		clear: both;
		display: block;
		text-align: center;
	}
    #top_bar {
    }
	#logo{
		display: block;
		margin: 0 auto;
		padding: 20px 0;
		width: 364px;
	}

/*nav*/
	nav{
		float: left;
		display: inline-block;
		position: fixed;
		font-size: 11px;
		margin-top: 0;
		width: 14.3%;
		text-transform: uppercase;
		margin: 96px 10px 0 10px;
	}
	nav ul{
		padding-left: 0;
		margin: 0;
	}
	
	nav ul li a.selected:before{
		content: ".";
		font-size: 15px;
	}
	nav ul li a.selected:after{
		content: ".";
		font-size: 15px;
	}

	nav li{
		color: rgb(128,128,128);
		list-style-type: none;
		padding-left: 5%;
		
	}
	nav p{
		margin: 4px 0 2px 0;
		color: #000;
	}
	nav a{
		text-decoration: none;
		color: #000000;
	}
	nav a:hover{
		color: #777;
	}
	nav a.active,
	nav a:active{
		color: #000000;
		font-weight: bold;
	}
	nav a.active_cat,
	nav a:active{
		text-decoration: underline;
	}
	nav li.active_cat{
		text-decoration: underline;
	}
	nav li a{
		display: inline-block;
		color: #777;
		letter-spacing: 1px;
		padding: 3px 0 2px 0;
	}
	.hiddenseparator {
		display: none;
	}
	.into_menu{
		padding-top: 5%;
		padding-left: 0%;
	}
	.one_menu{
		padding-left: 0%;
	}
	.one_menu a{
		color: #000 !important;
	}
	.one_menu a:active, .one_menu a:hover{
		text-decoration: underline;
	}
	.dropdown_menu{
		display: none;
	}	
/*Content*/
	#content {
		margin-top: 100px;
	}
	#content article header h1,h2{
		font-family: "proxima-nova-extra-condensed",sans-serif !important; 
	}
/*Footer*/
	footer{
		display: inline-block;
		width: 100%;
	}
	#container{
		float: right;
		width: 82%;
		margin-left: 180px;
		margin-bottom: 20px;
	}
	footer small{
		text-align: center;
		font-size: 11px;
		font-family: "proxima-nova-extra-condensed",sans-serif; 
		text-transform: uppercase;
	}
	footer.projectgrid {
		margin: 15px 0;
	}
	footer small #credits1 {
		display:table-cell; 
		text-decoration: underline;
		height: 80px;
		cursor: pointer;
		vertical-align: middle;
	}
	footer small #credits2{
		display: none;
		color: #777;
		height: 80px;
		vertical-align: middle;
	}
	footer small #credits2 a{
		text-decoration: underline;
	}
	footer small #credits2 p{
		display: block;
		margin: 0;
	}
	footer small a{
		color: rgb(128,128,128) !important;
		text-decoration: none;
	}
	footer small p{
		color: rgb(128,128,128) !important;
	}
	.menu_bottom{
		padding-top: 10px;
		padding-bottom: 1em;
		font-family: Minion !important;
		letter-spacing: 1px;
	}
	.menu_bottom p{
		display: inline;
		padding-left: 1em;
		padding-right: 1em;
	}

/*top_bar*/
	#top_bar_right{
		float: right;
	}
	#top_bar{
		display: block;
		width: 98%;
		border-bottom: 1px solid #bbb;
		font-size: 11px;
		color: rgb(128,128,128);
		padding: 0.45% 0 0.45% 0;	
		margin-left: 6px;
		margin-right: 6px;	
		padding-left: 3px;
		float: left;
	}
	#top_bar_left{		
		display: inline;
	}
	#top_bar_right{
		float: right;
		display: inline;
	}
	.top_bar a{
		color: rgb(119, 119, 119);
		text-decoration: none;
		font-size: 11px;
		letter-spacing: 1px; 
		padding: 0 5px;
	}
	#top_bar_left a:first-child {
		padding-left:0;
	}
/*grid*/
	#grid {
		overflow:hidden;
	}
	.cols{
		overflow:hidden;
	} /* main column container class */
	.col, .col2, .col3, .col4{
		float:left;
		display:inline;	
		margin-bottom: 3px;
		margin-left: 6px;;
		background:#ffffff; 
		cursor: pointer;
	}

	.col img{
		width: 240;
	}
	.col p{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#arrow{
		text-align: center;
		padding: 1%;
		cursor: pointer;
	}
	#sec1 img:hover{
		background: back;
	}

/*section*/

	section header p{
		margin: 2px;
		font-family: calibri;
		font-size: 12px;
		text-transform: uppercase;
	}
	.fund{
		width: 100%;
		height: 100%;
	}
	section article div p{
		margin: 0;
	}
	.logo{
		width: 100%;
		padding-bottom: 5%;
	}

	
/*projects css*/
	.container-project {
		text-align: center;
		width: 81%;
		padding-left: 9%;
		margin-top: 1%;
	}

	.container-project img{
		max-width: 100%;
	}
	
	.container3 {
		margin-top: 1%;
		margin-left: 6px;
		margin-right: 6px;
	}
	.container3 img{
		width: 100%
	}
	section footer{
		font-size: 12px;
		font-family: calibri;
		display: block;
		width: 100%;
		text-align: center;
	}		
	section footer a{
		text-transform: uppercase;
	}
	.container-project figure{
		margin-left: 0;
		margin-right: 0;
	}