/* start of general */

html {
	width: 100%;
	min-width: 1024px;
}

body {
	width: 100%;
	min-width: 1024px;
	font: 300 16px/24px 'Open Sans', sans-serif;
	color: #444;
	background-color:#00CC99;
}

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

.clear {
	height: 0;
	clear: both;
}

.floatLeft { 
	float: left; 
}

.floatRight { 
	float: right; 
}

.margin-0 {
	margin: 0;
}

hr {
	width: 100%;
	border: 0;
	clear: both;
}

input::-webkit-input-placeholder {
   	color: #666;
}

input:-moz-placeholder { /* Firefox 18- */
   	color: #666;  
}

input::-moz-placeholder {  /* Firefox 19+ */
   	color: #666;  
}

input:-ms-input-placeholder {  
   	color: #666;  
}

*:focus {
	outline: none;
}

*{ 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* end of general */

/* start of alignment */

.alignleft { 
		display: inline; 
		float: left; 
		margin: 0 30px 10px 0; 
}

.alignright { 
		display: inline; 
		float: right; 
		margin: 0 0 10px 30px; 
}

.aligncenter { 
		clear: both; 
		display: block; 
		margin: 30px auto;
}

/* end of alignment */

/* start of typography */

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0 0 10px;
	color: #fff;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
}

.error {
	color: #ff0000;
}

/* end of typography */

/* start of header */

header {
	width: 100%;
	min-width: 1024px;
}

header > .container {
	padding-top: 40px;	
	text-align: center;
}

.home header > .container {
	padding-top: 100px;
}

header > .container #logo {
	margin: 0 0 40px;
}

.home header > .container #logo {
	margin: 0;
}

header > .container #title {
	display: none;
}

.home header > .container #title {
	display: block;
}

/* end of header */

/* start of main */

section#main {
	width: 100%;
	min-width: 1024px;
}

section#main > .container {
	padding-bottom: 40px;
}

section#main > .container form {
	margin-top: 30px;
	text-align: center;
	position: relative;
}

section#main > .container form input[type="text"],
section#main > .container form input[type="email"] {
	display: inline-block;
	color:#666666;
	width:300px;;
	height:40px;
   	border: none;
	padding:10px;
   	border-radius:3px;
	font-weight:300px;
}

section#main > .container form input[type="submit"] {
	display: inline-block;
	width: 140px;
	height: 40px;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: 300;
	color: #444;
	background-color: #FFCC33;
   	border: none;
   	border-radius: 3px;
}

label.error {
	display: block;
	text-align: center;
	position: absolute;
	bottom: -40px;
	left: 0;
}

/* end of main */

/* start of footer */

footer {
	width: 100%;
	min-width: 1024px;
	background-color: #00CC99;
	position: fixed;
	bottom: 0;
	z-index: 1001;	
}

footer > .container {
	width: 940px;
	height: 40px;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

footer > .container #copyright {
	text-align: center;
}

footer > .container a {	
	color:#fff;
}

/* end of footer */