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

@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200italic,300italic,400italic,600italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

* {
  margin: 0;
  padding: 0;
  font: 100%;
  baseline: 0;
  overflow-x: hidden;
 }
  
html {
	width: 100%;
	background: #eaeaea;
	}
	
body {
    width: 100%;
	}

article {
	width: 95%;
	max-height: auto;
	overflow-y: auto;


	}

section > article {
	background-color:rgba(0,0,0,0.0);
	width:auto;
	overflow-y: auto;
	height: 100vh;
}

.layout_left {
	float: left;
	min-height: 100%;
	width: 16%;	
	background: #282828;
	position:fixed;
	padding-bottom: 1%;
	}

.layout_right {
	float: right;
	width: 80%;
	background-color:rgba(0,0,0,0.00);  
	}
	

.wrapper {
    position: absolute;
    width: 500%;
    height: 100%;
    z-index: 0;
    }

	
	
.left_menu_container {
	
	margin: 40px 0px 0 25px;
	background: #282828;
	}	

	
footer {
	bottom: 5%;
	left: 21%;
	position: absolute;
	text-align: center;
	font-size: 0.65em;
	color: #595959;

/*	z-index: 2;
	background: #282828;*/
	}
	
	
.caption {
    position: absolute;
    bottom: 3%;
    right: 5%;
    opacity: .5;
    font-size: 0.65em;
    text-transform: uppercase;
    text-align: right;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.9);
	font-family: 'Open Sans', sans-serif;
    }
	
.video_container {
    position: relative;
    padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
	max-width: 100%;
    }
 
.video_container iframe,
.video_container object,
.video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
		  
/*typography*/

h3, h4, footer {
    font-family: 'Source Sans Pro', sans-serif;   
	}
	
h3 {
	font-size: 1.4em;
	padding: 1.2em 10px 10px 5px;
	margin-bottom: 1em;
	border-bottom: 1px solid black;
	font-weight: 600;
	}
	
h4 {
	font-size: 1.1em;
	font-weight: 300;
	margin: 15px 0px 30px 10px;
	}
	
.work_description {
	margin: 2% 0px;
	padding: 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-align:justify;
	background: rgba(254,254,254,0.4);
	border-radius: 4px;
	padding: 7px;
	}
	
.work_description_1 {
	margin: 0em 0px;
	padding: 0em 0.2em 1.2em 0em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-align:justify;
}

.photo_gallery {	
	width: 100%;
    margin: 0 0 20px 10px;
	padding-bottom: 3em;
  } 

.photo_id {
	margin: 0.1em 0em 7em -0.05em;
    padding: 1em 2em 0 0;
}

.photo_gallery img {
	width: 12%;
}
  

.news>ul {
	list-style: inside;
	}

li img {
	width: 15%;
}

a {
   cursor: pointer;
   text-decoration:none;
   color: #e5e5e5;
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	
a:hover {
	color: #676767; 
	text-decoration:none;
	}
	
.about_description a {
	color: black;
	font-family: 'Open Sans Condensed', sans-serif;
	}
	
.about_description a:hover {
	color: #868686;
	font-family: 'Open Sans Condensed', sans-serif;
	}
	
.photo_gallery a > img{
	padding: 4px;
	margin: 1px;
	border: 1px solid #9F9F9F;
	background: #fff;
	-webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	
.photo_gallery a:hover > img {
	padding: 4px;
	margin: 1px;
	border: 1px solid #9F9F9F;
	background: #8B9098;
	opacity:.6;
	}