/*
Theme Name: Hybrid Medical Animation
Theme URI: http://underscores.me/
Author: ArcStone
Author URI: http://www.arcstone.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hybrid-medical-animation
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hybrid Medical Animation is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

*
{
	margin		: 0;
	padding		: 0;
	outline: none;
}
html, body
{
	margin		: 0;
	padding		: 0;
	/*background	: #FFF /* url(images/bg_bottom.png) bottom left repeat-x ; */
	text-align	: center;
	font: 11px/1.5em 'Open Sans', Verdana, Arial, sans-serif;
	/*
	header.php font tests
	https://arcstone.basecamphq.com/projects/5054987/todo_items/61657049/comments#72843805

	v1
	font: 12px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	v2
	font: 12px/1.4 "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	v3
	font: 12px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight	: 300;
	v4
	font: 12px/1.4 Helvetica, Arial, sans-serif;
	*/
	color		: #414142;
	height		: 100%;
	min-height: 100%;
	-webkit-overflow-scrolling: none;
}
a, img, table, td { border: 0; }

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


a.button
{
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	text-indent			: -9999px;
}
a:hover.button { background-position: top left; }

h1
{
	font-size: 23px;
	margin: 15px 0;
	font-weight: normal;
	color: #939598;
}
h1.heading { width: 650px; margin-bottom: 4px; }
h1.heading, .content h1, .scrollable h1  { font-size: 15px; line-height: 18px; }

h1.heading + div.divider { margin-top: 4px; }

h2 { margin-bottom: 20px; }
h3 { margin: 10px 0; }
h4 { margin: 10px 0; }

p { font-family: 'Open Sans', Verdana, Arial, sans-serif; margin: 15px 0; }
p:first-child { margin-top: 0; }

strong { font-weight: bold; color: #666; }

blockquote
{
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0;
	padding: 6px 20px;
	color: #070707;
	border-top: #ccc 2px dotted;
	border-bottom: #ccc 2px dotted;
	margin: 20px 0;
	text-align: center;
	overflow: hidden;
}
.grid + blockquote {
	width: 542px;
}
blockquote p.author
{
	font-weight: normal;
	margin: 15px 0 0 0;
	padding-left: 12px;
	text-align: right;
}
blockquote p.author span {
	font-style: italic;
}

iframe {
	max-width: 100%;
}

small, .tip
{
	font: 11px Arial, sans-serif;
	color: #828282;
}

div.divider
{
	clear		: both;
	margin		: 15px 0;
	width		: 100%;
	height		: 2px;
	font-size	: 1px;
	line-height	: 1px;
	background	: #f08c1e;
}

/* COLORS */

.work 		div.divider { background: #f08c1e; }
.demo 		div.divider { background: #0f8a8f; }
.about 		div.divider { background: #f08c1e; }
.news	div.divider { background: #0f8a8f; }
.contact 	div.divider { background: #a8be32; }

.home 		a { color: #f08c1e; }
.work 		a { color: #f08c1e; }
.demo 		a { color: #0f8a8f; }
.about 		a { color: #f08c1e; }
.news a { color: #0f8a8f; }
.contact 	a { color: #a8be32; }


.clear
{
	clear	: both;
	width	: 100%;
}

/* ----------------------------------------------------- form */

input[type=text], input[type=password], textarea, select, option
{
	padding: 2px;
	font: 12px Verdana, Helvetica, sans-serif;
}
/*input[type=submit]*/
/*{*/
	/*width: 110px;*/
	/*height: 35px;*/
	/*padding: 0;*/
	/*text-indent: -9999px;*/
	/*background: url(images/submit_bg.png) center center no-repeat;*/
	/*border: 0;*/
/*}*/

/* ONE */

form ul
{
	list-style	: none;
	padding		: 20px 0;
}
form ul label
{
	display		: block;
	font-weight	: bold;
	float		: left;
	width		: 120px;
}
form ul li
{
	display	: block;
	clear	: both;
	padding	: 4px 0;
}

/* TWO */

form dl { float: left; width: 500px; }
form dt
{
	clear: both;
	float: left;
	width: 190px;
	margin-right: 2px;
	height: 16px;
	line-height: 16px;
}
form dt label
{
	display: block;
	background: #f3f3f3;
	padding: 0 5px;
}
form dt, form dd { border-bottom: #FFF 2px solid; }
form dd
{
	float: left;
	width: 300px;
}

form input[type=text], form input[type=password]
{
	float: left;
	margin: 0;
	width: 280px;
	height: 12px;
	padding: 0 2px;
}

/* ----------------------------------------------------- page */

#page
{
	text-align: left;
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	/*background: #FFF url(images/bg_bottom.png) bottom left repeat-x;*/
}

div.container
{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

/* ----------------------------------------------------- page-head */

#page-head
{
	position: fixed;
	width: 100%;
	height: 95px;
	background: url(images/bg_top.png) top left repeat-x;
	-moz-box-shadow: 0 0 10px #777;
	-webkit-box-shadow: 0 0 10px #777;
	box-shadow: 0 0 10px #777;
	z-index: 99;
}
#page-head.no-trans {
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
h1#logo { margin: 0; padding: 0; }
h1#logo a
{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 215px;
	height: 45px;
	top: 50%;
	right: 25px;
	margin-top: -22.5px;
	text-indent: -9999px;
	outline: none;
	background: url(images/logo.png) center center no-repeat;
}

#nav
{
	list-style: none;
	position: absolute;
	bottom: 30px;
	left: 5px;
}
#nav li { display: inline; }
#nav a
{
	display: block;
	float: left;
	padding: 5px 2px 2px 2px;
	margin: 0 20px;
	color: #333;
	text-transform: uppercase;
	font-family: 'Open Sans', Verdana, Arial, sans-serif !important;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	border-bottom: transparent 1px solid;

	padding-top: 0;
	padding-bottom: 0;
	height: 25px;
	line-height: 25px;
}
#nav a:hover { color: #333; }

li.current_page_item a:hover,
li.current_page_parent a:hover { cursor: default; }

/* COLORS */
/* home */
#nav .page-item-2 a:hover,
.home #nav .current_page_item a,
.home #nav .current_page_parent a { }

/* work */
/*
#nav .menu-item-3644 a:hover,
#nav .current-menu-parent a,
#nav .current-menu-parent a, .post #nav li.page-item-8 a { border-color: #f08c1e; }
*/
#nav .work a:hover,
#nav .work.active a,
#nav .work.current-menu-ancestor a {
	border-color: #f08c1e;
}

/* demo */
/*
#nav .menu-item-3629 a:hover,
.demos #nav .current_page_item a,
.demos #nav .current-menu-item a { border-color: #0f8a8f; }
*/
#nav .demo a:hover,
#nav .demo.active a {
	border-color: #0f8a8f;
}

/* about */
/*
#nav .menu-item-3655 a:hover,
.about #nav .current_page_item a,
.about #nav .current_page_parent a { border-color: #f08c1e; }
*/
#nav .about a:hover,
#nav .about.active a {
	border-color: #f08c1e;
}

/* newsletter */
/*
#nav .menu-item-24 a:hover,
#nav .menu-item-24.current_page_parent a,
#nav .menu-item-24.current_page_parent a { border-color: #0f8a8f; }
*/
#nav .news a:hover,
#nav .news.active a {
	border-color: #0f8a8f;
}

/* contact */
/*
#nav .menu-item-22 a:hover,
.contact #nav .current_page_item a,
.contact #nav .current_page_parent a { border-color: #a8be32; }
*/
#nav .contact a:hover,
#nav .contact.active a {
	border-color: #a8be32;
}

/* ----------------------------------------------------- social */

#social		{ list-style: none; margin: 0; padding: 0; position: absolute; bottom: 37px; left: 580px; }
#social li	{ display: inline; }
#social a	{ background-image: url(images/sprite_social.png); background-repeat: no-repeat; display: block; float: left; text-indent: -9999px; outline: none; width: 16px; height: 16px; margin-left: 9px; }

a#social_twitter		{ background-position: 0px -24px; }
a:hover#social_twitter	{ background-position: 0px 0px; }

a#social_youtube		{ background-position: -24px -24px; }
a:hover#social_youtube	{ background-position: -24px 0px; }

a#social_vimeo			{ background-position: -48px -24px; }
a:hover#social_vimeo	{ background-position: -48px 0px; }

a#social_facebook		{ background-position: -72px -24px; }
a:hover#social_facebook	{ background-position: -72px 0px; }

#social-media a.instagram {
    background-image: url(images/icon-instagram.png);
}

/* ----------------------------------------------------- base */

#base
{
	position: relative;
	width: 100%;
	clear: both;
	float: left;
	padding: 0 0 70px 0;
}
.home #base, .ftp #base { padding-top: 130px; padding-bottom: 150px; }

/* .demo #base { background: url(images/base_bg_demo.jpg) top center no-repeat; min-height: 465px; } */
.post #base, .demo #base { background: url(images/base_gradient.jpg) top left repeat-x; min-height: 465px; }

/* ----------------------------------------------------- splash */

#splash
{
	width: 100%;
	height: 475px;
	overflow: hidden;
	position: relative;
	z-index: 99;
}

#welcome
{
	width: 595px;
	height: 320px;
	position: absolute;
	background: url(images/welcome_bg.png);
	left: 0;
	bottom: 0;
}
#welcome .content { padding: 20px 30px; }
#welcome h1 { font-size: 20px; margin-top: 0; letter-spacing: 1px; }

a.close
{
	width: 49px;
	height: 13px;
	position: absolute;
	background: url(images/button_close.png) center center no-repeat;
	outline: none;
}
#welcome a.close { top: 12px; right: 12px; }

#tagline {
	width: 380px;
	height: 25px;
	background: url(images/tagline.gif) center center no-repeat;
	position: absolute;
	right: 0;
	top: 490px;
	z-index: 10;
	text-indent: -9999px;
}
#slider-container {
	position: absolute;
	left: 0;
	top: 130px;
	width: 100%;
	height: 475px;
}
#parallax-slider {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 475px;
}
#parallax-slider .one {
	background: url(images/home_render_1.jpg) 50% 0 no-repeat;
}
#parallax-slider .two {
	background: url(images/home_render_2.jpg) 50% 0 no-repeat;
}
#parallax-slider .three {
	background: url(images/home_render_3.jpg) 50% 0 no-repeat;
}
#parallax-slider .four {
	background: url(images/home_render_4.jpg) 50% 0 no-repeat;
}
#parallax-slider .five {
	background: url(images/home_render_6.jpg) 50% 0 no-repeat;
}
#parallax-slider .six {
	background: url(images/home_render_7.jpg) 50% 0 no-repeat;
}
#parallax-slider .seven {
	background: url(images/home_render_8.jpg) 50% 0 no-repeat;
}
#parallax-slider .eight {
	background: url(images/home_render_9.jpg) 50% 0 no-repeat;
}
#parallax-slider .nine {
	background: url(images/home_render_10.jpg) 50% 0 no-repeat;
}
#parallax-slider .ten {
	background: url(images/home_render_11.jpg) 50% 0 no-repeat;
}
#parallax-slider .eleven {
	background: url(images/home_render_12.jpg) 50% 0 no-repeat;
}
#parallax-slider .twelve {
	background: url(images/home_render_13.jpg) 50% 0 no-repeat;
}
#parallax-slider .thirteen {
	background: url(images/home_render_14.jpg) 50% 0 no-repeat;
}
#parallax-slider .fourteen {
	background: url(images/home_render_15.jpg) 50% 0 no-repeat;
}
#parallax-slider .fifteen {
	background: url(images/home_render_16.jpg) 50% 0 no-repeat;
}
#parallax-slider .sixteen {
	background: url(images/home_render_17.jpg) 50% 0 no-repeat;
}
#parallax-slider .seventeen {
	background: url(images/home_render_18.jpg) 50% 0 no-repeat;
}
#parallax-slider .eighteen {
	background: url(images/home_render_19.jpg) 50% 0 no-repeat;
}
#parallax-slider .nineteen {
	background: url(images/home_render_20.jpg) 50% 0 no-repeat;
}
#parallax-slider .twenty {
	background: url(images/home_render_21.jpg) 50% 0 no-repeat;
}
.ls-inner {
	position: relative;
}

.ls-inner,
.ls-layer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ls-layer {
	position: absolute;
	display: none !important;
	background-position: center center;
}

.ls-layer.ls-active,
.ls-layer.ls-animating {
	display: block !important;
}

.ls-layer > * {
	position: absolute;
	left: 0;
	top: 0;
}

.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}

.ls-bottom-nav-wrapper a {
	outline: none;
}

.ls-nav-prev,
.ls-nav-next {
	position: absolute;
	left: 10%;
	top: 41%;
	width: 40px;
	height: 94px;
	outline: none;
	background: url(images/arrow-left.png);
	z-index: 9999;
}
.ls-nav-next {
	left: auto;
	right: 10%;
	background: url(images/arrow-right.png);
	cursor: pointer;
}

/* ----------------------------------------------------- sidebar */

#sidebar
{
	float: left;
	width: 260px;
	padding: 0 20px;
	margin-top: 120px;
}
#sidebar .content { padding-left: 4px; }

#sidebar h4.heading
{
	color: #636363;
	font-size: 22px;
	/*letter-spacing: 1px;*/
	margin: 10px 0;
	padding-left: 4px;
	line-height: 26px;
	font-weight: normal;
}

#sidebar h5
{
	margin: 20px 0 4px 0;
	padding: 0 4px;
	text-transform: uppercase;
	color: #0a0a0a;
	font: normal 12px Arial, sans-serif;
	background: url(images/sidebar_h5_bg.png);
}
h5.sidebar /* "New to our process?" */
{
	margin: 8px 0 6px 0;
	padding: 1px 5px;
	/*text-transform: uppercase;*/
	color: #0a0a0a;
	font: normal 12px Arial, sans-serif;
	background: url(images/sidebar_h5_bg.png);
}


.related ul { list-style: none; margin: 10px 0;}
.related a
{
	display: block;
	border-bottom: #9b9b9b 2px dotted;
	padding: 2px 4px;
	text-decoration: none;
	color: #414142;
	background: url(images/related_item_arrows.gif) 235px 50% no-repeat;
}
.related a:hover
{
	color: #000;
	background-color: #ededed;
}

/* ----------------------------------------------------- subnav */

#subnav { margin: 0; padding: 0; }
#subnav ul { list-style: none; margin: 10px 0; }
#subnav a
{
	display: block;
	padding: 1px 4px;
	text-decoration: none;
	color: #58595b;
	margin: 2px 0;
	font-size: 11px;
	background: url(images/subnav_item_bg.png) repeat 0 0;
}
#subnav a:hover, #subnav a:focus, #subnav a:active { background-position: 0 -130px; }
#subnav a:hover
{
	/*background: #f3f3f3;*/
	color		: #000;
}
#subnav li.current_page_item a, #subnav li.current-menu-item a
{
	color: #f08c1e;
	background: none;
}
.news-blog #subnav li a {
	position: relative;
	padding-left: 15px;
}
.news-blog #subnav li a:before {
	content: "\203A";
	position: absolute;
	left: 6px;

	font-size: 16px;
	color: #aaa;
}
.news-blog #subnav li.archive-year a {
	padding-left: 5px;

	font-weight: bold;
}
.news-blog #subnav li.archive-year a:before {
	content: "";
}

/* ----------------------------------------------------- main */

#main
{
	width: 670px;
	float: left;
	padding: 16px 0 0 0;
	margin-top: 120px;
}

/*
.demo #main, .post #main, .work #main, .search #main { padding-top: 16px; }
*/


#main .content
{
	width: 400px;
	float: left;
}
#main .content.meet-hybrid {
	width: 651px;
	margin-left: -7px;
	overflow: hidden;
}
.about .team-member {
	width: 210px;
	height: 200px;
	margin-left: 7px;
	float: left;
}
.about .team-member {
	font-style: normal;
	color: #000;
}
.about .team-member em {
	display: block;
	width: 100%;

	font-style: normal;
	color: #8e9397;
}

.content ul, .content ol { margin: 10px 30px; }
.content li { }
.content td { vertical-align: top; }



img.content-img { float: right; max-width: 250px; margin-top: 40px; }

/* div.sharethis { width: 660px; text-align: right; } */

.scrollable
{
	overflow: auto;
	width: 100%;
	/*height: 450px; */
	/* height: 570px; */
	position: relative;
	outline: none;
	border: 0;
}

img.alignright 	{ float: right; margin: 15px 0 15px 15px; }
img.alignleft	{ float: left; margin: 15px 15px 15px 0; }

.play {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.play img + img {
	position: absolute;
	top: 0;
	left: 0;
}
.overlay {
  width: 100%;
  height: 100vh;
  /* 50% opacity black */
  background: rgba(0,0,0,.95);
  /* Stays locked on scroll */
  position: fixed;
  top: 0;
  /* On top of the rest*/
  z-index: 2000;
  /* Hidden */
  opacity: 0;
  /* No interference */
  left: -100%;
  /* CSS3 Transition */
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}
.overlay .close {
	position: fixed;
	top: 10px;
	right: 10px;
	display: block;
	width: 38px;
	height: 38px;
	background: url(images/close.png);
	cursor: pointer;
	z-index: 2222;
}
.overlay + blockquote {
	margin-right: 28px;
}

.video-container {
  width: 100%;
  /* Centering */
  position: absolute;
  /*
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  */
}
.show {
	opacity: 1;
}

/* ----------------------------------------------------- grid */

ul.grid
{
	list-style: none;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.grid li
{
	position: relative;
	display: block;
	float: left;
	width: 216px;
	height: 190px;
	margin: 0;
	padding: 0;
	color: #939598;
	overflow: hidden;
}

img.thumb
{
	padding-bottom: 2px;
	border-bottom: #f08c1e 2px solid;
	width: 210px;
	position: relative;
	z-index: 1;
}

ul.grid a.view
{
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	position: absolute;
	width: 210px;
	bottom: 69px;
	left: 0;
	height: 0;
	/* height: 30px; main.js */
	z-index: 2;
	line-height: 30px;
	text-indent: 10px;
}
#vid-container h1 {
	margin-top: 5px;
	margin-bottom: 25px;

	font-size: 20px;
}

/* COLORS */
ul.grid img.thumb.animation 	{ border-color: #57a1e5; }
ul.grid img.thumb.illustration 	{ border-color: #f08c1e; }
ul.grid img.thumb.demo 	{ border-color: #0f8a8f; }
ul.grid img.thumb.interactive 	{ border-color: #f08c1e; }

ul.grid a.view.animation 		{ background: #57a1e5; }
ul.grid a.view.illustration 	{ background: #f08c1e; }
ul.grid a.view.demo 	{ background: #0f8a8f; }
ul.grid a.view.interactive 	{ background: #f08c1e; }
ul.grid a.view.virtual 	{ background: #f08c1e; }

ul.grid li div.inner { padding: 0 10px; }
ul.grid h2
{
	width: 210px;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #414142;
	margin: 3px 0 0 0;
}

#scroll_to_view { width: 100%; height: 60px; background: url(images/scroll_to_view.png) center center no-repeat; }





table#clients td { width: 220px; height: 110px; text-align: center; vertical-align: middle; }

table.testimonial { border-bottom: #acacac 2px solid; padding: 2px 0; }
table.testimonial .inner { padding: 0 30px; }
table.testimonial p.author
{
	margin: 20px 0 10px 100px;
	padding-left: 12px;
	background: url(images/testimonial_author_dash.gif) 0 6px no-repeat;
}

/* ----------------------------------------------------- team */

table.popup { width: 600px; }

table.popup td.headshots, table.popup td.headshots div { width: 300px; height: 250px; overflow: hidden; }
table.popup td.headshots img { width: 300px; height: 250px; }

table.popup td.headshots, table.popup td.headshots img { line-height: 0; font-size: 0; }

table.popup td.inner { vertical-align: top; position: relative; }
table.popup td.inner div
{
	padding: 20px;
	text-align: left;
}

/* ----------------------------------------------------- newsletter, login, wallpapers */

.error #main,
.login #main,
.ftp #main,
.thank-you #main { width: 100%; margin: 120px 0 0; padding: 0; }

.login #main h1,
.thank-you #main h1,
.ftp #main h1,
.wallpaper #main h1 { color: #636363 !important; margin-top: 8px; }


form#ezsignup,
form#login, div#login { float: left; margin-left: 25px; }

#ezsignup input#signup,
#login-submit { float: right; margin-right: 1px;  }

form#login dt, div#login dt { width: 288px; margin: 5px 0; }
#login-submit { margin: 5px 1px 0 0; }


.wallpaper #main { width: 930px; margin-left: 25px; }
#wallpapers { margin: 40px 0; }
#wallpapers td { width: 245px; text-align: left; line-height: 22px; vertical-align: top; }
#wallpapers img.thumb
{
	width: 220px;
	border-color: #636363;
}
#wallpapers h1
{
	color: #636363;
	margin: 5px 0 10px 0;
	font-size: 20px;
}

#wallpapers td a { text-decoration: none; color: #0f8a8f !important; }
#wallpapers td a:hover { text-decoration: underline; color: #636363; }

/* ----------------------------------------------------- client */

.client #main, .ftp #main { width: 960px;  margin: 0 0 0 15px; padding: 0 ;}

table#files-heading { width: 100%; margin: 10px 0 15px 0; }

#logout { text-align: right; padding-right: 35px; }
#logout a { color: #939598 !important; }

#files-heading thead { height: 12px; background: #ededed; width: 100%; }
#files-heading thead th
{
	font-weight: normal;
	vertical-align: middle;
	font-size: 11px;
	color: #b8272d;
	letter-spacing: 1px;
}

.client #main h1 { margin: 0 0 0 10px; }

#downloads-nav
{
	list-style: none;
	margin: 0 0 0 10px;
	float: left;
	width: 230px;
	padding: 5px 20px 5px 0;
	border-right: #333 1px dashed;
}
#downloads-nav a
{
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin-bottom: 6px;
	color: #000;
	text-decoration: none;
	outline: none;
}
#downloads-nav a.selected, #downloads-nav a:hover.selected { background-color: #ededed; font-weight: bold; color: #000; }
#downloads-nav a:hover
{
	background-color: #ededed;
	color: #b8272d;
}
#downloads-nav a.new { background-image: url(images/downloads_new.png); background-position: 98% 50%; background-repeat: no-repeat; }




table.downloads
{
	float: left;
	margin-left: 15px;
}
table.downloads td { padding: 5px 0; vertical-align: top; }

table.downloads td.downloads-file { width: 200px; text-indent: 5px; line-height: 13px; }
table.downloads td.downloads-file a:hover { color: #000; }
table.downloads td.downloads-notes { width: 265px; font-size: 11px; line-height: 13px; }
table.downloads td.downloads-uploads { width: 75px; font-size: 11px; line-height: 13px; }
table.downloads td.downloads-status { width: 100px; font-size: 11px; line-height: 13px; }

/* ----------------------------------------------------- search */

#search label
{
	float: left;
}
#search input { float: left; }
#search-terms
{
	padding: 0 1px;
	font-size: 11px;
	width: 180px;
	margin: 4px 15px 0 10px;
}

.search #sidebar input { width: 240px; }

/* ----------------------------------------------------- footer */

#footer
{
	clear: both;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 3px;
	height: 25px;
	font-size: 11px;
	line-height: 25px;
	position: fixed;
	z-index: 1200;
	left: 0;
	bottom: 0;
	background-color: #232323;
}

#footer .gradient
{
	height: 50px;
	background: url(images/footer_gradient.png) bottom left repeat-x;
}
.post #footer .gradient { background: none; } /* avoid conflicts with a.popup zoomed image */

#footer, #footer a
{
	color: #fafafa;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

#footer #copyright
{
	float: right;
	color: #AAA;
	font-size: 10px;
}

#footer ul
{
	list-style: none;
	float: right;
	text-transform: lowercase;
}
#footer li
{
	float: left;
	margin: 0 16px;
}




#IE6
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	border-bottom: #1e1610 2px solid;
	background: #400;
	color: #fff;
	z-index: 9999;
}


/* Meet Hybrid popup */
div#fancy_inner div#fancy_close
{
	position: absolute;
	top: 12px;
	right: 12px;
	height: 13px;
	width: 49px;
	background: url(images/button_close.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	/* display: none !important; */
}
div#fancy_title table { display: none; }



#your-profile {
	display:none;
}

#dataTableContainer table {
	border-spacing: 0;
	width: 100%;
}

#dataTableContainer table thead tr th {
	padding: 10px;
}

#dataTableContainer table tbody tr td {
	padding: 10px;
	vertical-align: top;
}

#uploadFilesLink {
	padding-bottom: 10px;
	text-align: right;
	padding: 15px;
}

#noFiles {
	padding-top: 100px;
	text-align: center;
	font-size: 30px;
	color: #999;
}

.yui-dt-liner textarea {
	width: 100%;
	height: 75px;
}

#dataTableContainer table tbody tr.yui-dt-even td {
	background-color: #EFEFEF;
}

#editTable tr td, #editTable tr th {
	padding: 10px;
}

.yui-dt-liner {
	text-align: left;
}

.highlight td {
	background-color: #EFEFEF;
}

/*
#timelapse-container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#timelapse-placeholder {
	position: fixed;
	top: 95px;
	bottom: -95px;
  background-image: url(images/skull-image-fm01.jpg);
  background-size: cover;
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  z-index: -1;
}
#timelapse-player {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
}
.logged-in #timelapse-controls {
	top: 127px;
}
*/
#timelapse-controls {
	position: fixed;
	top: 130px;
	left: 50%;
	width: 940px;
	height: auto;
	padding-right: 40px;
	margin-left: -490px;

	text-align: right;
}
#timelapse-controls a {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: 20px;
	margin-left: 14px;
	border: 2px solid #a8aaad;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#timelapse-controls a.current {
	border-color: #333;
}
#timelapse-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}
#timelapse-container img {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 99;
}
#timelapse-player {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#scroll-click {
	position: relative;
}
#scroll-click #logo-overlay {
	position: fixed;
	top: 300px;
	left: 50%;
	margin-left: -173px;
}
.logged-in #scroll-click button {
	bottom: 80px;
}
#scroll-click button {
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 57px;
	height: 57px;
	margin-left: -28.5px;
	background: url(images/scroll-arrow.png) no-repeat;
	border: 0;
	cursor: pointer;
}
#scroller {
	position: relative;
	width: 100%;
	padding: 15px 0;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.75);

	font-size: 14px;
	line-height: 1.42em;
	text-align: left;
	color: #1a1a1a;
}
#scroller .text {
	width: 670px;
	max-width: 100%;
	padding: 0 30px 30px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	text-align: center;
}
#scroller .text h1 {
	margin-bottom: 25px;

	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	color: #1a1a1a;
}
#scroller .text h1 sup {
	font-size: 66%;
}
#scroller .text p {
	font-size: 14px;
	line-height: 1.428em;
}
#icons {
	padding-top: 5px;
	padding-bottom: 65px;
	text-align: center;
}
#icons a {
	position: relative;
	display: inline-block;
	margin: 0 10px;

	text-decoration: none;
	color: #1a1a1a;
}
#icons a span {
	position: absolute;
	top: 70px;
	right: 0;
	left: 0;
	width: 100%;

	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
#social-media {
	display: inline-block;
	float: left;
}
#social-media a {
	display: block;
	width: 25px;
	height: 25px;
	margin-right: 12px;
	background-color: #fff;
	background-position:  50% 50%;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	float: left;
	text-indent: -9999px;
}
#social-media a.twitter {
	background-image: url(images/icon-twitter.png);
}
#social-media a.twitter:hover {
	background-color: #38A1F3;
}
#social-media a.linkedin {
	background-image: url(images/icon-linkedin.png);
}
#social-media a.linkedin:hover {
	background-color: #0077B5;
}
#social-media a.vimeo {
	background-image: url(images/icon-vimeo.png);
}
#social-media a.vimeo:hover {
	background-color: #4EBBFF;
}
#social-media a.youtube {
	background-image: url(images/icon-youtube.png);
}
#social-media a.youtube:hover {
	background-color: #cc181e;
}
#social-media a.facebook {
	background-image: url(images/icon-facebook.png);
}
#social-media a.facebook:hover {
	background-color: #3b5998;
}
#social-media a.google-plus {
	background-image: url(images/icon-google.png);
}
#social-media a.google-plus:hover {

}
hr {
  border:none;
  width: 640px;
  margin-bottom: 15px;
  border-top: .17em dotted #414142;
}
#marzipano {
	width: 100%;
	height: 100%;
}
#mobile-content {
	padding: 20px;
	background-color: #fff;
}
#mobile-content h1 {
	font-family: 'Source Sans Pro';
	font-size: 33px;
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
}
#mobile-content h1 + p {
	margin-bottom: 25px;

	font-family: 'Source Sans Pro';
	font-size: 17px;
	line-height: 1.3;
	font-weight: 300;
	color: #000;
}
#mobile-content h2 {
	margin-bottom: 5px;

	font-family: 'Source Sans Pro';
	font-size: 21px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ff7e00;
}
#mobile-content .videos {
	padding-bottom: 30px;

	color: #636363;
}
#mobile-content .videos img {
	max-width: 100%;
}
#mobile-content .responsive-frame {
	position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
#mobile-content .responsive-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#mobile-content h3 {
	margin-bottom: 0;
}
#mobile-content p {
	margin-top: 0;

	font-size: 12.5px;
	font-weight: 400;
}
#mobile-content address {
	font-style: normal;
}
#mobile-content a {
	color: #a8be32;
}

@media (max-width: 767px) {
	#page-head,
	#timelapse-controls,
	#footer #copyright,
	#footer ul {
		display: none;
	}
	div.container {
		max-width: 100%;
	}
	#page {
		float: none;
	}
	#base {
		padding: 0;
	}
	#scroll-click #logo-overlay {
		top: 50%;
		left: 50%;
		margin: 0;
		transform: translate(-50%,-50%);
	}
	#footer {
		position: static;
		height: auto;

		text-align: center;
	}
	#footer #social-media {
		padding-top: 75px;
		padding-bottom: 75px;
		float: none;
	}
}