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

/* #Typography (baseline corrections)
================================================== */

	h1 { line-height: 49px; margin-bottom: 14px; color: #786b62;}
	h2 { line-height: 42px; margin-bottom: 7px; color: #786b62; }
	h3 { line-height: 35px; margin-bottom: 7px; color: #786b62; }
	h4 { line-height: 28px; margin-bottom: 7px; color: #786b62; }
	h5 { line-height: 21px; }
	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px; }
/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px;}
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }
	hr { margin: 14px 0 28px;}
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }	
/* #Site Styles
================================================== */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 	box-sizing: border-box; 	}
body {
	background: #dddddd;
}
img {
	max-width: 100%;
}
.band {
	background: #ffffff;
	padding: 0 0 14px 0;	}
.band.logo  {
	background: #ffffff;
	padding: 14px 0 14px 0;	
}
.band.header  {
	background: #fefefe;
	padding: 0;	
}
.band.content  {
	background: #ffffff;
	height: 100%;
	padding: 90x 0 28px 0;	
	color: #333333;
}
.band.footer  {
	background: #dddddd;
	padding: 14px 0 14px 0;	
	border-top: 10px solid #aaaaaa;
}

.footer {
	text-align: center;
	font-size: 12px;
	color: #555555;
}

.content ul{
	padding: 10px 10px 10px 16px;
}
.content li{
	list-style-type: circle;
	padding: 0 5px;
	line-height: 14px;
	margin-bottom: 7px;
}

.contentarea {
	margin: 20px auto; 
	width: 95%;
	white-space:nowrap;
}


form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
  text-align: left;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
  width: 45%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] ,
input[type=tel]{
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}


.subscribe_optin {
	width: 100%;
}
.subscribe_optin input{
	width: auto;
	float: left;
}
.subscribe_optin label{
	float: left;
    width: 80%;
	margin: 0 0 0 10px;
}

.submit_layer{
	width: 100%;
	text-align: center;
}

.button,
	button,
	input[type="submit"] {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;	
		background: #786b62;
		color: #ffffff; 		padding: 15px; 
		margin: 5px;
	    border: none;
		text-decoration: none;
		font-weight: bold;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover{
		color: #ffffff;
		background: #0b9ca0; /* Old browsers */
	  border: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;}
	.button:active,
	button:active,
	input[type="submit"]:active{
		color: #ffffff;
		background: #0b9ca0; /* Old browsers */
	  border: none;}
.btn_register{
	height: 40px;
}
.btn_register a, .btn_register a:visited { text-decoration: none; font-weight: bold; }
.btn_register a:hover, .btn_register a:focus { }

.btn_register .btn{
	background: #786b62; color: #ffffff; padding: 15px; margin: 5px;
}
.btn_register .btn:hover { 
	background: #0b9ca0; color: #ffffff; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	transition: all 0.3s ease;
	text-decoration: none;
}


/* #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) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.contentarea { white-space: normal; }	
		h1 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
		h2 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
		h3 { font-size: 17px; line-height: 24px; }
		h4 { font-size: 14px; line-height: 21px; }}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.contentarea { white-space: normal; }
		h1 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
		h2 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
		h3 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
		h4 { font-size: 17px; line-height: 24px; }
		h5 { font-size: 14px; line-height: 21px; }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/