/*	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: 0.875em; padding: 0; }
.grid{ margin:0 auto; padding: 0 10px; width:700px; }
.row{ clear:left; }

/* 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:10px; }

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:100px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:240px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:430px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:580px; } /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:160px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:520px; } /* 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:340px; } /* Halves */
.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 100%; } /* Full-Width */

/* Zeroing Out Leftmost Slot Margins */
.slot-0,.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-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1 .slot-1,.slot-1-2 .slot-1,.slot-1-2 .slot-1-2,.slot-1-2-3 .slot-1,.slot-1-2-3 .slot-1-2,.slot-1-2-3 .slot-1-2-3,.slot-1-2-3-4 .slot-1,.slot-1-2-3-4 .slot-1-2,.slot-1-2-3-4 .slot-1-2-3,.slot-1-2-3-4 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1,.slot-1-2-3-4-5 .slot-1-2,.slot-1-2-3-4-5 .slot-1-2-3,.slot-1-2-3-4-5 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1-2-3-4-5,.slot-2 .slot-2,.slot-2-3 .slot-2,.slot-2-3 .slot-2-3,.slot-2-3-4 .slot-2,.slot-2-3-4 .slot-2-3,.slot-2-3-4 .slot-2-3-4,.slot-2-3-4-5 .slot-2,.slot-2-3-4-5 .slot-2-3,.slot-2-3-4-5 .slot-2-3-4,.slot-2-3-4-5 .slot-2-3-4-5,.slot-3 .slot-3,.slot-3-4 .slot-3,.slot-3-4 .slot-3-4,.slot-3-4-5 .slot-3,.slot-3-4-5 .slot-3-4,.slot-3-4-5 .slot-3-4-5,.slot-4 .slot-4,.slot-4-5 .slot-4,.slot-4-5 .slot-4-5,.slot-5 .slot-5,.slot-7 .slot-7,.slot-7-8 .slot-7,.slot-7-8 .slot-7-8,.slot-7-8-9 .slot-7,.slot-7-8-9 .slot-7-8,.slot-7-8-9 .slot-7-8-9,.slot-8 .slot-8,.slot-8-9 .slot-8,.slot-8-9 .slot-8-9{ margin-left:0 !important; } /* Important is to avoid repeating this in larger screen css files */

/* Row Clearfix */
.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.row{ zoom:1; }



/*-- Site Actual -- */

h2 {
	text-transform: uppercase;
}

p {
	font-size: 15px;
	line-height: 18px;
}

.gutter {
	padding-right: 0px;
}

/*-- Masthead --*/

.banner-wrap {
	border-bottom: 30px #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 10px;
	border-bottom: 1px solid #000;
	width: 710px;
}

.row.menu {
	text-align: left;
	margin-left: 0px;
}

.menu .slot-2-3-4-5 {
	width: 100%;
	text-align: left;
	margin-left: 0px;
}

.menu ul {
	list-style: none;
	text-align: left;
	margin-right: 0px;
	height: 30px;
	display: block;
}

.menu ul li {
	display: inline-block;
	line-height: 30px;
	position: static;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu ul li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 7px 0 7px;
}

.menu ul li+li {
	/*margin-left: 12px;*/
}

.tagline {
	width: 240px;
	padding-top: 20px;
	height: 42px;
	margin-top: 10px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	-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;
	background-color: #000;
	text-align: center;
}

.home .tagline {
	margin-top: 40px;	
}

nav ul li .droppedDown {
	width: 710px;
	display: inline;
	top: 30px;
	height: 30px;
}

nav ul li .dropDown {
	height: 30px;
	width: 710px;
	/*display: inline;*/
	top: 30px;
}


/* -- Content -- */

.content {
	float: right;
	clear: both;
	padding-top: 0;
	margin-top: -40px;
	margin-bottom: 55px;
}

.home .content.masthead {
	margin-top: -60px;
}


div.patents {
	padding-right: 155px;
}

img.patents {
	float: right;
	margin: -160px 20px 0 0;
	width: 129px;
}

div.troubleshooting h4.answer {
	background-color: #CCC;
	/*clear: both;*/
}

.question .clear {
	margin-bottom: 15px;
}

.contact-list p+h4 {
	margin-top: 15px;
}

div.timeline figure {
	margin-top: 55px;
	margin-right: 20px;
}

div.timeline figure img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.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);
}

div.timeline figure,
.how-it-works figure,
.testimonials figure {
	float: right;
	width: 241px;
	clear: right;
	margin: 1em 0 2em 1em;
}

.float200 figure {
	width: 180px;
}

.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: 0;
	margin-left: 0px;
}

.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;
}

iframe {
	width: 430px;
	height: 242px;
}


/* -- Sidebar -- */

.sidebar {
	width: 240px;
	position: absolute;
	float: left;
}

.home .sidebar .slot-0-1{
	margin-top: 0;
	float: left;
}
	
.sidebar .slot-0-1 {
	width: 220px;
	padding: 20px 10px 40px 10px;
	color: #fff;
}

.sidebar p {
	font-size: 14px;
}

.sidebar li {
	line-height: 18px;
	margin-bottom: 0.8em;
	font-size: 14px;
}

.sidebar  img {
	margin-bottom: 45px;
}



