/*
	Halcyonic 3.1 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Basic */

	body
	{
		/*min-width: 1200px;*/
		background-color:#F6F6F6;
	}

	section:last-child
	{
		margin-bottom: 0 !important;
	}

/* Wrappers */

	#header-wrapper
	{
		background: #000000;
	}

	.subpage #header-wrapper
	{
		height: 60px;
	}
	
	#features-wrapper
	{

	}
	
	#content-wrapper
	{

	}
	
	#footer-wrapper
	{
		padding: 45px 0 45px 0;
		margin-top: 30px;
		background-color:#457ce3;
		border-top: solid 1px #0039aa;
		border-bottom: solid 1px #0039aa;
		color:#ffffff;
	}

/* Header */

	#header
	{
		min-height: 70px;
		position: relative;
	}
	
		#header nav
		{
			position: absolute;
			left: 330px;
			bottom: 1px;
			font-weight: 200;
		}
	
			#header nav a
			{
				color: #ffffff;
				text-decoration: none;
				font-size: 0.7em;
				font-weight: bold;
				outline: 0;
				font-family: 'Tahoma', sans-serif;
			}

			#header nav a:hover
			{
				color: #ffffff;
			}
			
			#header #button 
			{
				float:left;
				padding-left:20px;
				padding-right:20px;
				height:50px;
				text-align: center;
			}
			
			#header #button.tests:hover
			{
				background-color: #E73216;
			}
			#header #button.videos:hover
			{
				background-color: #127490;
			}
			#header #button.dossiers:hover
			{
				background-color: #791399;
			}
			#header #button.news:hover
			{
				background-color: #10AB3F;
			}
			#header #button.connect:hover
			{
				background-color: #ffffff;
			}
			#header #button.vrapps
			{
				color:#80c0ff;
			}
			#header #button.vrapps:hover
			{
				background-color: #80c0ff;
				color:white;
			}
			#header #button.arcade
			{
				color:yellow;
			}
			#header #button.arcade:hover
			{
				background-color:yellow;
				color:white;
			}
			#header #button.boutique
			{
				color:red;
			}
			#header #button.boutique:hover
			{
				background-color: red;
				color:white;
			}
		
		#header #divbuttons
		{
			position: absolute;
			right: 0;
			bottom: 1px;
			font-weight: 1;
		}
		
		#header #divbuttons2
		{
			position: absolute;
			right: 60px;
			bottom: 1px;
			font-weight: 1;
		}
		
/* Follow */

	#follow
	{
		height: 40px;
		background-color:#457ce3;
		border-top: solid 1px #0039aa;
		border-bottom: solid 1px #0039aa;
		color:#ffffff;

	}
		#follow #left
		{
			float:left;
		}
		
		#follow #left a
		{
			color:#ffffff;
			font-weight:bold;
			text-decoration: none;
		}
		
		#follow #left a:hover
		{
			text-decoration: underline;
		}
		
		#follow #right
		{
			float:right;
			position:relative;
			bottom:13px;
		}


/* Banner */
	
	#banner
	{
		background-color:#F6F6F6;
		color: #000;
	}
		#banner #right
		{
			background-color:#EEEEEE;
			padding: 35px 0 0 0;
			color: #fff;
		}

		#banner .bordered-feature-image
		{
			margin-bottom: 0;
		}
		
		#banner #highlightback
		{
			background-color:#0039aa;
			width:400px;
			height:300px;
			border: solid 1px #cccccc;
			margin-top:20px;
			margin-bottom:20px;
		}
		
		#banner #highlighttextback
		{
			background-color:#0039aa;
			width:400px;
			height:100px;
		}
		
		#banner #highlighttext
		{
			width:100%;
			height:100%;
			border-bottom: solid 1px #cccccc;
			border-top: solid 1px #cccccc;
			background-color:#F6F6F6;
		}
		
		#banner #highlighttext:hover
		{
			opacity:0.8;
		}
		
		#banner #highlight
		{
			width:100%;
			height:100%;
		}

		#banner #highlight:hover
		{
			opacity:0.8;
		}

		#banner p
		{	
			font-size: 2em;
			font-weight: 200;
			line-height: 1.25em;
			padding-right: 1em;
			margin: 0 0 1em 0;
		}
		
/* Content */
	
	#content
	{
		background-color:#F6F6F6;
		color: #000;
	}
		#content #right
		{
			background-color:#EEEEEE;
			color: #fff;
		}

		#content .bordered-feature-image
		{
			margin-bottom: 0;
		}
		
		#content #thumbnewsback
		{
			background-color:#0039aa;
		}
		
		#content #thumbnews
		{
			height:150px;
			border-bottom: solid 1px #cccccc;
			background-color:#ffffff;
		}
		
		#content #thumbnews:hover
		{
			opacity:0.8;
		}
		

		#content p
		{	
			font-size: 2em;
			font-weight: 200;
			line-height: 1.25em;
			padding-right: 1em;
			margin: 0 0 1em 0;
		}

		#content #headline 
		{
			float:left;
			height:25px;
			width:826px;
			background-color:#9F9D9D;
		}
		
		#content #headline #title
		{
			position:relative;
			float:left;
			background-color:#FFFFFF;
			margin-left:20px;
			border-right: solid 1px #cccccc;
			border-left: solid 1px #cccccc;
			border-top: solid 1px #cccccc;
			padding-left:10px;
			padding-right:10px;
			font-size:1.2em;
			bottom:9px;
		}
		
		#content #page
		{
			float:left;
			width:824px;
			background-color:#FFFFFF;
			border-left: solid 1px #cccccc;
			border-right: solid 1px #cccccc;
		}
		
		#content #comtextback
		{
			background-color:#7c0000;
			height:80px;
			width:90%
		}
		
		#content #comtext
		{
			width:100%;
			height:100%;
			border-bottom: solid 1px #cccccc;
			border-top: solid 1px #cccccc;
			background-color:#F6F6F6;
		}
		
		#content #comtext:hover
		{
			opacity:0.8;
		}

	/* Footer */

	#footer 
	{
		
	}
	
		#footer h2
		{
			font-size:2em;
		}
		
		#footer a
		{
			color:white;
		}
		
		#footer a:hover
		{
			font-weight:bold;
			text-decoration:none;
		}
		
		#footer ul
		{
			margin-top:10px;
		}