/*
	Theme Name: PHG Nebula
	Author: Pinckney Hugo Group
	Author URI: http://www.pinckneyhugo.com
	Description: A boilerplate theme compiled by the Pinckney Hugo Group Interactive Team.
	Version: 1.3
*/

/** START HTML5 Boilerplate CSS **/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}
/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; }
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices.  */
audio:not([controls]) {display: none; height: 0;}
/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] {display: none;}

/* ==========================================================================
   Base
   ========================================================================== */
/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html {/* font-size: 100%; */ /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */}
/* Addresses `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea {font-family: sans-serif;}
/* Addresses margins handled incorrectly in IE 6/7. */
body {margin: 0;}

/* ==========================================================================
   Links
   ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus {outline:0;}
/*Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */
/* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
/* Boilerplate heading size defaults
h1 {font-size: 2em; margin: 0.67em 0;}
h2 {font-size: 1.5em; margin: 0.83em 0;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.75em; margin: 2.33em 0;}
*/
/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}
/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
/* Addresses styling not present in Safari 5 and Chrome. */
dfn {font-style: italic;}
/* Addresses styling not present in IE 6/7/8/9. */
mark {background: #ff0; color: #000;}
/* Addresses margins set differently in IE 6/7. */
p, pre {margin: 1em 0;}
/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
/* Improves readability of pre-formatted text in all browsers. */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
/* Addresses CSS quotes not supported in IE 6/7. */
q {quotes: none;}
/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after {content: ''; content: none;}
/* Addresses inconsistent and variable font size in all browsers. */
small {font-size: 80%;}
/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {font-size:1.2em; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.2em;}
sub {bottom: -0.25em;}

/* ==========================================================================
   Lists
   ========================================================================== */
/* Addresses margins set differently in IE 6/7. */
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul {padding: 0 0 0 40px;}
/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol {list-style: none; list-style-image: none;}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */
img {border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */}
/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */
/* Corrects margin displayed oddly in IE 6/7. */
form {margin: 0;}
/* Define consistent border, margin, and padding. */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */
legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */}
/* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */}
/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input {line-height: normal;}
/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */}
/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] {cursor: default;}
/* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */}
/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}
/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers. */
textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}

/* ==========================================================================
   Tables
   ========================================================================== */
/* Remove most spacing between table cells. */
table {border-collapse: collapse; border-spacing: 0;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea {color: #222;}
/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
/* A better looking default horizontal rule */
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {vertical-align: middle;}
/* Remove default fieldset styles. */
fieldset {border: 0; margin: 0; padding: 0;}
/* Allow only vertical resizing of textareas. */
textarea {resize: vertical;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}


/* ==========================================================================
   PHG Nebula custom styles
   ========================================================================== */
::selection {background: #d5f3ff; color: black;}
::-moz-selection {background: #d5f3ff; color: black;}
a {color: #17479e; /*-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;*/}
	a:hover,
	a.hover {color: #82bc00;}
body {/*overflow-x: hidden;*/}
	.ie body {overflow-x:visible; min-height:100%; min-width:100%;}
.inner {width: 100%; max-width: 980px; padding: 0 20px; margin: 0 auto;}
ul.menu {padding: 0;}

.row.fullrow {padding-left: 0; padding-right: 0;}
.fullrow .row {padding-left: 20px; padding-right: 20px;}
.fullrow .row.fullrow {padding-left: 0; padding-right: 0;}

.ipad sup {position: static;}

/*.android *:not(html),
.ipad *:not(html){-webkit-transform: translate3d(0, 0, 0);}*/

body{-webkit-transform: translate3d(0, 0, 0);}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* 
@TODO: Find/Replace the following HTML colors: 
	lightgrey
	grey
	#0098D7 (Primary Brand Color)
	#95D600 (Secondary Brand Color)
	
Also be sure to find the other @TODO: items within the stylesheet.
*/

/* @TODO: Delete these debug styles before launching */
/*
.column, .columns {border: 1px solid gainsboro;}
.row {border: 1px solid blanchedalmond;}
.row.fullrow {border: 1px solid red;}
*/

html{height:100%; width:100%; position:static; /*overflow-y:scroll;*/ overflow-x:hidden;}
body{position:relative; height:100%; width:100%; overflow-x:hidden;}

.container.pushright {position: relative; padding:0; padding:0 0 0 250px; width:100%; overflow-x:hidden; z-index:1;} /*This helps offset the liquid width so that the fixed nav never overlaps the copy.*/
    .pushright .row {max-width:100%; overflow:hidden;}

/* Local File Hacks for Tablet ONLY. */
/*.linkblock-download,
.footdownload{display:none;}*/

.miniimgs{display:none;}

h1 {}
h2 {font-family: 'Open Sans', sans-serif; font-size: 28px; font-weight: 300; text-transform: uppercase; color: #17479e;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700;}
h4 {}
h5 {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300;}
h6 {}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #17479e;}

hr {border-top: 1px solid #17479e;}

#loading {position: fixed; background: #17479e; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;}
	.loadtext {text-align: center; background: #fff; position: absolute; top: 25%; left: 50%; width: 300px; padding: 50px 0 80px 0; margin-left: -150px; border-radius: 10px;}
		.loadtext p {text-align: center;}
		
#big-video-wrap {position: fixed; height:100%; min-height:100%;} /* @TODO: This is overflowing the right side for some reason. */
.vjs-control-bar {display: none;}
.video-still {position: absolute; z-index: 1;}
	.ipad .video-still {width: 100%;} /* @TODO: This has not been tested yet. */

#videocon {position: relative; z-index: 1;}
	#videocon #thevideo {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -1;}
	#videocon .logocon{margin-top: 65px; margin-bottom: 180px; text-align: center; width: 100%; position: relative; z-index: 2000;}
	#videocon-mobile .logocon {margin-top: 120px; margin-bottom: 180px; text-align: center; width: 100%; position: relative; z-index: 2000;}
	#videocon .lines,
	#videocon-mobile .lines{position:absolute; height:100%; width:100%; background:url("img/TPB-VidBackground.png") repeat;}

#videocon-mobile{background:url('img/MobileFallback.gif') no-repeat center center; background-size:cover; height:600px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; display:none;}
			
#navcon {position:fixed; position:absolute; top: 5px; left: 5px; width: 235px; z-index: 999; } 
	#navcon .row {min-width: 0;}
		#navcon .logo{text-align:center; margin-bottom:8px; /*background:#fff; border-left: 1px solid rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.35);*/}
			#navcon .logo img{width:90%;}
	.navitemcon {margin-bottom: 3px;}
		.navitemcon a {display: block; background: #fff; color: #17479e; text-align: center; text-transform: uppercase; padding: 10px 0;}
			.navitemcon a:hover,
			.navitemcon a.hover {background: #82bc00; color: #fff;}

.contentarrow {position: relative; z-index:9999; margin-bottom: 10px;}
	.contentarrow .arrowcon {text-align: center; margin-top: -49px; z-index:9999;}
		.arrowcon a{display:inline-block; position:relative; z-index:9999;}
.homecontentcon {position: relative; z-index: 9999; background: url('img/bg_1.png'); background-size: cover;}
	#IE_BG_Image{display:none;}
	.ie8 i.icon-plus:before{content:'';}
	/* IE8 hack for ancient browsers */
	/*.ie8 .homecontentcon{
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_1.png',sizingMethod='scale'); 
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_1.png',sizingMethod='scale')";
		background: no-repeat center center fixed\0/;
	}*/
	.homecontentcon .unitcon {text-align: center;}
		.homecontentcon .unitcon .unit {position: relative; text-align: center;}
			.homecontentcon .unitcon .unit .plus img {position: absolute; left: 50%; margin-left: -25px; top: 30%; width: 50px; height: 50px; transition: all 0.25s ease 0s; z-index: 9999;}
				.homecontentcon .unitcon .unit .plus:hover img,
				.homecontentcon .unitcon .unit .plus.hover img {width: 66px; height: 66px; margin-left: -33px; top: 28%; /* -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); */}
	.homecontentcon .hometextcon {margin-top: -60px;}
		.homecontentcon .hometextcon p {font-size: 14px; color: #000; /*text-align:center;*/ margin: 0;}
	
	.homecontent {margin-bottom: 50px;}

	img.eco-logo{min-width:200px;}

.downloadcontentcon {}
	.downloadcontentcon .homecontent {padding-bottom: 100px;}
		.downloadcontentcon .downloadcontent {padding-top: 150px;}
	.downloads {text-align: center;}
		.downloads a{/*display: block;*/}
	
.upperlogocon {text-align: right;}
	.upperlogocon img {width: 125px;}


body.subpage {background: url('img/bg_1.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_1.png', sizingMethod='scale')";}
body.part {background: url('img/bg_1.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_1.png', sizingMethod='scale')";}
	#IE_BG_Image{position:fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;}
.unitxraycon {text-align: center; margin-top: 35px;}

/* Sidebar */
.dropdown {background: #fff; margin-top: 2px;}
	.dropdown {padding: 0 0 0 5px; text-align: center;}
		.dropdown h3, .dropdown h5, .aboutunitcon h3, .aboutunitcon h5 {text-align: left; line-height: 35px;}
			.x4drop, .vectordrop {position: relative;}
				.spectitle {float: left; width: 60%; display: inline-block; border-top: 1px dotted #bfbfbf;}
				.linkblock {background: #17479e; float: right; color: #fff; line-height: 35px; text-align: center; margin-left: 3px; width: 35px; height: 35px;}
					.linkblock:hover,
					.linkblock.hover {background: #82bc00; color: #fff;}
				.x4 .x4head {background: #17479e; color: #fff;}
				.vector .vectorhead {background: #17479e; color: #fff;}
		.dropdown img {width: 50%;}

.aboutunitcon {background: #fff; margin-top: 5px; border-left: 1px solid rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.35);}
	.aboutunit {padding: 5px;}
	.aboutunit h1 {font-size: 20px; margin:0; color: #17479e;}
	.aboutunit hr {margin: 0;}
	.aboutunit p {font-size: 11px;}
	.aboutunitcon h3 span{color:#17479E;}
.aboutunitcon.brochurecon {padding: 0;}
	.subpage .brochure {border: none; padding: 0 0 0 5px;}
.aboutunitcon.speccon {padding: 0;}
	.subpage .spectitle {padding: 0 0 0 5px;}
	.speccon h3, .speccon h5 {padding: 0;}
	.spec {padding: 5px 0 0 5px;}
.ees {padding: 5px 0 0 5px;}
	.ees img /*{float: left; margin-right: 10px; margin-bottom: 10px;*/}
	.ees p {font-size: 12px; margin: 0; color: #17479e; padding-right: 5px;}

/*
 *	@TODO:
 *		- We might need to handle the min-height with JS because of resize.
 */
	#xray{position:relative; margin:0 auto; padding:0 86px 0 0;}
		#xray img{}
		.skin{position:absolute; height:100%; width:100%; z-index:10; overflow:hidden;}
			.skin img{}
		.guts{position:absolute; z-index:5; visibility:hidden;}
			/* Sample PoC for modals */
			.guts a.overlay{display:block; position:absolute; z-index:1000; background:#76b703; color:#fff; font-weight:bold; padding:0; font-size:1em; zoom:1;}
				.guts .tipcontain{position:relative;}

				.x4 .tipcontain.part1{left:56%; top:18%;}
				.x4 .tipcontain.part2{left:46%; top:26%;}
				.x4 .tipcontain.part3{left:20%; top:48%;}
				.x4 .tipcontain.part4{left:42%; top:42%;}
				.x4 .tipcontain.part5{left:68%; top:42%;}
				.x4 .tipcontain.part6{left:28%; top:61%;}
				.x4 .tipcontain.part7{left:56%; top:66%;}
				.x4 .tipcontain.part8{left:80%; top:72%;}

				.vector .tipcontain.part1{left:37%; top:26%;}
				.vector .tipcontain.part2{left:47%; top:36%;}
				.vector .tipcontain.part3{left:16%; top:59%;}
				.vector .tipcontain.part4{left:42%; top:46%;}
				.vector .tipcontain.part5{left:68%; top:46%;}
				.vector .tipcontain.part6{left:32%; top:58%;}
				.vector .tipcontain.part7{left:37%; top:66%;}
				.vector .tipcontain.part8{left:26%; top:74%;}
				.vector .tipcontain.part9{left:54%; top:70%;}
				.vector .tipcontain.part10{left:80%; top:75%;}

				.ees .tipcontain.part1{left:5%; top:26%;}
				.ees .tipcontain.part2{left:6%; top:49%;}
				.ees .tipcontain.part3{left:52%; top:43%;}
				.ees .tipcontain.part4{left:72%; top:43%;}
				.ees .tipcontain.part5{left:62%; top:52%;}

					.tipcontain .tooltip{position:absolute; top:0; left:0; background:#fff; width:275px; height:96px; box-shadow:2px 2px 6px; text-align:left; z-index:2000; display:none;}
						/* @TODO: transition for animation on hover? */
						.tipcontain:hover .tooltip{display:inline-block;}
						.tipcontain .tooltip img.thumb{float:left;}
						.tipcontain .tooltip strong.tip-title{color:#76b703; font-weight:normal; text-transform:uppercase; font-size:.8em; position:absolute; top:10px; left:112px;}
							/*EES Specific*/
							.ees .tipcontain .tooltip strong.tip-title{line-height: 17px;}
						.tipcontain .tooltip .button-wrap{position:absolute; bottom:0; right:0;}
						.tipcontain .tooltip a.learn-more{position:relative; float:right; padding:0 10px 0 0; margin:0 4px 0 0;}
						.tipcontain .tooltip a.close{position:relative; float:right; background:#0060aa; color:#fff; font-weight:bold; display:inline-block;}

		.bones{position:absolute; height:100%; width:100%; z-index:1; text-align:center; visibility:hidden;}
			.bones .containment{display:inline-block;}
				.bones img{position:relative;}
		
		.handle{position: relative; float: right; background: none;}
			.handleX{position:absolute; top:0; width: 86px; height: 581px; z-index:2999; cursor:pointer;}
				.handleX img{position:relative; height:100%; width:auto;}

	.moreinfocon {position: absolute; width: 98%; margin-top: 100px; background: #fff; border-left: 1px solid rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.35);}
		.moreinfoclose {position: absolute; display: block; top: -40px; padding: 4px; background: #17479e; color: #fff; font-size: 24px; cursor:pointer;}
			.moreinfoclose:hover,
			.moreinfoclose.hover {background: #82bc00; color: #fff;}

	.modal{padding:100px 1% 0 254px; background:rgba(255, 255, 255, 0.5);}
		.modal > .container{position:relative; min-height:94%; top:auto; width:auto; box-shadow:2px 2px 6px;
			/* @TODO: check yo math!  This ain't werkin' */
			background-image: linear-gradient(bottom, #fff 28%, #C7C8CA 47%, #fff 62%);
			background-image: -o-linear-gradient(bottom, #fff 28%, #C7C8CA 47%, #fff 62%);
			background-image: -moz-linear-gradient(bottom, #fff 28%, #C7C8CA 47%, #fff 62%);
			background-image: -webkit-linear-gradient(bottom, #fff 28%, #C7C8CA 47%, #fff 62%);
			background-image: -ms-linear-gradient(bottom, #fff 28%, #C7C8CA 47%, #fff 62%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28, #fff),color-stop(0.47, #C7C8CA),color-stop(0.62, #fff));
		}

/*
 *	TABLET MODAL SETTINGS!!! @Todo: remove the chrome selector too
 */
		.android .modal,
		.ipad .modal{padding:0; position:fixed;}
		.modal.active,
		.modal.active > .container{z-index:9999;}
		.android .modal > .container,
		.ipad .modal > .container{height:auto;}
		.android .moreinfoclose,
		.ipad .moreinfoclose {position: relative; top:15px; left:15px; display: inline-block; width: 38px; height: 38px;z-index: 99999;}

	.modal_wrap{position:relative; height:100%; padding:3%; background:rgba(0,0,0,.3); z-index:1000;}
		#modal_canvas{position:relative; padding-right:0; height:100%; background:#fff; z-index:1000; box-shadow:8px 8px 8px;}
			#modal_canvas.loading{background:url('img/ajax-loader.gif') no-repeat center;}
			.modal .content{position:absolute; background:#fff; height:100%; width:100%;}
			#rotator{/*position:absolute;*/ height:100%; width:95%; margin-right:auto; margin-left:auto;}	
				#rotator ol{list-style:none; margin:0; padding:0; display:block;}
					#rotator ol li{display:none; text-align:center;}
						#rotator ol li img{display:block; margin:0 auto; max-height:500px;}
				#rotator.loading{background:url('img/ajax-loader.gif') no-repeat center;}
					#rotator.loading ol{display:none;}
				#rotator_slider{margin:25px 10px 25px 10px; padding:25px;}
					#rotator_slider .ui-slider{position:relative; width:100%; margin:0 auto; border:none; height:2px; box-shadow:1px 1px 1px; background:#0061AA;}
					#rotator_slider .ui-slider:before{content:url('img/bg_slider_dot.png'); position:absolute; top:-10px; left:-5px;}
					#rotator_slider .ui-slider:after{content:url('img/bg_slider_dot.png'); position:absolute; top:-10px; right:-5px;}
						#rotator_slider .ui-slider-handle{-webkit-transition:0; -moz-transition:0; -o-transition:0; transition:0; background:url('img/btn_slider_scrub.png') no-repeat; height:60px; width:60px; top:-26px; border:none; cursor:pointer;}

			#modal_canvas .scrollable{overflow:auto; height:100px; margin:0; padding:25px 60px 0 25px;}
				#modal_canvas .scrollable h4.modalTitle{font-weight:normal; color:#78b704; font-size:1.2em; text-transform:uppercase;}
				#modal_canvas .scrollable p{color:#000; font-size:.8em;}
				#modal_canvas .scrollable ul{color:#000; font-size:.8em; list-style:square; padding:0 0 0 20px;}
					#modal_canvas .scrollable li{line-height:1.625em; margin:0 0 4px 0;}
			
			#modal_canvas .jspContainer{right:0; width:10px;}
				#modal_canvas .jspPane{border-radius:none; width:10px;}
					#modal_canvas .jspVerticalBar{width:10px; background:green;}
						#modal_canvas .jspTrack{background:#e6e6e6; border-radius:none; width:10px;}
						#modal_canvas .jspDrag{background:#0060aa; border-radius:none; width:10px;}
					#modal_canvas .jspHorizontalBar{display:none;}

			#close-x a.moreinfoclose{position:absolute; top:15px; left:15px;}


/* Footer */
.footer {margin: 25px 5px 0 0; margin-right: 5px !important; position:relative; z-index:9999;}
	.footerbuttonscon {}
		.footerbuttonscon a {display: inline-block; background: #17479e; color: #fff; font-size: 14px; padding: 15px 10px;}
			.footerbuttonscon a:hover,
			.footerbuttonscon a.hover {background: #82bc00;}
	.footerlinkscon {font-size: 10px; text-align: right; margin-right: 5px; padding: 15px 0; border-top: 1px dotted #bfbfbf; /*border-bottom: 1px dotted #bfbfbf;*/}
		.footerlinkscon .footerlinks {display: inline-block; margin:0 25px 0 0; float:right;}
		.footerlinkscon .footertext {display: inline-block; margin:0 25px 0 10px; float:right;}
		.footerlinkscon p{font-size:10px; margin:0;}

#footcon {position: absolute; left: 5px; width: 235px; z-index: 999; }
	#footcon .fullrow {min-width: 0;}
	.footnavitemcon {margin-bottom: 3px;}
		.footnavitemcon a {display: block; background: #17479e; color: #fff; text-align: center; text-transform: uppercase; padding: 10px 0; font-size: 12px;}
			.footnavitemcon a:hover,
			.footnavitemcon a.hover,
			.footnavitemcon a.active {background: #82bc00;}

.unfocus {opacity: 0.5;}

/* Nebula Desktop Helper Styles */
.disallowed {background: #bbb !important; border: 1px solid #999 !important; cursor: default !important;}
.disallowed.notallowed {cursor: not-allowed !important;}
.focusError {background-color: #fcc !important; border: 1px solid #f88 !important; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}


@media only screen and (max-width: 767px) {
@charset "UTF-8";

	#videocon .logocon {text-align: left;}
	.androidPhone #videocon,
	.iphone #videocon{background:url('img/video-still.png') no-repeat; background-size:cover;}
	#videocon-mobile{display:block;}

	.downloadcontentcon .unit.vector {margin-top: 100px;}
	
	input[type="text"],
	input[type="email"],
	.submit.btn {min-height: 44px !important;}
	
	/* Nebula Responsive Helper Styles */
	.ipadblock{width:100% !important; display:block !important;} /* Add this class to column divs that get stuck inline on iPad*/

	#navcon {position: relative; width: 98%; left: 1%;}
	
	.aboutunitcon {padding: 5px;}	
	.spec h3 {padding: 0 5px;}
	
	.container.pushright {margin:0; padding:0;}
		#videocon .logocon {text-align: center;}
		
		.hometextcon {text-align: center;}
			.hometextcon img {margin: 20px 0;}
			.hometextcon p {text-align: left !important;}
	
	.unitxraycon {position: relative; margin: 50px 0; width: 98% !important; left: 1%;}
	
	#modal {padding: 5px; background: rgba(0, 0, 0, 0.8);}
		#modal .container {border: 1px solid #000;}
	
	#footcon {position: relative; width: 98%; left: 1%;}
		.footerlinkscon {text-align: center; line-height: 18px;}

} /* End tablet/mobile media query */

/* IE7 Gumby Adjustments */
.ie7 .column, .ie7 .columns {margin-left: 1.7% !important;}
.ie7 .column.first-child, .ie7 .columns.first-child, .ie7 .alpha {margin-left: 0px !important;}
.ie7 .row .push_one {margin-left: 8.1% !important;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*Image replacement */
.ir {background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 100%;}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {display: none !important;visibility: hidden;}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}
/* Clearfix: contain floats. For modern browsers. 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}
/* For IE 6/7 only. Include this rule to trigger hasLayout and contain floats. */
.clearfix {*zoom: 1;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {/* Style adjustments for viewports that meet the condition */}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {/* Style adjustments for high resolution devices */}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
@charset "UTF-8";	
    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}
/** END HTML5 Boilerplate CSS **/

/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {float: left; position: relative;}
#access ul ul {display: none; float: left; position: absolute; top: 3.333em; left: 0; z-index: 99999;}
#access ul ul ul {left: 100%; top: 0;}
#access ul li:hover > ul {display: block;}
/** END WordPress-Defined CSS Classes **/

/* IE7 Hacks */
.ie7 .column,
.ie7 .columns{margin-left:0.7% !important;}