@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(http://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: #ccc;
}
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 {
	
	margin: 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;
	cursor: pointer;
}
a:active {
	/**/background-color:#000;
	color: #eee;
}



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



#backgroundDiv1	 {
	/**/
	position: absolute;
	width: 100%;
	height: 100%;
	/* height: 400px; */
	overflow: hidden;
}

#gridContainer {
	position: absolute;
	/*width: 96.7391%;
	margin-left: auto;
	margin-right: auto;*/
	width: 100%;
}

#contentDiv {
	width: 99%;
	/* margin-left: auto;
	margin-right: auto; */
}


#LayoutDiv1	 {
	width: 100%;
	text-align: center;
	margin: 0,auto,0,auto;
	padding: 0,auto,0,auto;
}

#LayoutDiv1	h1 {
	font-size: 2.8em;
	color: rgb(196, 196, 196);
}
#LayoutDiv1	p {
	font-size: 2.8em;
	color: #eee;
}
#LayoutDiv1	p#typedHighlights {
	font-size: 1.62em;
	color: rgb(255, 212, 212);
	height: 44px;
	/* background-color: #000; */
	width: auto;
}

a {
	font-size: 2.2em;
	padding: 0,20px,0,20px;
	margin: 0,20px,0,20px;
}
#colorfulDiv {
	background-color: #c00;
	display: inline;
	font-size: 2.2em;
	margin: 0 10px;
}



#languages {
	position: fixed;
	top: 0px;
	left: 104px;
}

#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) {
	
}

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




}



/* 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) {
	
}



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











@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;
}