/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* 1 - 940px */ 

#sfWebDebug {
	display:none;
}

body, strong, p, h1, h2, h3, h4, h5, h6 {
	color : #333;
}

h1, h2, h3, h4, .heading_text {
	font-family: "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}

h5, h6 {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style:italic;
	font-weight:normal;
}
h5 {
	line-height:21px;
	font-size:16px;
}

body, strong, .normal_text {
	font  : 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:none;
}

strong {
	font-weight:bold;
}



a,
a:visited,
a:hover {
	color:#0bf;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

div.clear {
	clear:both;
}


.only_mobile {
	/*display:none;*/
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.only_screen {
	/*display:block;			*/
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}

.blue_background {
	background-color:#0bf !important;
}
.pink_background {
	background-color:#f06 !important;
}
.purple_background {
	background-color:#60f !important;
}
.green_background {
	background-color:#7c4 !important;
}
.orange_background {
	background-color:#f80 !important;
}

.blue_text {
	color:#0bf !important;
}
.pink_text {
	color:#f06 !important;
}
.purple_text {
	color:#60f !important;
}
.green_text {
	color:#7c4 !important;
}
.orange_text {
	color:#f80 !important;
}
.white_text {
	color:#fff !important;
}
.dark_text {
	color:#333 !important;
}


img.big {
	width:100%;
	height:auto;
}

div.hidden {
	/*display:none;*/
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.header_button {
	color:#444 !important;
	font-size:12px;
	cursor:pointer;
	padding:4px 10px;
	border-radius:2px;
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	background:#ffffff;
	/*
	background:-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:-o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	filter    :progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	*/
}
.header_button:hover {
	text-decoration:none;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	background:#0bf;
	color:#fff !important;
}

.btn {
	font-size:20px;
	/*font-size     :16px;*/
	/*color           :#444;*/
	cursor          :pointer;
	/*line-height     :16px;*/
	padding         :10px 20px;
	background      :#fff;
	border-radius   :4px;
	text-decoration :none;
	box-shadow      :
		0 5px 7px rgba(0,0,0,0.7), 
		inset 0 0 50px rgba(0,0,0,0.04);
	background      :#ffffff; /* Old browsers */
	background      :-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background      :-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background      :-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background      :-o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background      :-ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background      :linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	filter          :progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
	.btn:hover {
		background :#0bf;
		color      :#fff;
		text-shadow:none;
	}

div.header {
	/*background:#eee;*/
	margin-bottom:10px;
	padding-bottom:10px;
}

h1.logo {	
	background:url('/images/logo.png') no-repeat;
	overflow:hidden;
	text-indent:1000px;
	font-size:0;
}

h1.logo, div.login {
	margin-top    :10px;
	margin-bottom :10px;
	min-height    :60px;
}

div.login {
	text-align:right;
}


div.navigation {
	border-radius:4px;
	background:#0bf;
	height:60px;
	box-shadow:
		inset 0 -1px 1px rgba(0,0,0,0.2),
		inset 0 1px 1px rgba(255,255,255,0.6);
	background:#00bbff; /* Old browsers */
	background:-moz-linear-gradient(top,  #00bbff 0%, #00aae8 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bbff), color-stop(100%,#00aae8)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #00bbff 0%,#00aae8 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #00bbff 0%,#00aae8 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #00bbff 0%,#00aae8 100%); /* IE10+ */
	background:linear-gradient(top,  #00bbff 0%,#00aae8 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbff', endColorstr='#00aae8',GradientType=0 ); /* IE6-9 */
}
	div.navigation div.main, 
	div.navigation div.language {
		float:left;
	}

	div.navigation div.main {
		width:740px;
	}
	div.navigation div.main img {
		margin-left:5px;
		vertical-align:-2px;
	}

	div.navigation div.language {
		width:200px;
		text-align:right;
	}

	div.navigation a.navi_btn:first-child {
		margin-left:6px;
	}
	div.navigation a.navi_btn:last-child {
		margin-right:6px;
	}
	div.navigation a.navi_btn {
		font:24px/60px "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#eee;
		text-transform:uppercase;
		padding:10px 20px 8px 20px;
		text-decoration:none;
		text-shadow:0 1px 1px rgba(0,0,0,0.2);
	}
	div.navigation a.navi_btn.active, div.navigation a.navi_btn:hover  {
		color:#fff;
		border-radius:4px;
	}

/*div.language {
	font-size  :12px;
	text-align :right;
}*/

div.languages {
	text-align:right;
}
	div.languages div.items {
		width:200px;
		padding-left:740px;
	}
	div.languages ul {
		margin:0;
		padding:0;
	}

	div.languages li {
		margin-top:2px;
	}
	div.languages li:first-child {
		margin-top:10px;
	}

	div.languages a,
	div.languages a:visited {
		width:180px;
		padding:10px 10px 10px 10px;
		border-radius:4px;
		display:block;
		font:16px "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		/*box-shadow:
			inset 0 -1px 1px rgba(0,0,0,0.2),
			inset 0 1px 1px rgba(255,255,255,0.6),
			0 2px 2px rgba(0,0,0,0.1);*/
		background:#eee;
		/*
		background:-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
		background:-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
		background:-o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
		background:-ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
		background:linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
		*/
	}

	div.languages a:hover {
		background:#333;
		color:#fff;
	}

div.size {
	text-align :center;
	/*display    :none;*/
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
	div.size:before {
		content:"full width";
	}

ul {}
li { 
	margin-bottom:0;
	line-height:21px;
}

ul.with_spaces {}
	ul.with_spaces li {
		margin-bottom:10px;
	}

ul.with_bullets {
	
}
	ul.with_bullets li {
		/*margin-bottom:0px;*/
		list-style:disc inside;
		padding:0 10px;
	}

ul.error_list {
	margin:0;
}
	ul.error_list li {
		color:#f06;
	}



div.footer {
	margin-top:40px;
	padding:20px 0;
	background:#eee;
	color:#ccc;
}
	div.footer hr{
		margin:0;
		padding:0;
		border-color:#e0e0e0;
	}
	div.footer h4 {
		font-size:18px;
		color:#666;
	}
	div.footer p {
		font-size:12px;
		color:#888;
		margin:0;
	}
	div.footer .navi_btn {
		display:block;
		width:94%;
		padding:2px 0;
		/*margin:0 0 2px 0;*/
		margin:0;
		font:18px "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		border-radius:2px;
		-ms-transition:200ms padding, 200ms box-shadow, 200ms background;
		-o-transition:200ms padding, 200ms box-shadow, 200ms background;
		-webkit-transition:200ms padding, 200ms box-shadow, 200ms background;
		-moz-transition:200ms padding, 200ms box-shadow, 200ms background;
	}
	div.footer .navi_btn:hover {
		padding:2px 3%;
		background:#e0e0e0;
		box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
		color:#444;
		text-decoration:none;
	}


	/* TWTR */ 
	div.footer div.twitter div.twtr-hd,
	div.footer div.twitter div.twtr-ft {
		display:none;
	}
	div.footer div.twitter div.twtr-tweet {
		border:0;
	}
	div.footer div.twitter div.twtr-tweet-wrap {
		margin:0;
		padding:0 0 10px 0;
	}

form.contact button.btn {
	float:left;
}

form {
	
}
	form div.item {
		width:94%;
		float:left;
		margin-bottom:10px;
	}
		form div.item.half {
			width:44%;
			margin-right:6%;
		}

	form label {
		font:21px "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		font-weight:normal;
		color:#666;
	}

	form input[type="text"],
	form input[type="password"],
	form input[type="email"],
	form textarea {
		width:100%;
		margin:0;
		border:3px solid #ccc;
		border-radius:0;
	}
	form input[type="text"]:focus,
	form input[type="password"]:focus,
	form input[type="email"]:focus,
	form textarea:focus {
		border:3px solid #7c4;
		color:#7c4;
		font-weight:bold;
	}


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

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { 
		div.size:before {
			content:"below 959px";
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* 2 - 748px*/
		div.size:before {
			content:"768px - 959px";
		}

		div.navigation div.main {
			width:548px;
		}
		div.navigation div.language {
			width:200px;
			text-align:right;
		}
		div.navigation a.navi_btn {
			padding:10px 10px 8px 10px;
		}

		div.languages div.items {
			width:200px;
			padding-left:548px;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		div.size:before {
			content:"below 768px";
		}
	}

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

		div.size:before {
			content:"480px - 767px";
		}

		.only_mobile {
			/*display:block;*/
			position: relative !important;
			top: 0px !important;
			left: 0px !important;
		}
		.only_screen {
			/*display:none;			*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

		div.login {
			/*display:none;*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}
		div.navigation {
			height:auto;
			/*background:none;*/
			box-shadow:none;
		}
		div.navigation div.main {
			width:300px;
		}
		div.navigation div.language {
			width:120px;
			text-align:left;
		}
		div.navigation a.navi_btn,
		div.navigation a.navi_btn:first-child,
		div.navigation a.navi_btn:last-child {
			font-size:16px;
			/*width:79px;*/
			padding:10px 4px 8px 4px;
			height:30px;
			line-height:30px;
			margin:0 0 4px 0;
			border-radius:4px;
			float:left;
		}
		div.navigation a.navi_btn.item_toggle_trigger { /* Language button*/
			/*width:256px;*/
			float:right;
		}

		div.navigation a.navi_btn:hover {
			background:#333;
			color:#fff;
		}

		div.navigation div.main img {
			/*display:none;*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

		div.languages div.items {
			width:420px;
			padding-left:0;
		}

		div.languages a{
			width:400px;
		}

	}

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

		/*div.logo {	
			background:url('/images/logo_small.png') no-repeat;
		}*/

		div.size:before {
			content:"below 480px";
		}

		.only_mobile {
			/*display:block;*/
			position: relative !important;
			top: 0 !important;
			left: 0 !important;
		}
		.only_screen {
			/*display:none;			*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

		div.login {
			/*display:none;*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

		div.navigation {
			height:auto;
			background:none;
			box-shadow:none;
		}
		div.navigation div.main {
			width:300px;
		}
		div.navigation div.language {
			width:300px;
			text-align:right;
		}
		div.navigation a.navi_btn,
		div.navigation a.navi_btn:first-child,
		div.navigation a.navi_btn:last-child {
			display:block;
			width:280px;
			font-size:14px;
			padding:10px 10px 8px 10px;
			height:14px;
			line-height:14px;
			margin:0 0 4px 0;
			background:#0bf;
			border-radius:4px;
		}
		div.navigation a.navi_btn:hover {
			background:#333;
			color:#fff;
		}

		div.navigation div.main img {
			/*display:none;*/
			position: absolute !important;
			top: -9999px !important;
			left: -9999px !important;
		}

		div.languages div.items {
			width:300px;
			padding-left:0;
		}

		div.languages a{
			width:280px;
		}

	}


/* #Font-Face
================================================== */
@font-face {
    font-family: 'League Gothic';
    src: url('/fonts/League_Gothic-webfont.eot?') format('eot'),
         url('/fonts/League_Gothic-webfont.woff') format('woff'),
         url('/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('/fonts/League_Gothic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}