@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/

/*@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200italic,300italic,700italic|Fondamento:400italic,400|Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&subset=latin,latin-ext);*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400&subset=latin,latin-ext);

/*@import url(http://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin,latin-ext);*/

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, a {*/
html, body, span, object, iframe, img, article, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	background: transparent;
	vertical-align: baseline;*/
	vertical-align: middle;
	font-style: normal;
	/*background: #c00;*/
}
html, body {
	/**/background: #c00;
}
div {
	margin: 0;
	padding: 0;
}/**/


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
img, object, embed, iframe {
	max-width: 100%
}
[hidden] {
display:none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*overflow-y: scroll*/
	
}
body {
	margin: 0;
	font-size: 1em;
	/*background-color:#3d66a8;
	background-color:#000;
	background-color:#3d66a8;*/
	/*height:100%;*/
}

html,body,#gridContainer {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;

	/*font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-weight:200;*/
}
h1,h2,h3,h4,h5,h6 {
	
	/*font-family: 'Open Sans Condensed', sans-serif;
	font-style:normal;*/
	/*font-family: 'Fondamento', cursive;
	font-style:italic;
	font-weight:400;
	font-size: 120%;
	font-size: default;*/
	margin: 0;
	/*padding: 0;
	*/
}



img {
	background-color: transparent !important;
	background-color: none !important;
	/*vertical-align: middle;*/
}


a:link {
	color: #fff;
	background-color: #c00;
	text-decoration: none;/**/
}
a:visited {
	color: #fff;
	background-color: #c00;
	text-decoration: none;
}
a:hover {
	background-color: #000;
	/*
	background-color: #000;
    border-bottom: 2px dotted #FFF;
    padding-bottom: 6px;
	color: #fff;
	text-decoration: underline;*/
	cursor: pointer;
}
a:active {
	/**/background-color:#000;
	color: #eee;
}










/* Mobile Layout: 480px and below. */

#fbPanel {
	position: fixed;
	bottom: 0;
	z-index: 10;
	background-color: #000;
	width: 100%;
	text-align: right;
	padding: 1px;
}

/*#fbPanelContent {
	float: left;
	width: auto;
}*/
#gridContainer {
	position:relative;
	/*width: 96.7391%;*/
	margin-left: auto;
	margin-right: auto;
	/*padding-left: 1.6304%;
	padding-right: 1.6304%;*/
	
	/*background-color: #c00;
	cursor: default;*/
		float: left;
}

	#LayoutDiv1	 {
		/**/float: left;
		width: 0%;
		margin: 0;
		padding: 0;
	}




	#rightDiv {
		/*background-color: #000;
		background-color: #3d66a8 !important;
		margin-top: 80%;
		background-color: #c00;*/
		width: 99%;
		/**/float: left;
		margin: 0;
		padding: 0;
	}

#contentLayer {
		position: relative;
		float: left;
	}

#descriptionLayerLink {
		position: fixed;
		top: 100px;
		background-color: #000;
		color: #fff;
		font-size: 1.5em;
	}
#descriptionContentLayer {
		/*position: relative;
		float: left;*/
	}

#descriptionLayer {
		position: absolute;
		top: 60px;
		left: 0px;
		width: 595px;
		height: auto;
		/*word-break: break-all;*/
		background: #FFF;
		/*padding-top: 116px;*/
		/*padding: 0px 18px 0;*/
	}
#descriptionContentLayer {
		font-size: 19px;
		font-family: "Arial";
		font-weight: normal;
	}
#descriptionContentLayer h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
		font-size: 43px;
		font-weight: normal;
		padding-top: 116px;
		padding: 116px 46px 0;
	}
#descriptionContentLayer h2 {
		font-size: 31px;
		font-weight: normal;
		padding-top: 100px;
		padding: 100px 46px 0;
	}
#descriptionContentLayer p {
		/*word-break: break-all;*/
		font-size: 19px;
	padding: 0;
	margin: 0;
		padding: 20px 46px 0;
	}
#descriptionContentLayer p.enhancedPadding {
		padding-top: 70px;
	}
#descriptionContentLayer img {
		width: auto;
		margin: 40px 0 0;
		padding: 0 auto;
	}

#descriptionContentLayer p.closeInfo {
		background: #000;
		color: #fff;
		position: fixed;
		cursor: pointer;
		margin: 0;
		padding: 0;
	}




	#LayoutDiv2, #LayoutDiv3, #LayoutDiv4, #LayoutDiv5 {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
		/*float: left;
		height: 100%;
		background-color: #3d66a8;
		background-color: #FFF;
		width: 50%;*/
		/*width: 50%;*/
		/*visibility: hidden;
		max-width: 33.3%;*/
	}



	#LayoutDiv2 {
		/*height: 100%;
		word-break: break-all;*/
	}

	#LayoutDiv2 > div {
		/*
		height: 25px;
		display: block;
		position: relative;*/
		/*padding: 0;
		margin: 0;*/
		float: left;
		/*width: 25%;
		background-color: #c00;*/
		/*height: 100%;
		margin: 0 auto;*/
		font-size: .7em;
		border-right: 1px solid black;
		background: transparent;
	}
	#LayoutDiv2 > div > div {
		/*
		height: 25px;
		display: block;
		position: relative;
		padding: 0 2px;*/
		/*width: 10px;
		height: 10px;
		padding: 0px;
		margin: 0px;
		text-align: left;*/
		background: transparent;
		/*background-color: #000;*/
		font-size: 1.6em;
		/*margin: 0;
		color: #fff;
		background-color:#000;*/
		/*position: absolute;
		top: 0px; left: 0px;
		padding-right: 6px;*/
	}











#LayoutDiv3 {
	/* NOT due to hover
	margin-top: 2em;*/
	position: fixed;
	z-index: 1;
	top: 190px;
	left: 50px;
	/*font-size: 1.5em;
	padding: 0 6px;*/
	cursor: default;
}
/*#LayoutDiv3 div {
	color: #fff;
	background-color: transparent;
}*/
#LayoutDiv3 span {
	color: #fff;
	font-size: 0.7em;
}
#LayoutDiv3 h1 {
	padding: 0 4px;
	background-color: #fff;
}
#LayoutDiv3 h3 {
	padding: 0 4px;
	background-color: #fff;
}
#LayoutDiv3 div {
	background-color: #c00;
}
#LayoutDiv3 p {
	padding: 0 4px;
	color: #fff;
}


#LayoutDiv4 {
	position: fixed;
	z-index: 0;
	bottom: 50px;
	right: 50px;
	width: 40%;
	padding: 0px 0px;
	margin: 0px 0px;
	/*background-color: #ddd;*/
}
#LayoutDiv41 {
	/**/background-color: #000;
}
#LayoutDiv41 h4 {
	color: #fff;
	padding: 6px 10px 0px;
	border-bottom: 1px solid #c00;
}
#LayoutDiv41 p {
	color: #fff;
	opacity: 0.88;
	padding: 2px 10px;
}
#LayoutDiv41 p span {
	color: #fff;
	cursor:pointer;
}
#LayoutDiv41 p:last-child {
	padding-bottom: 22px;
}

#link1, #link2, #link22, #link3, #link4, #link5 {
	margin: 0px;
	padding: 0px;
	background-color:#c00;
	/*color: #fff;*/
}

#decimal-value-div {
	display: block;
	font-size: 84%;
	font-weight: bold;
	font-style: italic;
	background: #c00;
}


#LayoutDiv5 {
	position: fixed;
	z-index: 100;
	top: 200px;
	right: 50px;
	width: 40%;
	/*background-color: #000;*/
	/*background-color: #ddd;*/
}

.redText {
	color: #c00;
}


ul {
    list-style-type: none !important;
}



ul.inline-items li {
	display: inline-block
}




#languages {
	position: fixed;
	bottom: 32px;
	right: 40px;
}

#languages img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}













/* Very small layout */

@media only screen and (max-width: 481px) {
}

@media only screen and (max-width: 1360px) {
	
	#LayoutDiv4 {
		width: 60%;
	}
}

@media only screen and (max-width: 769px) {

	#slider-width {
		/*display: none;*/
	}
	#slider-height {
		/*display: none;*/
	}


	#rightDiv {
		width: 100%;
	}

	#LayoutDiv4 {
		/*position: absolute;*/
		top: 120px;
		left: 0px;
		width: 100%;
		padding: 0px 0px;
		margin: 0px 0px;
		/*background-color: #ddd;*/
	}


	#LayoutDiv3 {
		/*display: none;*/
		position: absolute;
		top: 800px;
		left: 0px;
		width: 100%;
		padding: 0px 0px;
		margin: 0px 0px;
	}






}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {

}


/* Bigscreen Layout */

@media only screen and (min-width: 1360px) {
	#LayoutDiv3 {
		/**/font-size: 1.2em;
	}
	#LayoutDiv3 h1 {
	}
	#LayoutDiv3 h3 {
	}
	#LayoutDiv3 p {
	}
}



@media only screen and (min-width: 2100px) {
	#LayoutDiv3 {
		/*font-size: 2.0em;*/
	}
}











@media print
  {
  	/*#LayoutDiv1 header h1 {display:block;}*/
  }





/* =============================================================================
       Links
       ========================================================================== */
/*
     * Addresses `outline` inconsistency between Chrome and other browsers.
     */

a:focus {
  outline: thin dotted;
}

/*
     * Improves readability when focused and also mouse hovered in all browsers.
     */

a:active,
a:hover {
  outline: 0;
}