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

@font-face{
font-family: ''FranklinGotURWT_MedCon'';
src: url( 'http://fnt.webink.com/wfs/?drawer=96E87E93-ED66-48C6-AE05-42BD89BB7E34&font=EB05CC55-3F61-7704-C857-E213D0603FF9');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: ''FranklinGotURWT_Boo'';
src: url( 'http://fnt.webink.com/wfs/?drawer=96E87E93-ED66-48C6-AE05-42BD89BB7E34&font=2F960C14-6589-2634-013D-59BD713141A3');
font-weight:normal;font-style:normal;font-variant:normal;
}


body {
	margin:0;
	background-color:#B8BFAE;
	color:#333;
	font-family:'FranklinGotURWT_Boo';

}

#wrapper_1 {
	margin:auto;
	width:890px;
}
#wrapper_2 {
	width:100%;
	background-color:#9DA395;
	border-top:1px solid #6F766B;
	border-bottom:1px solid #6F766B;
}

/* http://www.webdesignerdepot.com/2010/01/css-transitions-101/ */
.wrapper-shown {
 visibility: visible;
 opacity: 1;
 height: 590px;
 margin-bottom:10px;
 -transition: height 0.5s ease-in, opacity 0.5s ease 0.5s, visibility 0.5s ease 0.5s, margin-bottom ease 0.5s;
 -webkit-transition: height 0.5s ease-in, opacity 0.5s ease 0.5s, visibility 0.5s ease 0.5s, margin-bottom ease 0.5s;
 -moz-transition: height 0.5s ease-in, opacity 0.5s ease 0.5s, visibility 0.5s ease 0.5s, margin-bottom ease 0.5s;
}

.wrapper-hidden {
 height: 0px;
 visibility: hidden;
 opacity: 0;
 margin-bottom:0px;
 margin-top:0px;
 -transition: visibility 0.5s ease, opacity 0.5s ease, height 0.5s ease 0.5s, margin-bottom ease 0.5s;
 -webkit-transition: visibility 0.5s ease, opacity 0.5s ease, height 0.5s ease 0.5s, margin-bottom ease 0.5s;
 -moz-transition: visibility 0.5s ease, opacity 0.5s ease, height 0.5s ease 0.5s, margin-bottom ease 0.5s;
}

#wrapper_3 {
	margin:auto;
	margin-top:0;
	width:890px;
}

#header h1{
	margin:0;
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: 1px;
	font-weight:normal;
	font-size:36px;
	text-transform:uppercase;
	padding-top:45px;	
	color:#586009;
	padding-left:45px;
	background-color:#FFF;
}

#header h2{
	margin:0;
	text-transform:uppercase;
	font-family:'FranklinGotURWT_Boo';
	font-weight:normal;
	font-size:12px;
	padding:5px 0 5px 49px;
	background-color:#586009;
	color:#FFF;
}

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

#nav{
	border-top:3px solid #333;
	text-transform:uppercase;
	font-size:12px;
}

#nav li{
	margin:0;
	float:right;
	padding:0 45px 0 0;
	list-style-image:none;/*gets rid of bullets*/
	list-style-position:outside;
	list-style-type:none;/*gets rid of numbers etc.*/
}

#nav ol{
    background-color:#FFF;
    padding:10px;
    margin:0;
}

h3{
	font-family:'FranklinGotURWT_MedCon';
	font-size:70px;
	font-weight:normal;
	text-transform:uppercase;
	color:#6F766B;
	margin:20px 0 30px 0;
}
#about{
	padding:10px 0px 0 30px;
	color:#6F766B;
	margin:0;
}
#about h3{
	float:right;
}
.first-word{
	display:inline;
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: normal;
	font-weight:normal;
	font-size:70px;
	text-transform:uppercase;
	color:#6F766B;
	float:left;
	line-height:60px;
}
#about p{
	display:inline-block;
	margin: 60px 45px 0 0;
	width:455px;
	line-height:20px;
	height:198px;
	float:right;
	
}
#display_project {
	width:890px;
	margin:auto;
	padding:15px 0;
}

.slides{
	position:relative;

}

.close_slider{
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: normal;
	font-weight: bold;
	font-size:30px;
	color:#9DA395;
	z-index: 2;
	position:absolute;
	top:35px;
	right:45px;
	cursor: pointer;
}
.close_slider:hover{
	color:#333;
	text-decoration:none;
}

.slides_box {
	position: relative;
	height: 462px;
}
.slide{
	z-index:1;
	position: absolute;
}

.slide-shown {
 opacity: 1;
 -transition: opacity 2s;
 -webkit-transition: opacity 2s;
 -moz-transition: opacity 2s;
}

.slide-hidden {
 opacity: 0;
 height: 0;
 -transition: opacity 2s;
 -webkit-transition: opacity 2s;
 -moz-transition: opacity 2s;
}

.prev{
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: normal;
	font-weight:normal;
	font-size:70px;
	color:#9DA395;
	position:absolute;
	z-index:99;
	left:30px;
	top:45%;
	
}
.prev:hover{
	color:#333;
	text-decoration:none;
}
.next{
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: normal;
	font-weight:normal;
	font-size:70px;
	color:#9DA395;
	position:absolute;
	z-index:99;
	right:30px;
	top:45%;
}
.next:hover{
	color:#333;
	text-decoration:none;
}
.project_description h4{
	font-family:'FranklinGotURWT_Boo';
	letter-spacing: normal;
	font-weight:normal;
	font-size:12px;
	color:#9DA395;
	background-color:#333;
	padding:0 45px 0 45px;
}
.date_project{
	font-family:'FranklinGotURWT_MedCon';
	letter-spacing: normal;
	font-weight:normal;
	text-transform:uppercase;
	display:inline-block;
	margin-left:45px;
	width:100px;
}
.date_project span{
	border-top:solid 1px;
	text-transform:none;
	padding-top:3px;
	margin-top:5px;
}

.blurb{
	
	display:inline-block;
	width:695px;
	margin-right:45px;
}

#work{
	background-color:#FFF;
	padding:10px 45px 20px 45px;
	border-top:3px solid #586009;
}
.open{
	background-color:#333;
	height:166px;
	width:166px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	color:#9DA395;
	font-size:12px;
	line-height:15px;
	cursor: pointer;
	padding:12px;
}
.open img{
	position:relative;
	visibility:hidden;
	display:none;
	top:-6px;
	left:-6px;
}
.open:hover img{
	visibility:visible;
	display:block;
}
.open:hover .rollover{
	visibility:hidden;
	display:none;
}
.clear{
	clear:both;
}

h4{
	font-family:'FranklinGotURWT_Boo';
	letter-spacing: normal;
	font-weight:normal;
	font-size:20px;
	line-height:24px;
	text-transform:uppercase;
	color:#B8BFAE;
	margin:0;
}
h5{
	font-family: 'FranklinGotURWT_Boo';
	font-weight:normal;
	font-size:9px;
	text-transform:uppercase;
	color:#586009;
	padding-left:5px;
	margin:0;
}
#contact{
	background-color:#333;
	padding:10px 45px 20px 45px;
	border-top:3px solid #586009;
}

.contact_ways{
	width:232px;
	margin:0px 0px 0px 10px;
	padding:12px;
	float:left;
}
#footer{
	background-color:#FFF;
	color:#586009;
	margin:10px 0 10px 0;
	padding:20px 0px;
}
#footer p{
	color:#586009;
	margin:0;
	padding:0 45px 0 45px;
	font-family:'FranklinGotURWT_Boo';
	font-weight:normal;
	font-size:9px;
	line-height:13px;
}