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

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


logo,
.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;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}




/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}
#content  {
	width:140px;
}

.container_bg_top {
	width: 100%;
	height: 400px;
	z-index: -1;
	position: absolute;
	background-image: url(images/bg_fade.gif);
}

/* 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;
}





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

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

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clear4 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 4px;
}
.clear12 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 12px;
}
.clear30 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 30px;
}
.clear20 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 20px;
}
.clear60 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 60px;
}
.clear90 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 90px;
}
.spacer-85 {
	width:85px;
	float: left;
	position: relative;
	display: inline;
}
.spacer-65 {
	width:65px;
	float: left;
	position: relative;
	display: inline;
}
.spacer-60 {
	width:60px;
	float: left;
	position: relative;
	display: inline;
}
.spacer-30 {
	width:30px;
	float: left;
	position: relative;
	display: inline;
}
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474747;
	line-height: 20px;
}
.body a:link{
	color: #5b8304;
	text-decoration: none;
	font-weight: bold;
}
.body a:hover {
	color: #4364af;
	text-decoration: underline;
	font-weight: bold;
}
.body a:active {
	color: #4364af;
	text-decoration: none;
	font-weight: bold;
}
.body a:visited {
	color: #5b8304;
	text-decoration: none;
	font-weight: bold;
}
.container_main-nogirl {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-repeat: no-repeat;
}
.container_main {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	
	
}
.container_main-allergysufferers {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-image: url(images/background-allergysufferers.jpg);
	background-repeat: no-repeat;
	height: 500px;
}
.container_main-parents {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-image: url(images/background-parents.jpg);
	background-repeat: no-repeat; 
	height: 500px;
}
.container_main-dermatologists {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-image: url(images/background-dermatologists.jpg);
	background-repeat: no-repeat;
	height: 500px;
}
.container_fullbackground {
	background-image: url(images/background-full.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	margin: 0px;
	background-attachment: fixed;
}
.container_logo {
	width:375px;
	float: left;
	position: relative;
}
.container_tagline {
	width:460px;
	float: left;
	position: relative;
}
.container_tagline {
	width:230px;
	float: left;
	position: relative;
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #474747;
	line-height: 20px;
}
.subhead a:link{
	color: #5b8304;
	text-decoration: none;
}
.subhead a:hover {
	color: #5b8304;
	text-decoration: underline;
}
.subhead a:visited {
	color: #4364af;
	text-decoration: none;
}
.subhead a:active {
	color: #4364af;
	text-decoration: none;
}
.subhead-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5b8304;
	line-height: 20px
}
.subhead-green a:link{
	color: #5b8304;
	text-decoration: none;
	font-weight: bold;
}
.subhead-green a:hover {
	color: #5b8304;
	text-decoration: none;
	font-weight: bold;
}
.container_sidebar {
	width:275px;
	float: left;
	position: relative;
}
.container_app-phone {
	width:120px;
	float: left;
	position: relative;
}
.container_maincontent-right {
	width:600px;
	float: left;
	position: relative;
	
}
.container_maincopy {
	width:540px;
	float: left;
	position: relative;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
	background-image: url(images/bg-maincopy.png);
	background-repeat: repeat;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
}
.container_sidenav {
	width:240px;
	float: left;
	position: relative;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
	background-image: url(images/bg-maincopy.png);
	background-repeat: repeat;
	padding-left: 35px;
	padding-top: 25px;
}
.container_likebtn {
	width:120px;
	float: left;
	position: relative;
}
.container_footer-left {
	width:360px;
	float: left;
	position: relative;
}
.container_footer-right {
	width:600px;
	float: left;
	position: relative;
	vertical-align: bottom;
}
.copy-left {
	width:200px;
	float: left;
	position: relative;
	margin-right: 20px;
	height: 135px;
}
.questions-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5b8304;
	line-height: 20px;
}
.questions-green a:link{
	color: #5b8304;
	text-decoration: none;
}
.questions-green a:hover {
	color: #666;
	text-decoration: underline;
}
.questions-green a:visited {
	color: #5b8304;
	text-decoration: none;
}
.questions-green a:active {
	color: #5b8304;
	text-decoration: none;
}
			
		h1 {
	color:#5b8304;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	display: inline;
}
h1 a:link{
	color:#5b8304;
	display: inline;
	text-decoration: none;
	
}
h1 a:hover {
	color:#4364af;
	display: inline;
	text-decoration: underline;
}
h1 a:visited {
	color:#5b8304;
	display: inline;
	text-decoration: none;
}
h1 a:active {
	color:#5b8304;
	display: inline;
	text-decoration: none;
}
	.calltoaction {
	color:#5b8304;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	display: inline;
}
.calltoaction a:link{
	color:#5b8304;
	display: inline;
	text-decoration: none;
	
}
.calltoaction a:hover {
	color:#4364af;
	display: inline;
	text-decoration: underline;
}
.calltoaction a:visited {
	color:#5b8304;
	display: inline;
	text-decoration: none;
}
.calltoaction a:active {
	color:#5b8304;
	display: inline;
	text-decoration: none;
}
.container_content-column {
	width:243px;
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
.container_maincopy-thankyou {
	width:407px;
	float: left;
	position: relative;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
	background-image: url(images/bg-maincopy.png);
	background-repeat: repeat;
	padding-left: 30px;
	padding-top: 30px;
}
.subhead-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4364af;
	line-height: 20px
}
.container_side-tagline {
	width:240px;
	float: left;
	position: relative;
	padding-left: 35px;
	padding-top: 6px;
}
.container_form {
	width:270px;
	float: left;
	position: relative;
}
.spacer50 {
	width:50px;
	float: left;
	position: relative;
	text-align: right;
}
.subhead-blueLARGE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4364af;
	line-height: 20px
}