@font-face {
    font-family: 'daxcondensedregular';
    src: url('../files/DaxCondensed/daxcondensed-webfont.eot');
    src: url('../files/DaxCondensed/daxcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../files/DaxCondensed/daxcondensed-webfont.woff') format('woff'),
         url('../files/DaxCondensed/daxcondensed-webfont.ttf') format('truetype'),
         url('../files/DaxCondensed/daxcondensed-webfont.svg#daxcondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

header, aside, footer, section, article{ display:block;}

* {
	margin: 0;
	padding:0;
	outline:none;
}

html, body {
	height:100%;
	width:100%;
}

html[xmlns^="http"] {
 overflow-y: scroll;
}

body {
 	font:12px/17px Arial, Helvetica, sans-serif;
	color:#8e8f91;
	background:url(../images/bg-body.gif) 0 0 repeat-x;
}

/* ----------------------------------> Global classes <-----------------------------*/
a {
	color:#4e6892;
}

a:hover {
	text-decoration:none;
}

a.more{
	padding:4px 5px;
	background:#b5b5b5;
	color:#fff;
	text-decoration:none;	
}

address{
	font-style:normal;
}

img {
	border:none;
}

ul{
	list-style-type:none;
}

.highlight {
	font-style:italic;
}

.image {
}

.floatRight {
	float:right;
	margin:0 0 10px 10px;
}

.floatLeft {
	float:left;
	margin:0 10px 10px 0;
}

.clear {
	float:none;
	clear:both;
}

#bgGray{
	width:100%;
	height:324px;
	border-bottom:solid 1px #f9f9f9;
	position:absolute;
	left:0px;
	top:85px;
	z-index:1;	
}

#bgGray div{
	width:50%;
	height:324px;
	background:#f9f9fa;	
}

/* ----------------------------------> Container <-----------------------------------*/
#container {
	width: 976px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	position:relative;
	z-index:2;
	margin:0 auto -161px;
}

/* ----------------------------------> Header <--------------------------------------*/

header {
	height:430px;
	background:url(../images/bg-header.png) 0 0 no-repeat;
	position:relative;
}

#branding a {
	position:absolute;
	left:20px;
	top:20px;
}


/* ----------------------------------> Navi <----------------------------------------*/
#navi {
	list-style-type:none;
	position:absolute;
	left:200px;
	top:0px;
	z-index:10;
}

#navi li {
	float:left;
	background:url(../images/bg-navi-li.jpg) 0 0 no-repeat;
	position:relative;
}

#navi li:first-child{
	background:none;	
}

#navi li a {
	float:left;
	font:20px/normal 'daxcondensedregular';
	padding:20px 18px 24px;
	color:#fff;
	min-height:40px;
	text-decoration:none;
	text-transform:uppercase;
}

#navi li a.single {
	padding:30px 18px 14px;
}

#navi li a span{
	font-size:16px;
	display:block;	
}

#navi li a.sub{
	background:url(../images/bg-navi-a.png) center 63px no-repeat;	
}

#navi li:hover a{
	color:#6ec3dc;	
	background-position:center -10px;
}

#navi li:hover a.sub{
	padding:20px 18px 34px;
}

#navi li.active a{
	color:#6ec3dc;	
}

#navi li:hover a span, #navi li.active a span{
	color:#fff;	
}

#navi li ul{
	width:151px;
	padding:10px 0px 10px 15px;
	background:#2d72a6;
	border:none;
	position:absolute;
	left:-1px;
	top:90px;
	display:none;
}

#navi li:hover ul{
	display:block;	
}

#navi li ul li{
	padding:0px;
	background:none;	
	width:100%;
}

#navi li ul li a, #navi li:hover ul li a{
	font:11px/17px Arial, Helvetica, sans-serif;	
	padding:0 0 0 8px;
	color:#fff;
	min-height:2px;
	text-transform:none;
	background:url(../images/bg-sitemap-a.png) 0 6px no-repeat;
}

#navi li:hover ul li a:hover, #navi li ul li.active a{
	color:#000 !important;	
}

/* ----------------> cycle <------------- */

#cycle{
	width:330px;
	height:275px;
	overflow:hidden;
	position:absolute;	
	left:20px;
	top:120px;
	z-index:9;
}

#cycle .cycleBox{
	width:330px;
	height:250px;
	float:left;	
	background:none !important;
}

#cycle .cycleBox h3{
	font:20px/normal 'daxcondensedregular';
	color:#808283;
	margin:0 0 10px 0;
}

#cycle .cycleBox p{
	margin:0 0 17px 0;	
}

#cycle #pager{
	position:absolute;
	left:150px;
	bottom:10px;	
}

#cycle #pager a{
	width:12px;
	height:12px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../images/bg-slider-dot.gif) 0 0 no-repeat;
	float:left;
	margin:0 5px 0 0;	
}

#cycle #pager a.activeSlide{
	background-position:right top;	
}

/* --------------> graph <-----------------*/ 

#graph{
	width:501px;
	height:306px;
	position:absolute;
	right:0px;
	top:105px;
	z-index:9;	
}

.graph_line, .graph_columns{
	display:none;	
}
.graph_line{
	background:url(../images/graph_line.jpg) 0 0 no-repeat;
	width:100%;
	height:100%;
}

.graph_line>div{
	display:none;	
}

.graph_line .box{
	width:26px;
	height:18px;
	padding:0 0 0 22px;
	color:#fff;
	background:#fe9e01 url(../images/bg-graph-line-count.png) 5px 2px no-repeat;
	font:17px/normal 'daxcondensedregular';	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:relative;
	z-index:1;
}

.graph_line p{
	font:11px/normal 'daxcondensedregular';	
	padding:0 0 0 5px;
}

.graph_line h3{
	font:13px/normal 'daxcondensedregular';	
	text-align:center;
	position:absolute;
	bottom:5px;
	left:100px;
}

.graph_line .lines{
	width:100px;
	height:100%;
	background:url(../images/bg-lines.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;	
}

.graph_line .January{position:absolute; left:20px; top:20px; z-index:4;}
.graph_line .February{position:absolute; left:45px; top:130px; z-index:4;}
.graph_line .March{position:absolute; left:190px; top:90px; z-index:4;}
.graph_line .April{position:absolute; left:255px; top:220px; z-index:4;}
.graph_line .May{position:absolute; left:390px; top:50px; z-index:4;}

.graph_columns{
	width:100%;
	height:100%;
	background:url(../images/graph/columns/graph_columns.jpg) 0 0 no-repeat;	
}

.graph_columns .columsBox{
	width:30px;
	height:7px;
	position:absolute;
}

.graph_columns .column{
	width:30px;
	height:12px;
	background:url(../images/graph/columns/bg-columns_2.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;	
	overflow:visible !important;
	z-index:2;
}

.graph_columns .frame{
	width:31px;
	height:9px;
	background:url(../images/graph/columns/bg-frames.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;	
}

.graph_columns .shadow{
	width:95px;
	height:40px;
	background:url(../images/graph/columns/bg-shadow.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:-36px;
	z-index:1;	
	display:none;
}

.graph_columns .column .percents{
	width:30px;
	height:18px;
	padding:0 3px;
	color:#fff;
	background:#9ca5a4;
	font:15px/normal 'daxcondensedregular';	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:absolute;
	left:33px;
	top:-15px;
	z-index:2;	
}

.graph_columns .column .percents p{
	color:#8e8f91;	
	font-size:11px;
}



.graph_columns h3{
	font:13px/normal 'daxcondensedregular';	
	text-align:center;
	position:absolute;
	bottom:5px;
	left:100px;
}
.green{left:141px; top:150px;}
.yellow{left:188px; top:180px;}
.yellow .frame{background-position:-46px -29px;}
.yellow .column{background-position:-43px 0px;}
.orange{left:234px; top:207px;}
.orange .frame{background-position:-92px -57px;}
.orange .column{background-position:-86px 0px;}
.red{left:279px; top:230px;}
.red .frame{background-position:-137px -80px;}
.red .column{background-position:-137px 0px;}


.graph_countries{
	width:100%;
	height:100%;
	background:url(../images/graph/countries/bg-graph.jpg) 0 0 no-repeat;	
	font:13px/normal 'daxcondensedregular';	
	display:none;
}

.graph_countries strong{
	font-weight:normal;
	display:none;	
}

#Italy, #UK, #Russia, #Japan, #France, #Germany, #Spain, #USA{ position:absolute; left:50%; top:50%; z-index:1}
#France{ z-index:2;}
#France strong{position:relative; top:-60px; left:-20px}
#Spain strong{position:relative; top:-20px;}
#Japan strong{position:relative; top:-20px;}


.graph_countries h3{
	font:13px/normal 'daxcondensedregular';
	color:#808283;
	position:absolute;
	left:163px;
	bottom:5px;
	text-align:center;
}

/* ----------------------------------> Content Main <--------------------------------*/
section {
	width:646px;
	padding:0 30px 0 20px;
	float:left;
}

section.wide{
	padding:0 0 0 20px;
	width:auto;
}

section h2{
	background:none;
	padding:0px;
	margin:0 0 20px 0;	
	font:25px/normal 'daxcondensedregular';
	color:#6284bb;
}

section h2 strong{
	background:url(../images/bg-separator.gif) left bottom repeat-x;
	padding:0 10px 5px 0;
	font-weight:normal;
}

section h3 {
	font:20px/normal 'daxcondensedregular';
	color:#246799;
	background:url(../images/bg-separator.gif) left bottom repeat-x;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}


section h3.icons {
	font:20px/normal 'daxcondensedregular';
	color:#6284bb;
	margin:0 0 15px 0;
	background:none;
}

section h3.icons img{
	position:relative;
	top:10px;	
}

section h4{
	font:17px/normal 'daxcondensedregular';
	color:#6284bb;
	font-weight:normal;
	margin:0 0 10px 0;
	font-weight:normal;
}

section p {
	margin:0 0 17px 0;
}

section ul.list {
	margin:0 0 17px 0;
	overflow:hidden;
}

section ul.list li{
	background:url(../images/bg-list.png) 0 9px no-repeat;
	padding:5px 0 5px 21px;
	margin:0 10px 10px 10px;
	border-bottom:dashed 1px #ccc;
} 

section ul.list.second li{
	background:url(../images/bg-list2.png) 0 9px no-repeat;
	border:none;
	margin:0 0 0 10px;
}

section ul.list.half li{
	width:230px;
	margin:0 40px 0 0;
	float:left;	
}

section ul.list li strong.high{
	font:15px/normal 'daxcondensedregular';
	color:#6284bb;
	font-weight:normal;
}

section .contentColumn {
	width:297px;
	padding:0 31px 0 0;
 	float:left;
}

section .contentColumn.last{
	padding:0px;	
}

section ul.bubbles{
	width:450px;
	height:400px;
	margin:0 0 0 60px;
	position:relative;	
	background:url(../images/bg-bubbles.png) 100px 100px no-repeat;
}

section ul.bubbles li{
	width:100px;
	height:100px;	
	color:#fff;
	font:15px/normal 'daxcondensedregular';	
	text-align:center;
	position:absolute;
	overflow:hidden;
}

section ul.bubbles li.first{
	left:50%;
	margin:0 0 0 -50px;
}

section ul.bubbles li.second{
	right:0px;
	top:140px;	
}

section ul.bubbles li.third{
	left:50%;
	margin:0 0 0 -50px;
	bottom:0px;
}

section ul.bubbles li.fourth{
	left:0px;
	top:140px;	
}

section ul.bubbles li a{
	color:#fff;
	text-decoration:none;	
	background:#597eb8;
	height:70px;	
	padding:30px 0 0 0;
	display:block;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	border-radius: 400px;
}

section ul.bubbles li.second a{
	height:75px;	
	padding:25px 0 0 0;
}

section ul.bubbles li a:hover{
	background:#169dc4;	
}

section ul.bubbles li div{ display:none;}

/* -------------------------> Sidebar <------------------------- */
aside{
	width:280px;
	float:right;	
}

aside h3 {
	font:20px/normal 'daxcondensedregular';
	color:#4e6892;
	background:url(../images/bg-separator.gif) left bottom repeat-x;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

aside p {
	margin:0 0 17px 0;
}

aside article{
	margin:0 0 50px 0;	
}


#push {
	height:180px;
	clear:both;
	float:none;
}

/* ----------------------------------> Footer <--------------------------------------*/
footer {
	background:url(../images/bg-footer.jpg) center top repeat-x;
	width:100%;
	height:161px;
	overflow:hidden;
	border-top:solid 1px #cecfd0;
	color:#fff;
	position:relative;
	z-index:3;
	font-size:11px;
}

#innerFooter{
	width:966px;
	margin:0 auto;
	position:relative;
	height:146px;
	padding:15px 10px 0 0;	
	background:url(../images/bg-footer-inner.jpg) 0 0 repeat-x;
}

#innerFooter p{
	float:right;	
}

#innerFooter .addInfo{
	position: absolute;
	right:8px;
	bottom:5px;
	color:#333;
}

#innerFooter img{
	position:absolute;
	right:10px;
	top:40px;	
}

#innerFooter a{
	color:#fff;
	text-decoration:none;	
}

#innerFooter h3 {
	font:21px/normal 'daxcondensedregular';
	color:#fff;
	margin:0 0 10px 0;
}

#sitemap ul.first{
	float:left;	
	width:200px;
	padding:0 0 0 20px;
}

#sitemap ul.second{
	float:left;	
	width:350px;
}

#sitemap ul.third{
	float:left;	
	width:200px;
}

#sitemap ul li{
	width:100%;
	float:left;	
}

#sitemap ul li a{
	background:url(../images/bg-sitemap-a.png) 0 4px no-repeat;
	padding:0 0 0 10px;	
}

#sitemap ul li a:hover, #sitemap ul li.active a{
	text-decoration:underline;	
}

#sitemap ul li ul{
	width:330px;
	margin:0 0 0 10px;	
}

#sitemap ul li ul li{
	width:50%;	
}

#sitemap ul li ul li a{
	background-position:0 -50px;
	padding:0 0 0 5px;	
	text-decoration:none !important;
}

#sitemap ul li ul li a:hover, #sitemap ul li ul li.active a{
	text-decoration:underline !important;
}