body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 19px;
	color: #333;
}

h2, h3 {
	font-size: 26px;
    color: #fff;
}

h4 { margin: 10px; }

h9 {
	font-size: 14px;
	color: #555;
}

ref_date {
	font-size: 12px;
	color: #888;
}

.container h2 {
	padding: 0px 10px 8px 15px;
    background-image: url("news_title.png");
	height: 35px;
}

.container_references_inner h2 {
	padding-bottom: 5px;
	text-align: center;
    background-image: url("references_title.png");
	height: 35px;
	margin-bottom: 0px;
	color: #fff;
}

.container2 h3 {
	color: #333;
	margin-bottom: -5px;
	margin-left: 10px;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin: 10px 0;
}

a { text-decoration: none; color: #429e80; }
a:hover {color: #328e70; }

.container p, .containter_about p
{
	padding-left: 40px;
	padding-right: 40px;
}

.container ul
{
	margin-top: 15px;
	margin-left: 40px;
}

.container p img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.header {
	background-color: #6eb29b;
	background-image: url(header_bg.png);
	background-repeat: repeat-x;
	height: 270px;
	text-align: center;
}

.container_header
{
	background-image: url(header.png);
	background-repeat: no-repeat;
    width: 1060px;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
}

.container, .container_about {
	clear: both;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	background-color: #f3f3f3;
}

.container_references_left, .container_references_right {
	float: left;
	clear: none;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	background-color: white;
}

.container_references_right { width: 450px; }
.container_references_left { width: 470px; }

.container_references_inner {
	width: 450px;
	height: 272px;
	float: left;
	clear: none;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

p.date {
    font-size: 12px;
    margin-top: -37px;
	padding-left: 15px;
	color: #9adbca;
}

.references_content {
	background-color: #f3f3f3;
}

.references_content p {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.references_filter {
	clear: both;
	max-width: 920px;
	height: 60px;
	margin-top: 22px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f3f3f3;
	background-image: url(news_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border-radius: 8px;
}

.references_filter ul{
	position:relative;
	list-style: none;
}

.references_filter ul li {
	border-left: 2px solid #b3b3b3;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

.references_filter ul li:first-child { border-left: 0 }

.filter_name {
	padding: 15px;
	float: left;
	position: relative;
	font-weight: bold;
}
.filter_list {
	float: right;
	position:relative;
    bottom: 5px;
}

.references_image {
	margin-top: -17px;
}

.iframe_video {
	text-align: center;
	height: 500px;
}

.iframe_video iframe {
	width: 800px;
	height: 450px;
}

.references_img_big {
	text-align: center;
	padding: 60;
	padding-top: 0;
}

.container_about { background-color: white; }
.container_about h2 { color: #333; }

.post_footer, .container_footer
{
	background-image: url(news_bottom.png);
	background-repeat: no-repeat;
	background-color: white;
	height: 31px;
	margin-top: -20px;
}

.container_footer { background-image: url(references_bottom.png);}

.post_footer a, .container_footer a
{
	background: url(news_bottom_btn.png);
	background-color: #fff ;
	text-align: center;
	float: right;
	width: 141px;
	height: 28px;
	padding-top: 3px;
	
}

.post_footer a:hover, .container_footer a:hover {
	background: url(news_bottom_btn_over.png);
	background-color: #fff;
	color: white;
}

.container2 {
	width: 860px;
	background-color: #f3f3f3;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 14px;
	text-align: justify;
}

.container2 p {
	padding-left: 10px;
	padding-right: 10px;
}

.container2 ul {
	padding-left: 40px;
	padding-right: 10px;
}

.disclaimer h3 {
	color: #333;
}

.flyer {
	background-image: url(../content/avatar/avatar_big_precise.png);
	padding-right: 520px;
	height: 389px;
}

.flyer-elitac {
	background-image: url(../content/tactile-sdk/elitac.png);
	padding-right: 520px;
	height: 389px;
}

.flyer-prochart {
	background-image: url(../content/prochart/prochart_big_precise.png);
	padding-right: 520px;
	height: 389px;
	color: #a7a7a7;
}

.flyer-prochart h3 { color: #a7a7a7; }

.flyer-proroad {
	background-image: url(../content/proroad/large.png);
	padding-right: 520px;
	height: 389px;
	color: #a7a7a7;
}

.flyer-proroad h3 { color: #a7a7a7; }

.flyer-guido {
	padding-right: 520px;
	height: 389px;
}
.flyer-guido_blueelegant	{ background-image: url(../content/guido_blueelegant/guido_blueelegant_big_precise.png); color: #85dcfd; }
.flyer-guido_blueelegant h3	{ color: #85dcfd; }
.flyer-guido_flat			{ background-image: url(../content/guido_flat/big.png); color: #97ebed; }
.flyer-guido_flat h3		{ color: #97ebed; }
.flyer-guido_mrblack		{ background-image: url(../content/guido_mrblack/big.png); color: #a6a6a6; }
.flyer-guido_mrblack h3		{ color: #a6a6a6; }



.flyer a { color: #333; }
.flyer a:hover { color: #444; }

.screenshots { text-align: center; }

.thumb { padding: 2px; }

.buttons
{
	height: 50px;
	padding-top: 17px;
	padding-left: 390px;
}

.button
{
	font-size: 19px;
	float: left;
	text-align: center;
	margin-top: 10px;
	display: block;
}

.button			a { color: #4e9e81; text-decoration: none; padding: 14px 30px 14px 30px; transition: background-color 1s, color 1s; }
.button:hover	a { color: #fff; background-color: #4e9e81; transition: background-color .2s, color .2s; }

.welcome {
	text-align: center;
	font-size: 48px;
	line-height: 80px;
}

.bio {
	color: #429e80;
}

.mail {
	text-align: center;
	width: 920px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
}

.mail a { text-decoration: none; color: black; }

.mail > img {
	position:relative;
	top:0px;
	display:block;
	left:380px;
}

.copyright {
	font-size: 12px;
	text-align: center;
	width: 920px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: white;
}

.copyright2 {
	clear: both;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: center;
	width: 920px;
	padding-top: 10px;
	padding-bottom: 5px;
	position: relative;
	background-color: white;
}

.youtube {
	margin: 0px auto;
	text-align: center;
	margin-bottom: 15px;
}

/* unityPlayer */
div.broken, div.missing {
	margin: auto;
	position: relative;
	top: 50%;
	width: 193px;
}
div.broken a, div.missing a {
	height: 63px;
	position: relative;
	top: -31px;
}
div.broken img, div.missing img { border-width: 0px; }
div.broken { display: none; }

div#unityPlayer {
	cursor: default;
	width: 860px;
	height: 600px;
}

div#unityPlayerProchart {
	cursor: default;
	width: 860px;
	height: 700px;
}

div#unityPlayerGuidoBlueElegant {
	cursor: default;
	width: 860px;
	height: 700px;
}

.social
{
	text-align: center;
	background-color: white;
	height: 60px;
	clear: both;
}

.social span { display: none; }
.social a 
{
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	margin-top: 8px;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 20px;
}

.icons
{
	width: 260px;
	height: 45px;
	display: block;
	margin: auto;
}

.soc_twitter		{ background: transparent url(icons_social.png) no-repeat scroll 0px 0px; }
.soc_twitter:hover	{ background: transparent url(icons_social.png) no-repeat scroll -45px 0px; }
.soc_facebook		{ background: transparent url(icons_social.png) no-repeat scroll -90px 0px; }
.soc_facebook:hover	{ background: transparent url(icons_social.png) no-repeat scroll -135px 0px; }
.soc_youtube		{ background: transparent url(icons_social.png) no-repeat scroll -180px 0px; }
.soc_youtube:hover	{ background: transparent url(icons_social.png) no-repeat scroll -225px 0px; }

.divider
{
	clear: both;
}

/* motto */
blockquote:before {
    color: #ccc;
    content: "“";
    font-family: Georgia,serif;
    font-size: 50px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 15px;
}
blockquote:after {
    color: #ccc;
    content: "”";
    font-family: Georgia,serif;
    font-size: 50px;
    font-weight: bold;
    left: 570px;
    position: absolute;
    top: 15px;
}
blockquote {
    color: #999;
    display: block;
    font-family: Georgia,serif;
    font-size: 32px;
    font-style: italic;
    margin: 0;
    padding: 25px 20px 15px 45px;
    position: relative;
}