/* ************************ inclusions *********************** */
@import url(tt_news_v2_styles.css);
@import url(dropline9.css);
@import url(typo3.css);

/* Page Framework
------------------------------------------------------------- */
body {
	background: url('../../images/gt/gfx/bg-page.png') repeat-x;
}
#wrapper {
	width: 900px;	
	margin: 36px auto 60px auto;
}      
#header {
	z-index: 40;
}

#logo {
	float: left;
}
#logo a {
	border: 0;
	background: 0;
}
#logo img {
	width: 300px;
	height: 69px;
}

#nav-top {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	font-size: 77%;
	color: #a4a4a4;
	padding: 20px 0;
}
#nav-top ul {
	float: left;
	width: auto;
 	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
}
#nav-top li {
	float: left;
	list-style: none;	
	margin: 0;
	padding: 1px 9px;
	border-right: 1px solid #ccc;  
/*	line-height: 1em;	*/
}
#nav-top a, #nav-top a:link, #nav-top a:visited {
	text-decoration: none;
	color: #a4a4a4;
	background: none;
	border: none;
	padding: 0;
}
#nav-top a:hover, #nav-top a:focus, #nav-top a:active { 
	color: #484848;
}

#nav-top li.last {
	border-right: none;
	}

#nav-main {
	clear: both;
	padding: 34px 0 0 0;
	position: relative; 
	font-size: 110%;
	z-index: 30;
}
#nav-main ul {	
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#nav-main li {
	float: left;
	list-style: none;
	margin: 0;
}
#nav-main li.last {
	float: right;
/*	background: #f0f;*/
	text-align: right;
}

#nav-main a, #nav-main a:link, #nav-main a:visited {	
	display: block;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #000;
	text-decoration: none;	
	height: 43px;
	border: 0;
	background: none;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align:text-bottom;
}

#nav-main #nav-211,#nav-main #nav-209 {
	background-image: url('../../images/gt/gfx/bg-nav-light.png');
	width: 139px;
	margin-right: 13px;
}

#nav-main #nav-210,#nav-main #nav-207{
	background-image: url('../../images/gt/gfx/bg-nav-medium.png');
	width: 139px;
	margin-right: 13px;
}

#nav-main #nav-208,#nav-main #nav-206{
	background-image: url('../../images/gt/gfx/bg-nav-dark.png');
	width: 139px;
	margin-right: 13px;
}

#nav-main #nav-206{
	margin-right: -3px;
}

/*#nav-main #nav-209 {
	background-image: url('../img/nav-prix.png');
	width: 85px;	
	margin-right: 12px;		
}
#nav-main #nav-208 {
	background: url('../img/nav-center.png') no-repeat;
	width: 115px;	
	margin-right: 12px;		
}
#nav-main #nav-207 {
	background: url('../img/nav-futurelab.png') no-repeat;
	width: 155px;	
	margin-right: 13px;			
}
#nav-main #nav-206 {
	background: url('../img/nav-international.png') no-repeat;
	width: 198px;
}*/

#nav-main .active #nav-211,
#nav-main .hover  #nav-211,
#nav-main .active #nav-210,
#nav-main .hover  #nav-210,
#nav-main .active #nav-209,
#nav-main .hover  #nav-209,
#nav-main .active #nav-208,
#nav-main .hover  #nav-208,
#nav-main .active #nav-207,
#nav-main .hover  #nav-207,
#nav-main .active #nav-206,
#nav-main .hover  #nav-206 {
	background-position: 0 -43px;
	color: #fff;
}

#nav-main .nav-sub {
	position: absolute;
	height: 45px;
	width: 100%;
	left: 0;
	padding: 0 !important;
/*	background: #d0cfcb;*/

/*	display: none;	*/
}
#nav-main .nav-sub ul {
	margin: 0;
	padding: 0;
}
#nav-main .nav-sub li {
	float: left;
	list-style: none;
}
#nav-main .nav-sub a, #nav-main .nav-sub a:link, #nav-main .nav-sub a:visited {
	font-family: Arial;
	font-weight: bold;
	font-size: 69%;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #222;
	text-decoration: none;	
	padding: 2px 28px 2px 28px;
	margin: 15px 0px 15px 0px;
	border-right: 1px solid #222;
	height: auto !important;
	border-bottom: 0;
	background-position: 50% -18px ;
	background-repeat: no-repeat;
/*	text-indent: -9000px;*/
	width: 90px !important;
/*	display: block;*/
}
#nav-main .nav-sub li.last a {
	border-right: 0;
}
#nav-main .nav-sub a:hover,
#nav-main .nav-sub li.active a { 	
	color: #fff;
	background-position: 50% 0px ;	
}

/* Sub-nav coloring -- 0:light, 1:medium, 2:dark */
#nav-main #nav-211-sub {
	background: #d0cfcb;
}
#nav-main #nav-210-sub {
	background: #b5b7b4;
}
#nav-main #nav-209-sub {
	background: #d0cfcb;
}
#nav-main #nav-208-sub {
	background: #8e908f;
}
#nav-main #nav-207-sub {
	background: #b5b7b4;
}
#nav-main #nav-206-sub {
	background: #8e908f;

}

/* Define rounded corners based on active tab */
#nav-main #nav-211-sub {
	-moz-border-radius: 0 1em 0 0;
	-webkit-border-radius: 0 1em 0 0;
	border-radius: 0 1em 0 0;
}
#nav-main #nav-210-sub,
#nav-main #nav-209-sub,
#nav-main #nav-208-sub,
#nav-main #nav-207-sub {
	-moz-border-radius: 1em 1em 0 0;
	-webkit-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
#nav-main #nav-206-sub {
	-moz-border-radius: 1em 0 0 0;
	-webkit-border-radius: 1em 0 0 0;
	border-radius: 1em 0 0 0;
}

/* If about (first) tab is active */
body#211 #nav-210-sub,
body#211 #nav-209-sub,
body#211 #nav-main #nav-208-sub,
body#211 #nav-main #nav-207-sub {
	-moz-border-radius: 0 1em 0 0;
	-webkit-border-radius: 0 1em 0 0;
	border-radius: 0 1em 0 0;
}
body#211 #nav-main #nav-206-sub {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* If international (right) tab is active */
body#206 #nav-211-sub {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
body#206 #nav-210-sub,
body#206 #nav-209-sub,
body#206 #nav-main #nav-208-sub,
body#206 #nav-main #nav-207-sub {
	-moz-border-radius: 1em 0 0 0;
	-webkit-border-radius: 1em 0 0 0;
	border-radius: 1em 0 0 0;
}

#banner {
	position: relative;
	width: 900px;
	height: 268px;
}
#banner .slideshow {
	width: 900px;
	height: 251px;
	overflow: hidden;
	background:url(../../images/gt/banners/b_theme_00.jpg) no-repeat;

}
/*#banner .slide {  ------------> see typo3.css #slider
	width: 900px;
	height: 251px;
}*/

#banner a {
	padding: 0;
	margin: 0;
	background: none;
}
#banner .mask {
	margin: 0 0 0 -15px;
	width: 930px;
	height: 266px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
/*	display: none;*/
}

#banner .mask img {}

#banner .vplayer {
	position: absolute;
	top:0px;
 	left: 226px; 
	text-align:center;
	background: #000;
	z-index: 10;
}
#banner .vplayer900 {
	position: absolute;
	top:0px;
	/* left: 226px; */
	text-align:center;
	background: #000;
	z-index: 10;
}
/*#banner .prev, #banner .next {
	position: absolute;
	top: 43.5%;
	display: block;
	height: 23px;
	width: 20px;
	background-image: url('../../images/gt/gfx/icon-banner-nav-arrow.png');
	background-repeat: no-repeat;
	text-indent: -9000px;
	border: 0;
	z-index: 25;
	cursor: pointer;
}
#banner .prev {
	left: 2%;
}
#banner .next {
	right: 2%;
	background-position: 100% 0;
}*/
#banner .hit {
	position: absolute;
	top: 45px;
	left: 0;
	display: block;
	width: 900px;
	height: 206px;
	border: 0;
	z-index: 25;
}

#breadcrumb {
	font-size: 77%;
	padding: 6px 0 12px 0;
}
#breadcrumb, #breadcrumb a {
	color: #a4a4a4;
	text-decoration: none;
	border: 0;
	background: 0;
}
#breadcrumb a {
	margin: 0 2px;
}

#footer {
	clear: both;
	margin-top: 50px;
	padding: 33px 25px;
	font-size: 77%;
	color: #a4a4a4;
	background: #ebebeb;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #a4a4a4;
	background: none !important;
}
#footer .contact-details {
	float: left;
}
#footer .credit {
	float: right;
}


/* Grid
------------------------------------------------------------- */
.section {margin-bottom: 5px;padding-bottom: 5px;}
.column {float: left;margin-right: 20px;width: 290px;}
.column.last {margin-right: 0;}
.section.one-column .column {width: 895px;}
.section.two-columns .column {width: 575px;float: left;}
.section.three-columns .column {width: 275px;margin-top: -10px;float:left;}
.section.two-columns .first {width: 590px;}

.block.two-columns .column {
	width: 285px;
}

.section.two-columns-flip .first {
	width: 285px;
}
.section.two-columns-flip .last {
	width: 590px;
}

.block {
	margin-bottom: 20px;	
}
.block .header {
	position: relative;
}
.block .footer {
	border-top: 2px solid #d6d6d6;
	text-align: right;
	margin-top: 1.5em;
}

#footer ul { 
	float: left; 
	width: 33%;
}

#footer ul#w3c { 
	float: right;
	text-align: right; 
}
#footer ul#functions { 
	text-align: center; 
}
#footer ul li {
	list-style: none;
	display: inline;
	padding: 0 5px;
}
	
/* Style/Layout Guide
------------------------------------------------------------- */
#color-guide div {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	font-weight: bold;
	padding: 5px;
	font-family: monospace;
	color: #000;
}
#c-f5f5f5 {
	background: #f5f5f5;
}
#c-ebebeb {
	background: #ebebeb;
}
#c-d6d6d6 {
	background: #d6d6d6;
}
#c-a4a4a4 {
	background: #a4a4a4;
}
#c-484848 {
	background: #484848;
}
#c-222222 {
	background: #222222;
}

.section.guide {
	background: #c2ebff;
}
.column.guide {
	background: #fcb7b7;	
}
.block.guide {
	background: #f7f799;
}