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

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Bigger screens */
	@media only screen and (min-width: 767px) {
		body{
			background-color: #EFEEEA;
			font-size:1em;
		}
		h1{
			font-size: 2em;
			line-height: 1em;
		}
		.bgimg{
			position:relative;
			top:0px;
			max-width:100%;
			/**border-bottom:20px solid #556536;**/
		}
		.bgcurt{
		}
		label{
			font-size:1	00%;
			margin-bottom:3%;
		}
		.langbar{
			width:100%;
			text-align: right;
		}
		.langbar a img{
			width:40px!important;
			max-width:20%;
			border:0px;
			padding-bottom:4px!important;
			padding-top:4px!important;
			/**border-bottom:20px solid #556536;**/
		}

		.maincontainer{
			padding-left:5%;
			position:absolute;
			top:2%;
			width:90%;
		}
		.infocontainer{
			padding:30px;
			margin-top:30px;
			margin-bottom:30px;
			background-color:#FFF;
		    border:1px solid #CCC;
		   -webkit-border-radius:3px;
		   -moz-border-radius:3px;
		   border-radius:3px;
		   -webkit-box-shadow:0 0 1px #8DC3EB inset;
		   -moz-box-shadow:0 0 1px #8DC3EB inset;
		   box-shadow:0 0 1px #8DC3EB inset;
			margin-top:5%;
		}

		.button{
			width:auto!important;
			padding:14px;
			font-size:100%;
		}

		.value{
			padding: 10px!important; font-size: 100%!important; width:auto!important;
		}
	}


	/* 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) {
		body{
			background-color: #EFEEEA;
			font-size:4em;
			line-height: 1em;
		}
		h1{
			font-size: 2em;
			line-height: 1em;
		}
		.bgimg{
			position:relative;
			top:0px;
			width:1700px;
			/**border-bottom:20px solid #556536;**/
		}
		.bgcurt{
		}
		label{
			font-size:300%;
			margin-bottom:3%;
		}
		.langbar{
			width:100%;
			text-align: right;
		}
		.langbar a img{
			max-width:20%;
			border:0px;
			padding-bottom:2%!important;
			padding-top:2%!important;
			/**border-bottom:20px solid #556536;**/
		}

		.full-width{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
		.maincontainer{
			padding-left:5%;
			position:absolute;
			top:2%;
			width:90%;
		}
		.infocontainer{
			margin-top:5%;
		}

		.button{
			padding-top:6%;
			padding-bottom:6%;
			font-size:100%;
		}

		.value{
			padding: 4% 10%!important; font-size: 240%!important;
		}



	}

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

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