/*	SimpleGrid - a fork of CSSGrid by Crowd Favorite (https://github.com/crowdfavorite/css-grid)
 *	http://simplegrid.info
 *	by Conor Muirhead (http://conor.cc) of Early LLC (http://earlymade.com)	
 *  License: http://creativecommons.org/licenses/MIT/	*/

/* Containers */
body { font-size: 100%; font-size: 0.9375em; }
.grid{ width:927px; padding: 0 0 0 20px; margin: 0 auto;}

/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:0px;} /*Margin Altered */

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:136px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:241px; } /* Thirds */ /*Altered*/
	.sidebar .slot-0-1 {width: 201px; }
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:670px; } /* Two-Thirds */ /*Altered*/
	.slot-2-3-4-5.gutter {width: 650px; }
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:800px; } /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:219px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:717px; } /* Three-Quarters */

/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:468px; } /* Halves */


/*-- Site Actual -- */

h2 {
	text-transform: uppercase;
}

p {
	font-size: 15px;
	line-height: 18px;
}

/*-- Masthead --*/

.banner-wrap {
	border-bottom: 47px #e35908 solid;
}

body.home .banner-wrap {
	border-bottom: none;
}

.banner {
	text-align: left;
	background: url(../images/head_bg.png) right bottom no-repeat;
	padding: 19px 0 13px 20px;
	border-bottom: 1px solid #000;
}

.menu .slot-2-3-4-5 {
	/*float: right;*/
	position: relative;
	left: 240px;
	margin-left: 10px;
	width: 670px;
}

.menu ul {
	list-style: none;
	text-align: left;
	margin-right: 20px;
	height: 47px;
}

.menu ul li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 47px;
	position: static;
}

.menu ul li a {
	padding: 0 7px 0 7px;
	font-weight: bold;
}

.menu ul li+li {
	/*margin-left: 12px;*/
}

.tagline {
	position: absolute;
	margin-top: -94px;
	width: 241px;
	padding-top: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.home .tagline {
	margin-top: -47px;	
}

.dropDown {
	height: 47px;
	
}

nav ul li .droppedDown {
	height: 47px;
	top: 47px;
}

nav ul li .dropDown {
	height: 47px;
	width: 679px;
	top: 47px;
}


/* -- Content -- */

.content {
	float: right;
	clear: both;
	padding-top: 35px;
	margin-top: 0px;
	margin-bottom: 55px;
}

.home .content.masthead  {
	margin-bottom: 0px;
	margin-top: 0px;
}

.home .content {
	padding-top: 0px;
}

img.masthead-img {
	margin: 20px 0 47px 0;
}

div.timeline,
div.howto
div.troubleshooting {
	padding: 47px 0 0 0;
}

div.timeline h4, 
div.howto h4,
div.troubleshooting h4,
div.contact-list h4 {
	display: inline;
	float: left;
}

div.troubleshooting h4 {
	min-width: 70px;
	text-align: center;
	clear: both;
}

div.contact-list h4 {
	min-width: 120px;
	text-align: center;
	clear: both;
}

div.contact-list p {
	margin-left: 12em;
	margin-bottom: 47px;
}

div.timeline p {
	margin-left: 5em;
}

div.troubleshooting p {
	margin-left: 7.5em;
}

div.troubleshooting ol {
	margin-left: 9em;
}

div.troubleshooting h4.answer {
	background-color: #CCC;
	/*clear: both;*/
}

div.timeline figure {
	margin-bottom: 1.5em;
	margin-top: 0;
}

div.timeline figure img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

div.howto figure {
	width: 100%;
	margin-left: 5em;
}

div.howto img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

figcaption {
	line-height: 18px;
}

div.howto figcaption {
	color: #000;
	width: 580px;
	margin-bottom: 1em;
}

.sidepic {
	float: right;
	margin: 1em 0 40px 20px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.sidepic+p {
	margin-top: 1em;
}

div.patents {
	padding-right: 195px;
}

img.patents {
	float: right;
	margin: -200px 20px 0 0;
}

iframe {
	width: 650px;
	height: 366px;
}

.float200 {
	float: left;
	width: 200px;
	margin-top: 2em;
	margin-bottom: 47px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

.float200+.float200 {
	margin-left: 25px;
}

.float200.last {
	margin-top: 2em;
	margin-left: 25px;
}

.float200 img {
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.float200 p {
	padding: 15px;
}


/*-- Sidebar --*/

.sidebar {
	width: 241px;
	float: left;
	margin-top: -47px;
}

.home .sidebar {
	position: absolute;
	margin-top: 20px;
}

.sidebar .slot-0-1 {
	padding: 20px 20px 40px 20px;
}

.sidebar p {
	font-size: 14px;
}

.sidebar li {
	line-height: 18px;
	margin-bottom: 0.8em;
	font-size: 14px;
}

.sidebar  img {
	margin-bottom: 45px;
}