@charset "utf-8";
/* CSS Document */

html 	{	overflow:hidden;	}

body {
	overflow: hidden;
	background-color:#EFEFEF;
	font-family:Georgia, Tohama, Times, serif;
	text-align:center;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.boxWrapper {
	position:absolute;
	width:800px;
	min-height:400px;
	top:50%;
	left:50%;
	margin-top: -200px; 
	margin-left: -400px; 
	background-color:#1f1f1f;
	text-align:left;
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-box-shadow:0 0 75px #000;
}

.boxGG {
	position:absolute;
	margin-top:-84px;
	right:0;
}

.boxLogo {
	position:absolute;
	margin-top:-84px;
	left:0;
	padding:10px 15px;
	width:370px;
	background-color:#1f1f1f;
}

.boxLogo .navigation {
	position:absolute;
	top:0;
	right:-78px;
	width:85px;
	padding:0;
	margin:0;
}

.boxLogo .navigation a				{	padding:8px 7px 9px; display:block; font-size:12px; text-decoration:none;	}
.boxLogo .navigation a span 		{	padding:8px 7px 9px; min-height:20px; background-color:#494949; }
.boxLogo .navigation a.active span 	{	background-color:#0066CC;		}
.boxLogo .navigation a:hover span	{	border-right:3px solid #1f1f1f; }

.boxImg {
	width:400px;
	height:400px;
	overflow:hidden;
	float:left;
	background-color:#FFFFFF;
}

.boxImg .infoPanel {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:15px;
	background:#1f1f1f;
	opacity:0.9;
	Filter:alpha(Opacity=90%);
}

.boxImg ul{
	position:absolute;
	top:0;
	margin-top:10px;
	left:-181px;
	list-style-type:none;
}
.boxImg ul li {
	text-align:center;
	text-align:right;
	margin-bottom:5px;
}
.boxImg ul li span			{	padding:5px; background-color:#1f1f1f; border-right:1px solid #FFFFFF;	}
.boxImg ul li.active span	{	background-color:#FFFFFF;	}
.boxImg ul li.active a 		{	color:#1f1f1f;				}
.boxImg ul li a 			{	text-decoration:none;		}
.boxImg ul li a:hover 		{	color:#1f1f1f;				}
.boxImg ul li a:hover span	{	background-color:#FFFFFF;	}

.boxImg .boxPayoff 		{	position:absolute; width:300px; top:160px; left:50px;	}
.boxImg .boxPayoff p	{	color:#000000; font-size:19px; line-height:23px;	}
.boxImg .boxPayoff .note{	margin-top:15px; line-height:12px; font-size:11px; color:#808080;	}

.boxContent {
	padding:25px;
	width:350px;
	overflow:hidden;
	float:left;
}

.boxContent .bottom {
	position:absolute;
	bottom:25px;
	margin-bottom:0;
}
.boxContent p 			{	margin-bottom:8px;					}
.boxContent p.quote		{	font-style:italic; padding:0 10px;	}
.boxContent p.quote	em	{	display:block; font-style:normal;	}
.boxContent ul 			{	margin:0 0 0 20px; padding:0; list-style-type:circle;	}

.boxContent p, .boxContent li {		font-family:Tahoma, Geneva, sans-serif;		}

.boxFooter{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:15px;
	background-color:#1f1f1f;
	font-size:12px;
}

.navPrev, .navNext {
	position:absolute;
	bottom:-27px;
	color:#1f1f1f;
	padding:6px 7px;
	background-color:#FFFFFF;
}
.navPrev {
	left:0;
}
.navPrev a {	
	background:url(../media/ic-prev.gif) no-repeat left;
	padding-left:20px;
	color:#1f1f1f;	
	font-size:12px;
}
.navNext {
	right:0;
	background-color:#1f1f1f;
	color:#FFFFFF;
}
.navNext a {
	background:url(../media/ic-next.gif) no-repeat right;
	padding-right:20px;
	font-size:12px;
}


h1 		{	font-weight:normal; font-size:20px;	margin:0; padding:0;	}
h2 		{	font-weight:normal; font-size:22px; margin:0; padding:0;	}
h3		{	font-weight:normal; font-size:16px;	margin:0 0 20px 0; padding:0;	}
h4		{	font-weight:bold; font-size:12px;	margin:0 0 5px 0; padding:0;	}
p,li	{	font-size:12px; line-height:20px; margin:0; padding:0;		}
a		{	color:#FFFFFF; outline:none;			}

a:hover		{	text-decoration:none;	}
a.external 	{
	background:url(../media/ic-external.gif) no-repeat right 2px  ;
	padding-right:28px;
}

.txtBleu	{	color:#0099FF;	}
.txtGreen	{	color:#66CC00;	}

@media handheld {
	.bgImg 		{	display:none; visibility:hidden;	}
	.boxImg ul	{	display:none; visibility:hidden;	}
}