/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


* {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

body {
  	min-width: 1044px;
  	margin: 0;
 	background-color: #001b26;
	font: 12px/1.4 'Open Sans', Arial, sans-serif;
	color: #fff;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1044px;
	position: relative;
}

/* fix ND */
.row {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
}

.headerrow {
	background-color: #fff;
	height: 100px;
	width: 100% !important;
}

.usercomments {
	margin: 13px 0 0 20px;
	color: #777;
	font-size: 13px;  
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal; 
}

.usercomments b{ 
	font-weight: bold;
	font-size: 18px;
	color: #006c8c;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.screenshot {
	text-align: center;
	padding: 35px 0;
}


.btnlink:link, .btnlink:hover, .btnlink:active, .btnlink:visited {
	text-decoration: none;
}

a .btn {
	color: #fff;
	text-align: center;
	padding: 20px 20px;
	width: 80%;
	margin: 0 10%;
}

a .btnuse {
	background: #4ba64b;
}

a .btnuse:hover {
	background: #8ce352;
}

a .btntrial {
	background: #004f67;
}

a .btntrial:hover {
	background: #3ca9c9;
}


a .btn strong {
	font-size: 21px;
	font-weight: bold;
}

a .btn p {
	margin: 0;
}

.fade{
	color: #666666;
	font-size: 12px;
	margin-top: 10px !important;
	text-align: center;
}

.sharesocial {
	font-size: 14px;
	margin-left: 20px;
	text-align: center;
}

.sharesocial p {
	margin: 20px 0 5px;
}

.socialstrip {
	margin-left: 94px;
}

.footer{
	height: 30px;
}

.btncell {
	margin: 0 auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline-block;
	float: left;
}


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 87px;
}

.container_12 .grid_2 {
	width: 174px;
}

.container_12 .grid_3 {
	width: 261px;
	
}

.container_12 .grid_4 {
	width: 348px;
}

.container_12 .grid_5 {
	width: 415px;
}

.container_12 .grid_6 {
	width: 522px;
}

.container_12 .grid_7 {
	width:589px;
}

.container_12 .grid_8 {
	width: 600px;
}

.container_12 .grid_9 {
	width:783px;
}

.container_12 .grid_10 {
	width:850px;
}

.container_12 .grid_11 {
	width:937px;
}

.container_12 .grid_12 {
	width: 1024px;
	height: auto;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
  	display: block;
  	overflow: hidden;
 	visibility: hidden;
  	width: 0;
  	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  	content: '\0020';
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0;
}

.clearfix:after {
  	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  	zoom: 1;
}

.container { 
	background-color: none; 
}

h2 { 
	color:#fff; 
}


/* #sharescreen {
	width: 920 px; 
	border: 2px; 
} */


.grid_6 a{
	text-decoration: none; 
}

.right{
	float: right; 
	padding-top: 5px; 
}


.poweredby {
	background: #fff;
}