/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
	
/* 
Start: Globals 
*/

body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, span, textarea, form, img, .main input, .main button, a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	font-family:'HelveticaNeueW01-45Ligh' ,Arial, Helvetica, sans-serif;
	/*font-family:'HelveticaNeueW01-ThinCn 673383',Arial, Helvetica, sans-serif;
	font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif; */

	}
	
a img{   border: 0px; }
img{font-size: 11px; color: #666; }
body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing:antialiased;
	
	
	
	}
	
::selection {
	background:#FF6699;
	background:#000;
	}
::-moz-selection {
	background:#FF6699;
	background:#000;	
}	
	
	
	
.load{
	background-color:#efefef;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1000;
	}
.load.loading {
background-image:url(http://setholansky.com/dev/images/ajax-loader.gif) !important;

	background-position:center;
	background-repeat:no-repeat;
	}	
sub{
	position:relative;
	font-size:.75em;
	vertical-align:baseline;
	top:2px;
	}
sup{
	position:relative;
	vertical-align:baseline;
	top:-4px;
	}

#noscript{
  background-color:#333;
  width:100%;
  padding:8px;
  text-align:center;
  }
#noscript p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#CCCCCC;
  line-height:normal;
  margin-bottom:0px;
  }

/* End: Globals */

/***************** { Start: Main Typography overrides} *****************/



.main .news h1, .main .news h1 a{
color:#fff;
font-size:32px;
line-height:42px;
font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
margin-bottom:0px;
}

.main h1, .main h1 a{
color:#fff;
font-size:40px;
line-height:48px;
font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
margin-bottom:18px;
}



.main h1 a, .main p a {

padding:0px 2px 1px;
border-bottom: solid 1px #fff;

color:#FFF;

}

.main .news p a, .news p a{
color:#000;
border-bottom: solid 1px #000;

}
.main h1 a:hover, .main p a:hover, .news_gallery .main h1 a:hover, .main .news p a:hover, .news p a:hover{
color:#fff;
border-bottom: solid 1px #058EFF;
background-color:#058EFF;



}




h2{
color:#fff;
font-size:22px;
}
h3{
}
h4 {
}
h5{
}
a:link,
a:visited{
}
a:hover{
}
blockquote{
}
p{
	font-size:18px;
	line-height:1.8em;
	margin-bottom:1em;
	color:#fff;
}	

.news p{
	font-size:16px;
	color:#000;
}	
	

h4.scroll {
color:#fff;
font-size:16px;
text-align:center;
position:absolute;
width:100%;
bottom:100px;


}
h4.scroll span{
padding:10px;
border:solid 1px #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
}

/***************** { End: Main Typography overrides } *****************/


/***************** { Start: Main structure } *****************/


.project{
margin-bottom:30px;
/*border-left:5px solid #fff;
margin-left:4px;
padding-left:16px;*/

}

h1.divider_head{
margin-top:60px;

}
.project p{
/*font-size:16px;*/
margin-bottom:4px;

}

.show_hide_trigger{
background-color:#058EFF;
padding:6px;
color:#fff;
margin-bottom:12px;
background-image:url(../images/play.png);
background-position:8px;
background-repeat:no-repeat;
padding-left:24px;
display:inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
-khtml-border-radius: 3px; 

}
.show_hide_trigger:hover{
background-color:#0075d9;

}

.show_hide_trigger.showing{
padding:6px;
background-image:none;
}
.project h2 span{
font-size:16px;
}
.show_hide_content{
height:0px;
	overflow:hidden;
	position:relative;
	}

#wrap_a, #wrap_b{
	text-align:left;
	margin:0px auto;
	width:100%;
	position:relative;
	left:0px;
-webkit-transition: left .3s ease;
  -moz-transition: left .3s ease;
  -o-transition: left .3s ease;
  transition: left .3s ease;
}

body.open_m_nav{
	overflow-x:hidden;
	}
.open_m_nav #wrap_a{
	left:220px;
	}
header,
footer,
.main
{
	float:left;
	display:inline;
	width:100%;
}
#header_wrap{
	background-color:#fff;
	width:100%;
	text-align:center;
	}
header, .main{
	max-width:1200px;
	margin:0px auto;
	float:none;
	display: block;
	}
.main {
	max-width:1200px;
	position:relative;
	z-index:5;
	}	
.main .content {
padding:80px 40px 40px 40px;
	}	
.content .left_col{	
max-width:600px;

}
#header_wrap, header {
	position: relative;
	height:90px;
	z-index: 10;
}	
footer{
	background-color:#333;
	color:#fff;
	font-size:12px;
	}
footer p{
	padding:10px;
}

#canvas{
background-color:#efefef;
width:100%;

}
	

#logo{
	position:absolute;
	right:40px;
	bottom:-42px;
	width: 84px;
	height:84px;
	z-index:10;
	background-image:url(../images/seth-olansky-logo-lrg.png);
	background-size: 84px 84px;
	background-repeat:no-repeat;
	background-position: top left;
}




#cover_image{
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
 /* top:90px;*/
  left:0px;
  z-index:0;
  height:400px;
  min-height:400px;
/*background-attachment:fixed; */
float:left;
 

}

/* news */


#cover_image{
			position:fixed;
			top:0px;
			left:0px;
			height:100%;
			widdth:100%;
			z-index:-200;
			/*min-height: header height min-height of banner area, which is 400 */
			}
			
			section {
			width:100%;
			float:left;
			display:inline;
			
			}
			section.splash {
			height:400px;
			
			}
			section.body_area {
			background-color:#efefef;
			
			}
			#canvas{
			background-color:transparent;
			
			}
			

table.vert_center{
width:100%;
height:100%;
position:relative;
vertical-align:middle;


}

.main span.date{
display:inline-block;
font-size:16px;
color:#fff;
/*background-color:#939598;
background-color:#fff;
color:#666;*/
color:#fff;
border:solid 1px #fff;

padding:4px 6px;
margin-bottom:10px;
font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
}



.main .arrow_left,
.main .arrow_right{
	cursor:pointer;
	width:60px;
	height:80px;
	font-size:80px;
	padding:20px 0px;
	position:absolute;
	left:40px;
	top:50%;
	margin-top:-40px;
	color:#FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  z-index:100;
  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out; 

}
.main .arrow_left:hover,
.main .arrow_right:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.main .arrow_right{
left:auto;
right:40px;
text-align:right;
}

.main .content.news {
	padding:40px 230px;
	/*float:left; */
	position:relative;
	}	
.content.news img, .content.news video, .content.news audio, .content.news iframe{
	width:100%;
	height:auto;
	margin-bottom:1em;

}	

.news_tabs a{
	color:#666;
	}
.news_tabs{
clear:both;
float:left;
width:100%;
margin:80px 0px;

}
.news_tab{
float:left;
display:inline-block;
font-size:20px;
line-height:130%;
font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
padding:15px 0px;
border-top:solid 4px #ccc;
width:33%;


}
.prev.news_tab{

}

.next.news_tab{
float:right;

}



/* news gallery */

.news_gallery{
			
			float:left;
			width:100%;
			
			}
.news_gallery li{
			/*padding-bottom:40px;
			margin-bottom:40px;
			border-bottom:dotted 1px #fff; /**/
			/* force hardware acceleration */
			-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
			
			
			background-size:cover;
	background-position:center center;
	padding:15px;
	box-sizing:border-box;
	background-color:#fff;
	width:100%;
	float:left;
	margin-bottom:15px;
	cursor:pointer;
	/*-webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;*/
	border-right: solid 10px transparent;
	border-left: solid 0px transparent;
	-webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;
	/*
	
	/*
	
	width:33%;
	border:solid 8px #ccc;
	min-height:120px;
			position:relative;
			overflow:hidden;
	
	float:left;
	min-height:300px; */

			
			}
.news_gallery li:hover{
/*background-color:#dedede; */
/*border-left: solid 10px  #058EFF;*/
border-left: solid 10px  #058EFF;
border-right: solid 0px transparent;
/*border: solid 2px #999; */
}			
.content.news img.news_thumb {
float:left;
display:inline-block;
margin-bottom:0px;
width:200px;
height:auto;
clear:left;
margin-right:15px;

}		
			
.news_gallery .main .content.news{
			padding:40px;
			padding-top:80px;
			
			}
.news_gallery .main span.date {
				font-size: 14px;
				padding: 3px 4px;
				background:transparent;
				border:solid 1px #bbb;
				color:#777;

			}
.news_gallery .main h1, .news_gallery .main h1 a {
				line-height: 32px;
				font-size: 24px;
				color:#fff;
				position:relative;
				z-index:10;
				color:#333;
				
			}
			.news_gallery .main h1 a {
			border-bottom: solid 1px #333;
			}
.newscover{
position:absolute;
background-size:cover;
background-position:center center;
top:0px;
left:0px;
z-index:0;

}			
			
/* demo */

.content iframe {
margin-bottom:10px;

}


.content iframe.space_below {
margin-bottom:30px;

}

/*home */
#home_splash{
position:relative;

}
.main #home_splash h2,
.main #home_splash h1{
font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
color:#fff;
}
.main #home_splash h2 {
	font-size:132px;
	line-height:104px;
	margin-bottom:10px;
	
	}
.main #home_splash h1{
	font-size:38px;
	margin-bottom:0px;
	}
#home_splash h1 span{
 color:#676d78;
}	


/* hide fonts.com badge */

div#mti_wfs_colophon {
position:absolute !important;
left:-999999px !important;
top:-999999px !important;
z-index:-100;

}

/* Mobile Nav */
#mobile_trigger{
	position:absolute;
	z-index:10;
	left:10px;
	top:8px;
	font-size:26px;
	padding:10px;
	display:none;
	
	color:#666;
	}
#mobile_trigger:hover{
color:#676d78;

}		
#mobile_nav{
	position:absolute;
	left:-220px;
	width:220px;
	background-color:#efefef;
	height:100%;
	z-index:20;
	overflow:hidden;
	
	}
#mobile_nav ul{
	width:220px;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	border:0px;
	 
	}
#mobile_nav ul.nav {
/* trigger hardware acceleration for smoother animations */
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
	left:0px;
-webkit-transition: left .3s ease;
  -moz-transition: left .3s ease;
  -o-transition: left .3s ease;
  transition: left .3s ease;
}
.level_2 #mobile_nav ul.nav {
	left:-220px;

	}

#mobile_nav ul ul {
	top:0px;
	left:220px;
	background-color:transparent;
	
	}
nav#mobile_nav li{
	display:block;
	float:none;
	margin-left:0px;
	border-bottom:solid 1px #fff;
	
	
	}
nav#mobile_nav li a{
	padding:10px 20px;
	font-size:20px;
	line-height:normal;
	}
nav#mobile_nav li li a:hover, nav#mobile_nav li li:hover{
	color:#333;
	background-color:transparent;
	
	}

#mobile_nav .icon-angle-right,#mobile_nav .icon-angle-left{
position: relative;
margin-top:3px;
font-size:16px;
}
#mobile_nav .icon-angle-right{
float:right;
right:-4px;

}

#mobile_nav .icon-angle-left{
margin-right:2px;
left:-4px;
margin-top:4px;
}





	
	
/*Main Nav*/
nav .nav a, nav .nav a:link, nav .nav a:hover, nav .nav visited{
    border-bottom:none;
    }
header nav{
    
    display:inline;
    }  
	 
nav .nav{
	position:absolute;
	bottom:0px;
	left:0px;
    padding:0px;
    margin:47px 0px 0px 40px;
    list-style: none;
    clear:right;
    display:inline;
    width:auto;
    }
    
nav .nav ul {
    float: left;
    padding:0px 0px 0px 0px;
    list-style: none;
    display:inline;
    }
    
/*Top level nav a:link state*/
    
nav .nav a {
    font-size:28px;
    color:#676d78;
    margin:0px 0px 0px 0px;
	padding-bottom:10px;
    display:block;
	font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
	cursor:pointer;
	}
nav .nav li {
	text-align: left;
    float:left;
    display:inline;
    padding:0;
    /*margin: 0px 10px 0px 0px; */
    /*margin: 0px 10px 0px 0px; */
     margin:0px 0px 0px 39px;
     }
    nav .nav li.first{
    margin-left: 0px;
    
    } 
    
nav .nav .last a{
margin-right:0px;
    }   
    
/*second level*/
nav .nav ul {
	z-index:600;
    position: absolute;
    left: -999em;
    clear:both;
    height: auto;
    width: 160px;   
    padding: 0px;   
    margin: 0px;
    
	background-color:#333;
 }
    
/*second level background and box size*/
nav .nav li li {
    width:100%;
	margin-left:0px;
    }
    
nav .nav li li a{
    line-height:1.5em;
    text-transform:none;
	padding:10px;
}   
/*Second level text */
nav .nav li li a {
	
	font-family:'HelveticaNeueW01-47LtCn 692686',Arial, Helvetica, sans-serif;
	/*font-size:12px;
    padding:5px 0px 5px 9px; */
    margin:0px;
	font-size:20px;
	}

/*Second level baackround color hover state  */
nav .nav li li:hover, nav .nav li li.sfhover {
   background-color:#666;

    }
    
nav .nav li .parent:hover, nav .nav li .parent.sfhover {
    
    }
    
.parent{
}   

    
/*Second level a:hover text color*/
nav .nav li.sfhover a, nav .nav li ul li:hover a, nav .nav li ul li li:hover a, nav .nav li ul li li li:hover a, nav .nav li ul li li li:hover a, nav .nav li ul li.sfhover a, nav .nav li ul li li.sfhover a, nav .nav li ul li li li.sfhover a, nav .nav li ul li li li.sfhover a{ 
    color:#fff;
    }
    
/*Main nav hover text color*/
nav .nav li:hover a, nav .nav li.sfhover a,
nav .nav li a.current{
    color:#333;
    }
    

/*Second level a:link text color*/
 nav .nav li:hover li a, nav .nav li li:hover li a, nav .nav li li li:hover li a, nav .nav li li li li:hover li a, nav .nav li.sfhover li a, nav .nav li li.sfhover li a, nav .nav li li li.sfhover li a, nav .nav li li li li.sfhover li a {
    color:#999;
    }
    
    /*hide second level*/
nav .nav li:hover ul ul, nav .nav li:hover ul ul ul, nav .nav li:hover ul ul ul ul, nav .nav li.sfhover ul ul, nav .nav li.sfhover ul ul ul, nav .nav li.sfhover ul ul ul ul {
    left:-999em;
    }
    
    
    /* dislpay second level */
nav .nav li:hover ul, nav .nav li li:hover ul, nav .nav li li li:hover ul, nav .nav li li li li:hover ul, nav .nav li.sfhover ul, nav .nav li li.sfhover ul, nav .nav li li li.sfhover ul, nav .nav li li li li.sfhover ul {
    left:auto;
    }
	
    /* dislpay second level last */
nav .nav nav .nav_last:hover ul, nav .nav nav .nav_last.sfhover ul {
    left:auto;
	margin-left:-94px;
    }
		
 nav .nav li li:hover ul, nav .nav li li li:hover ul, nav .nav li li li li:hover ul, nav .nav li li.sfhover ul, nav .nav li li li.sfhover ul, nav .nav li li li li.sfhover ul {
    left:160px;
    margin-top:-1.65em;
    float:left;
    
    }
    /*Main nav rollover background color */
nav .nav li:hover, nav .nav li.sfhover {        
    background-image:none;
    }
    
nav .nav li li a:hover{
    color:#fff;
    }   
    
    
/* icon fonts */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?z5hjut');
	src:url('fonts/icomoon.eot?#iefixz5hjut') format('embedded-opentype'),
		url('fonts/icomoon.woff?z5hjut') format('woff'),
		url('fonts/icomoon.ttf?z5hjut') format('truetype'),
		url('fonts/icomoon.svg?z5hjut#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-reorder:before {
	content: "\e600";
}
.icon-angle-right:before {
	content: "\e601";
}
.icon-angle-left:before {
	content: "\e602";
}
.icon-lrg-right-arrow:before {
	content: "\e603";
}
.icon-lrg-left-arrow:before {
	content: "\e604";
}

@media all and (max-width: 1000px) {
	.main .content.news {
		padding:40px 160px;
	}

}

@media all and (max-width: 750px) {
	.main .content.news.body {
		padding:40px ;
	}
}


@media all and (max-width: 560px) {


.main .news h1, .main .news h1 a{

line-height: 32px;
font-size: 24px;
}

.news_gallery .main h1, .news_gallery .main h1 a{
	line-height: 28px;
	font-size: 20px;
}

.vert_center .content.news{
text-align:center;

}




.main .informational h1{
font-size:32px;
line-height:40px;
margin-bottom:14px;

}


header nav{
	display:none;
	
	}
#header_wrap, header {
	height:60px;
}	

#logo{
	right:20px;
	bottom:-35px;
	width: 70px;
	height:70px;
	background-size: 70px 70px;
}
#mobile_trigger{
	display:block;
	
	}
	

.main #home_splash h2 {
	font-size:80px;
	line-height:64px;

	
	}
.main #home_splash h1{
	font-size:26px;
	margin-bottom:0px;
	}
.news_gallery .main .content.news, .main .content{
			padding:60px 20px 40px 20px;
			
			
			}	
/*.news_gallery li{
	padding-bottom:30px;
	margin-bottom:30px;
	}	 */
	
.content.news img.news_thumb {
float:none;
display:block;
margin-bottom:15px;
width:100%;
height:auto;

margin-right:0px;

}	

.news_gallery li{
border: solid 0px transparent;
border-bottom: solid 10px  transparent;
}

.news_gallery li:hover{

border: solid 0px transparent;
border-bottom: solid 10px  #058EFF;

}			

				
	
/*	
	.main .arrow_left, .main .arrow_right {
    font-size: 20px;
    height: 20px;
    left: 20px;
    margin-top: -15px;
    padding: 10px;
    width: 20px;
	background-color: #676D78;
	 height: 20px;
	width:20px;
	background-color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-khtml-border-radius: 20px;
	color:#000;
	text-align:center;

}



.news_nav_top{

display:none;

}

.news_nav_mobile {
	display:block;
	text-align:center;
	display:block;
	margin:20px 0px 40px 0px;
	}

.main .arrow_left, .main .arrow_right {
    font-size: 24px;
    height: 24px;
	width:24px;
	position:relative;
	display:inline-block;
	text-align:center;
    margin-top: 0px;
    
	background-color: transparent;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-khtml-border-radius: 20px;
	color:#676d78;
	left:0px;
	border:solid 1px #999;
	filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
} 
.main .arrow_left{
	margin-right:20px;
	padding: 8px 10px 8px 6px;
}
.main .arrow_right{
	padding: 8px 6px 8px 10px;
}

*/


.main .arrow_left,
.main .arrow_right{
	cursor:pointer;
	width:20px;
	height:34px;
	font-size:34px;
	padding:0px;
	left:15px;
	top:50%;
	margin-top:-17px;
	color:#FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
 

}

.main .arrow_right{
left:auto;
right:15px;
}



.main .content{
padding: 80px 20px 40px 20px;

}

	.main .content.news {
    padding: 40px 50px;
}
 .main .content.news.body {
		padding:20px ;
	}
	
.main h1, .main h1 a {
    line-height: 32px;
	 font-size: 24px;
}

.main span.date {
    font-size: 14px;
    padding: 4px 6px;
}
/*#cover_image {
	height:auto;
	min-height:0px;
	}
#cover_image.full{
	height:auto; 
	}*/
section.splash.v_center_type,
section.splash.full{
	height:300px;
	}

table.vert_center td{
	vertical-align:top;
	
	}
	
.full table.vert_center td{
	vertical-align:middle;
	}


section.splash {
			height:auto;
			
			}



}