/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

html {
	background: #f9faf8;
	height: 100%;
	width: 100%;
}
	
body {
	height: 100%;
  	width: 100%;

	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000;
}

.container {
	position: relative;
	z-index: 2;
	background: rgba(249,250,248,0.7);
	padding:0 30px;
}

.mainHead {
	float: left;
	width: 100%;
	text-align: left;
	min-height: 88px;
	margin-bottom: 40px;
}

.mainHead img {
	margin-top: 10px;
}

.container {
	width:940px;
	margin:0 auto;
}	

.top {
	text-align:left;
	margin:0 !important;
	margin-bottom:30px !important;
	margin-top: 30px !important;
}

#title {
	position:relative;
	z-index:1;
}

.container .six.columns {
	background: #ffffff;
	width: 320px;
	padding: 20px;
	margin: 0;
}

#theform {
	float:left;
}

.thequestionwrap img {
	float:left;
	margin:0 0 8px 0;
}

.theinputs {
	float:left;
}

.theinputs img {
	float:left;
	margin:0 0 10px 0;
}

.radio {
	float:left;
	width:100%;
	margin:6px 0 0 0;
}

.radio input {
	float: left;
	margin-top: 0;
}

.radio span {
	float: left;
	margin-left: 10px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	border:none;
	padding: 5.7px 9px;
	font-style:italic;
	color: #000;
	border:1px solid #cccccc;
	margin: 0;
	width: 300px;
	margin-bottom: 4px;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"],
.thanks-cta {
	background: #a3c613 !important;
	border:0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin:8px 0 0 0 !important;
	padding: 8px 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0);
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
.thanks-cta:hover {
	background: #a3c613 !important;
	border:0;
	color:#fff !important;
}

.thanks-cta {
	float:left;
	text-decoration: none;
	margin-bottom: 20px !important;
}

.checkit {
	margin:5px 0;
	float:left;
}

.checkit input {
	width:20px !important;
}

.checkit span {
	float:right;
	width:90%;
}

.bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.bg img {
	width: 100%;
	max-width: inherit;
	position: relative;
	left: 0;
}

.footer {
	margin-top: 50px;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container {
			width: 768px;
		}
		
		.container .eight.columns {
			width: 430px;
			margin:0 !important;
		}
		
		.container .six.columns {
			width: 278px;
		}
		
		#theform {
			width: 260px;
		}
		
		.thequestionwrap {
			width: 220px;
		}
		
		input[type="text"], input[type="password"], input[type="email"], textarea, select {
			width: 244px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container {
			width: 428px;
		}	
		
		.container .six.columns {
			width: 380px;
			margin-top: 0 !important;
			margin-bottom: 20px !important;
		}
		
		.container .rightsite {
			float:left;
		}
		
		.container .rightsite img {
			margin-left:40px;
		}
		
		#theform img {
			margin-left:0 !important;
		}

		#theform input[type="text"] {
			width: 360px;
		}
		
		footer {
			float:left !important;
			margin:0 0 20px 0 !important;
		}
		
		footer p { margin:0 40px; }
		
		#theform {
			width: 100%;
		}

		.checkit span { text-align:left; }
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.container {
			width: 308px;
		}	
		
		.container .rightsite {
			float:left;
			margin:0 0 0 0 !important;
		}

		.container .six.columns {
			width: 260px;
			margin-bottom: 20px !important;
		}
		
		#theform {
			width: 260px;
		}
		
		.thequestionwrap {
			width: 220px;
		}
		
		input[type="text"], input[type="password"], input[type="email"], textarea, select {
			width: 240px;
		}

		.thanks-cta {
			font-size: 14px;
		}

		.checkit span { text-align:left; width: 86%; }
		
	}