/*
http://shawndickinson.com/main.css
Copyright 2011 Shawn M. Dickinson

This file may not be used in whole
or in part without the expressed
permission of its author.

Web Fonts from fontspring.com

All OpenType features and all extended glyphs have been removed.
Fully installable fonts can be purchased at http://www.fontspring.com

The fonts included in this stylesheet are subject to the End User License you purchased
from Fontspring. The fonts are protected under domestic and international trademark and 
copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
distributing this font software.

(c) 2010-2011 Fontspring

The fonts included are copyrighted by the vendor listed below.
Vendor: exljbris
License URL: http://www.fontspring.com/fflicense/exljbris
*/
body{
	background-color: #7e7e7e;
}
@font-face {
    font-family: 'Museo';
    src: url('fonts/Museo300-Regular-webfont.eot');
    src: url('fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo300-Regular-webfont.woff') format('woff'),
         url('fonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo300-Regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo700-Regular-webfont.svg#Museo700') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('fonts/MuseoSans_500-webfont.eot');
    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: bold;
    font-style: normal;
}
a{
	text-decoration: none;
}
#head{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	height: 40px;
	width: 100%;
	background-color: rgba(166,166,166,0.9);
	background-image: url(img/head.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#html5css3{
	display: block;
	position: absolute;
	right: 2px;
	top: 1px;
}
.notification{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	padding-top: 20%;
}
.notification2{
	position: fixed;
	top: -110%;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	padding-top: 20%;
	visibility: hidden;
}
.col{
	position: fixed;
	top: 0px;
	width: 25%;
	height: 100%;
	border-left: #e0e0e0 10px solid;
	border-right: #e0e0e0 10px solid;
	min-width: 45px;
	cursor: pointer;
}
.col-content{
	position: absolute;
	top: 0px;
	background: -webkit-linear-gradient(left, #929292, #7e7e7e);
	background: -moz-linear-gradient(left, #929292, #7e7e7e);
	background: -ms-linear-gradient(left, #929292, #7e7e7e);
	background: -o-linear-gradient(left, #929292, #7e7e7e);
	z-index: -5;
	height: 100%;
	overflow-y: hidden;
	opacity: 0;
	width: 43%;
}
.col-content-active{
	z-index: -3;
	opacity: 1;
	min-height: 100%;
	height: auto;
}
.col-content-inner{
	width: auto;
	height: auto;
	margin: 50px 10px 10px 10px;
	color: #2b2b29;
	text-align: justify;
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.col-content-inner a{
	text-decoration: none;
	border-bottom: 1px dotted #2b2b29;
	color: #2b2b29;
}
.col-content-inner a.visited{
	text-decoration: none;
	border-bottom: 1px dotted #2b2b29;
	color: #2b2b29;
}
h1{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 10px;
	font-family: Museo;
}
.top{
	width: 100%;
	min-height: 188px;
}
.top-full{
	height: 100%!important;
}
.middle{
	width: 100%;
	background-color: #e0e0e0;
	height: 10px;
}
.bottom{
	background: -webkit-linear-gradient(left, #929292, #7e7e7e);
	background: -moz-linear-gradient(left, #929292, #7e7e7e);
	background: -ms-linear-gradient(left, #929292, #7e7e7e);
	background: -o-linear-gradient(left, #929292, #7e7e7e);
	width: 100%;
}
bottom-full{
	height: 0%!important;
}
#col1{
	left: 0px;
}
.col1-min{
	width: 10%;	
}
.col1-max{
	width: 25%;	
}
#col1-top{
	background: url(img/col1.png) bottom left no-repeat, -webkit-linear-gradient(left, #52b8ff, #0097ff);
	background: url(img/col1.png) bottom left no-repeat, -moz-linear-gradient(left, #52b8ff, #0097ff);
	background: url(img/col1.png) bottom left no-repeat, -ms-linear-gradient(left, #52b8ff, #0097ff);
	background: url(img/col1.png) bottom left no-repeat, -o-linear-gradient(left, #52b8ff, #0097ff);
	height: 55%;
}
#col1-bottom{
	height: 50%;
}
#col1-content{
	left: 27%;
}
#col2{
	left: 25%;
}
.col2-mina{
	width: 10%;
	margin-left: 45%;	
}
.col2-minb{
	width: 10%;
	margin-left: -15%;	
}
.col2-max{
	width: 25%;
	margin-left: -15%;	
}
#col2-top{
	height: 60%;
	background: url(img/col2.png) bottom left no-repeat, -webkit-linear-gradient(left, #b0eb75, #8ae234);
	background: url(img/col2.png) bottom left no-repeat, -moz-linear-gradient(left, #b0eb75, #8ae234);
	background: url(img/col2.png) bottom left no-repeat, -ms-linear-gradient(left, #b0eb75, #8ae234);
	background: url(img/col2.png) bottom left no-repeat, -o-linear-gradient(left, #b0eb75, #8ae234);
}
#col2-bottom{
	height: 40%;
}
#col2-content{
	left: 37%;
}
#col3{
	left: 50%;
}
.col3-mina{
	width: 10%;
	margin-left: 30%;
}
.col3-minb{
	width: 10%;
	margin-left: -30%;
}
.col3-max{
	width: 25%;
	margin-left: 15%;	
}
#col3-top{
	height: 55%;
	background: url(img/col3.png) bottom left no-repeat, -webkit-linear-gradient(left, #ff747e, #ff3341);
	background: url(img/col3.png) bottom left no-repeat, -moz-linear-gradient(left, #ff747e, #ff3341);
	background: url(img/col3.png) bottom left no-repeat, -ms-linear-gradient(left, #ff747e, #ff3341);
	background: url(img/col3.png) bottom left no-repeat, -o-linear-gradient(left, #ff747e, #ff3341);
}
#col3-bottom{
	height: 45%;
}
#col3-content{
	left: 22%;
}
#col4{
	left: 75%;
}
.col4-min{
	width: 10%;
	margin-left: 15%;
}
.col4-max{
	width: 25%;	
}
#col4-top{
	height: 50%;
	background: url(img/col4.png) bottom left no-repeat, -webkit-linear-gradient(left, #ffbe6f, #ffa02b);
	background: url(img/col4.png) bottom left no-repeat, -moz-linear-gradient(left, #ffbe6f, #ffa02b);
	background: url(img/col4.png) bottom left no-repeat, -ms-linear-gradient(left, #ffbe6f, #ffa02b);
	background: url(img/col4.png) bottom left no-repeat, -o-linear-gradient(left, #ffbe6f, #ffa02b);
}
#col4-bottom{
	height: 60%;
}
#col4-content{
	left: 32%;
}
label{
	display: block;
	margin-top: 10px;
}
fieldset{
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}
.email-field{
	width: 280px;
	height: 20px;
	outline: none;
	height: 20px;
	border-radius: 9px;
	border: 0px;
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-image: url(img/invalid.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 23px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: transparent;
	color: #2b2b29;
	border: 3px solid #2b2b29;
}
textarea.email-field{
	width: 280px;
	height: 100px;
}
label{
	font-family: Museo, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.valid{
	background-image: url(img/valid.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.invalid{
	background-image: url(img/invalid.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.error{
	width: 0px;
	height: 0px;
	font-size: 0px;
}
iframe{
	border: 0px;
}