@charset "utf-8";
html{font-family: Arial, sans-serif;color: #CCF;}
/*body{background:url(../img/bg.jpg) repeat;}*/
/*body{background:url(../img/bk-bg.gif) repeat;}*/
body{background:url(../img/blu-bg.gif) repeat;}
.social {text-align: right; position: relative;  margin: 4px 0;}
.social img {margin-bottom: 0;}
#footer {border-radius: 10px; background-color: #2233AA; color: #fff; padding: 5px 0;}
#footer p {margin: 0; padding: 5px 0;}
#logo, #logo img{display:block;width:200px; height:100px;}
#logo{float: left; background:url(../img/logo.png) top center no-repeat; position: relative; margin: 0; z-index: 120; display: inline; /* fixes IE6 margin bug */}
#logo img{position:absolute; left:-99999px;}
.nav {list-style:none; margin:0 0 1.5em 0;}
#nav.main{
	float: right;
	text-align:center;
	margin: 0.5em 0 0 0;
	padding: 0.4em 0;
	font-family:'Oswald', Arial, sans-serif;
}
#nav.main li {display:inline; float:none;}
#nav.main a{
	display:inline-block;
	padding: 0.3em 0.6em;
	background-color: #EFEFEF;
	border-radius: 10px;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	color: #666;text-decoration:none; 
	text-transform:uppercase; 
	text-shadow: 1px 1px 1px #fff;
	font-size: 1.1em;
	margin: 0 0 0.6em 0;	
}
#nav.main a:hover{color: #666; text-shadow: 1px 1px 0px #fff; background-color: #DDEEFF; }
#nav.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; font-weight: bold; background-color: #CCDDFF; letter-spacing: 1px;}
#nav li span {display: block; font-size: 10px; color: #666; text-shadow: none; line-height: 8px;} 
@font-face {font-family:"Oswald";src:url("Oswald.eot?") format("eot"),url("Oswald.woff") format("woff"),url("Oswald.ttf") format("truetype"),url("Oswald.svg#Oswald") format("svg");font-weight:normal;font-style:normal;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #DDF;
	text-shadow: 1px 1px 0px #000;
}
h1{font-size:2.5em;	margin-bottom:0.75em; line-height:1.5;}
h2{font-size:2.3em;	margin-bottom:1em; line-height:1.4em;}
h3{font-size:2em; margin-bottom:1em; line-height:1.3;}
h4{font-size:1.5em;	margin-bottom:0.8em; line-height:auto; text-shadow: none; font-weight:bold;}
h5{font-size:1.3em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
h6{font-size:1.2em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
.left	{ float:left!important; }
.right	{ float:right!important; }
.intro {padding: 10px 0; color: #AAA;}
.intro h2 {font-size: 3em; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 20px 0;}
.intro p {font-family: 'Oswald', Arial, sans-serif; font-size: 1.9em; line-height: 1.2em; letter-spacing: -2px; padding-right: 15px;}
.quote {font-family: Arial, sans-serif; font-size: 1.4em; letter-spacing: -1px; font-style: italic; line-height: 1.3em; } 
.quote span {display: block; font-size: 0.7em; padding-top: 10px; font-style: normal;}
.red, .blue, .green, .gray {-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; zoom: 1; border-top: 1px solid #000069; border-bottom: 1px solid #000069; margin-bottom: 15px!important;}
.red {background-color: #FFDDCC;}
.blue {background-color: #CCDDFF;}
.green {background-color: #DDFFCC;}
.gray {background-color: #EFEFEF;}
.red p, .blue p, .green p, .gray p {padding:10px 30px 0; color:#CCC;text-shadow: 1px 1px 0px #000;}
.red h2, .blue h2, .green h2, .gray h2, .red h3, .blue h3, .green h3, .gray h3, .red h4, .blue h4, .green h4, .gray h4 {border-bottom: 5px solid #000069; margin-bottom: 0;}
.red h2, .blue h2, .green h2, .gray h2, .red h3, .blue h3, .green h3, .gray h3, .red h4, .blue h4, .green h4, .gray h4, .red h5, .blue h5, .green h5, .gray h5, .red h6, .blue h6, .green h6, .gray h6 {padding: 0px 30px; line-height: 1.7em; color:#BBB;text-shadow: 1px 1px 0px #000;}
.top {margin-top: 30px!important;}
.bottom {margin-bottom: 30px!important;}
.ticker {border: none!important; background: none!important; line-height: auto;}
a{ color: #CCDDFF;text-decoration:none;}
a.button {
	font-family: Arial, sans-serif;
	font-size: 1em;
	line-height: auto;
	background-color: #EFEFEF;/* fallback for browsers that don´t support gradients */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCDDFF), to(#EFEFEF));/* Safari 4+, Chrome 1-9 */
	background-image: -moz-linear-gradient(top, #CCDDFF, #EFEFEF);/* Firefox 3.6+ */
	background-image: -o-linear-gradient(top, #CCDDFF, #EFEFEF);/* Opera 11.10+ */
	background-image: -webkit-linear-gradient(top, #CCDDFF, #EFEFEF);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -ms-linear-gradient(top, #CCDDFF, #EFEFEF);/* IE 10+ */
    border: 1px solid #799C01;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #769BCB inset;
    color: #000069;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
	text-decoration: none;
	margin: 15px 0;
	text-align: center;
	font-weight: bold;
	padding: 0.3em 0.7em;
	display: inline-block;}	
a.button:hover {
	background-color: #CCDDFF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#CCDDFF));
	background-image: -moz-linear-gradient(#EFEFEF, #CCDDFF);
	background-image: -moz-linear-gradient(top, #EFEFEF, #CCDDFF);
	background-image: -o-linear-gradient(top, #EFEFEF, #CCDDFF);
	background-image: -webkit-linear-gradient(top, #EFEFEF, #CCDDFF);
	background-image: -ms-linear-gradient(top, #EFEFEF, #CCDDFF);}
ul.check {list-style:none;
	list-style-image:url(../img/check.png);
	list-style-position: inside;
	}
img{margin-bottom: 10px;}
img.left	{ margin:0 20px 10px 0; }
img.right	{ margin:0 0 10px 20px; }
/* due to article of Chris Coyier 
http://css-tricks.com/441-resizeable-images-at-full-resolution/ */
img.expand { width: 24em; margin: 0; }
/*-------------------------------------------*\
	No borders and background for form-tables
\*-------------------------------------------*/
.form th, .form td {border:none; background:none; padding: 0.75em 0;}
.form tbody tr:nth-of-type(odd){background:none;}
/*------------------------------------*\
	hr with initials
\*------------------------------------*/
/*hr{margin:1em 0; width: 100%; height: 26px; background: url(../img/hr.png) no-repeat top center; border:none;}*/
hr{margin:1em 0; width: 100%; height: 26px; background: url(../img/hr-lt.png) no-repeat top center; border:none;}
ul.tabs {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 32px; /*--Set height of tabs--*/
 width: 100%;
 display: block;
}
ul.tabs li {
 float: left;
 margin: 0;
 padding: 0;
 height: 32px; 
 line-height: 32px; /*--Vertically aligns the text within the tab--*/
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 overflow: hidden;
 position: relative;
 background: #CECECE;
}
ul.tabs li a {
 text-decoration: none;
 color: #666;
 display: block;
 font-size: 1.1em;
 padding: 0 15px;
 outline: none;
}
ul.tabs li a:hover {
 background: #E0E0E0;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
 background: #EFEFEF; border: none; border-bottom: 1px solid #EFEFEF;
}
.tab_container {
 background: #EFEFEF;
 overflow: hidden;
 clear: both;
float: left; width: 100%; margin-bottom: 25px;
}
.tab_content {
 padding: 15px 18px 10px;
 font-size: inherit;
}
.tab_content p {margin-bottom: 1em; color: #007;}

@media (min-width: 721px) and (max-width: 960px){
#logo{margin:0 auto 1em; width: 100%;}
#nav.main{margin: 0 auto;float: none; padding: 0.4em 0 0 0}
.intro h2 {font-size: 2.5em; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 20px 0;}
.intro p {font-family: 'Oswald',"Helvetica Neue", Arial, sans-serif;font-size: 1.6em; line-height: 1.2em; letter-spacing: -2px; padding-right: 20px;}	
.social {text-align: center; margin: 30px 0 15px 0;}
.wrapper{width:auto!important; padding:15px!important;}
}
@media (max-width: 720px){
.debug, .debug body{background:none!important;}
body{-webkit-text-size-adjust:none;}
.wrapper{line-height: 1.5em; width:auto!important; padding:10px!important;}
.wrapper p {font-size:0.9em;}
.social {text-align: center; margin: 30px 0 15px 0;}
#nav.main a{display:inline-block;padding: 0.8em 1.2em;font-size: 0.9em;letter-spacing: 2px;}
#nav.main{padding: 0.4em 0 0 0; float: none; margin: 0 auto; background-image: none; font-size: 100%;}
#subheader {margin: 110px 0 20px;}
h1{font-size:1.9em;margin-bottom:0.75em;line-height:1.7;}
h2{font-size:1.7em;margin-bottom:1em;line-height:1.5;}
h3{font-size:1.5em;	margin-bottom:1em;line-height:1.3em;}
h4{font-size:1.1em;	margin-bottom:0.8em;line-height:auto;font-weight:bold;}
h5,h6{font-size:1em;margin-bottom:0.8em;line-height:auto;}
.intro p {font-size: 1.2em; line-height: 1.2em; letter-spacing: -1px;}
.intro h2 {font-size: 2em;}	
#footer p {margin: 0; padding: 0 10px;}	
.grids{margin:0!important;width:auto!important;}
[class^="grid-"],
.grids [class^="grid-"]{
	width:auto!important;
	float:none!important;
	margin:0!important;
}
#logo{margin:0 auto 1em; width: 100%;}