html{
	background:url('img/xtile-the-company.png') repeat #eeefef;
}



#timeline div.navigation{
    background: url('img/timeline_bg.jpg') repeat;
    border-top:none;
}

/* Creating the 3D effect for the timeline navigation */

#timeline div.navigation:before{
	position:absolute;
	content:'';
	height:40px;
	width:100%;
	left:0;
	top:-40px;
	background: url('img/timeline_bg.jpg') repeat;
	
}

#logo_block{
	height:100%;
	width:60px;
	display:block;
	float:left;
	margin-right:10px;
}
#category_block{
	height:100%;
	width:20%;
	display:block;
	float:left;
}
#title_block{
	height:30px;
	width:73%;
	display:block;
	float:right;
	margin-right:15px;
	padding-top: 20px;
	position:relative;
	
}


span.timeline_header-main{
	    font-size: 44px;
    line-height: 44px;
    
	color:#e68f1a;
    font-family: "Georgia",Times New Roman,Times,serif;
	position:relative;
	top:5px;
}
span.timeline_header-sub, a span.timeline_header-sub{
    margin-bottom: 6px;
	color:#006993;
	
	font-weight:500;
	float:right;
	margin-right:15px;
	text-align:right;
	
	    font-size: 30px;
    line-height: 30px;
	color:#1d5e75;
	
}

span.timeline_header-sub.active, a span.timeline_header-sub.active{
	color:#e68f1a;
}

span.timeline_header-sub.active:hover, a span.timeline_header-sub.active:hover{
	color:#53555c;
}

span.timeline_header-sub:hover, a span.timeline_header-sub:hover{
	color:#0079c2;
}

span.timeline_header-delim{
	color:#1d5e75;
}

:-webkit-full-screen {
  background: url('img/xtile-the-company.png') repeat #eeefef;
}

:-moz-full-screen {
  background: url('img/xtile-the-company.png') repeat #eeefef;
}

:-ms-fullscreen {
  background: url('img/xtile-the-company.png') repeat #eeefef;
}

:full-screen { /*pre-spec */
  background: url('img/xtile-the-company.png') repeat #eeefef;
}

:fullscreen { /* spec */
  background: url('img/xtile-the-company.png') repeat #eeefef;
}