<!--

body {
	background: #2E2E2E;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

/* Total page container */
.maincontainer {
	width: 1000px;
	margin: 0 auto;
}

/* Header container */
.topcontainer{
	width: 1000px;
	height: 106px;
}

/* Pics/text container */
.bodycontainer{
	background: transparent url(images/background/casing.jpg) repeat scroll 0 0;
	width: 1000px;
	height: 522px;
}

/* Footer */
.footcontainer{
	background: transparent url(images/background/foot.jpg) no-repeat scroll 0 0;
	width: 1000px;
	height: 72px;
}

/* Container for the start page */
#startpagecontainer{
	visibility: visible;
}

/* Container for the other pages */
#overviewpagecontainer,
#imagepagecontainer,
#buildpagecontainer,
#trackspagecontainer,
#linkspagecontainer,
#top20pagecontainer,
#updatespagecontainer,
#newspagecontainer{
	visibility: hidden;
}

/* Left image in header */
.toptitle{
	background: transparent url(images/background/blogname.jpg) no-repeat scroll 0 0;
	height: 106px;
	width: 359px;
	float: left;
}

/* Stycha title */
#title_image {
	margin: 25px 0 0 66px;
}

/* Right image (links) in header */
.toplinks{
	background: transparent url(images/background/topright.jpg) no-repeat scroll 0 0;
	float: right;	
	height: 106px;
	width: 641px;
}

/* Menu item styles */
#menu{
	float: left;
	color: #ffffff;
	margin: 23px 0 0 10px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

/* Links in the menu bar */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6{
	float: left;
	padding: 11px 0	11px 0;
	display: block;
}

/* Menu link item styles */
#menu a	{
	float: left;
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	padding: 11px 10px 11px 10px;
	margin: 0px;
	outline-style: none;
}

/* Menu hover item styles */
#menu a:hover{
	background: url(images/background/menua.jpg) repeat-x;
	float: left;
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	height: 32px;
}

/* Links information text */
#menu_info{
	margin: 76px 0 0 20px;
	position: absolute;
	float: left;
	color: #ffff00;
	font-family: Tahoma, Geneva, sans-serif;
}

/* Left container for images in midcontainer */
.imagecontainer{
	float: left;
	margin: 30px 0 0 20px;
	position: absolute;
	width: 640px;
	overflow: auto;
	height:	480px;
}

/* Right container in midcontainer */
.textcontainer{
	width: 300px;
	float: left;
	margin: 30px 20px 0 680px;
	position: absolute;	
}

/* Header in textcontainer */
.textcontainertop{
	background: transparent url(images/background/title.jpg) no-repeat scroll 0 0;
	height: 8px;
	width: 300px;
	float: left;
}

/* Text body in textcontainer */
.textcontainerbody{
	background: transparent url(images/background/single.jpg) repeat scroll 0 0;
	height: 443px;
	width: 300px;
	float: left;
}

/* Footer in textcontainer */
.textcontainerfooter{
	background: transparent url(images/background/macmet.jpg) no-repeat scroll 0 0;
	height: 32px;
	width: 300px;
	float: left;
}
.text_header{
	margin: 0 8px 0 8px;
	font-size: 14px;
	font-weight: bold;
}

.text_body{
	margin: 0 8px 0 8px;
	overflow: auto;
	width: 289px;
	height:	400px;
}

.text_footer{
	text-align: center;
	margin: 9px 0 0 148px;
	color: #ffff00;		
}

.listcontainer{
	float: left;	
	/*cursor: pointer ;*/
	position: absolute;
}

/* Text special styles */
.text_special_red{
	background-color: #000000;
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}

/* Text special styles */
.text_special_yellow{
	background-color: #000000;
	color: #ffff00;
	font-size: 12px;
	font-weight: bold;
}


#text_image{
	width: 300px;
	float: left;
}

/* Overview styles */
#overview{	
	float: left;
}

/* Build position styles */
#buildview{
	visibility: visible;
}

#trackslist{
	visibility: visible;
}

#thistrack{
	visibility: hidden;
}

#tracksview{
	visibility: hidden;
}

#carbirdview{
	float: left;
	margin: 30px 0 0 20px;
	position: relative;
	cursor: pointer;
	visibility: visible;
}

/* Carview styles */
#carview{
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;	
}

/* Birdview styles */
#birdview{
	color: #ffff00;
	font-size: 14px;
	font-weight: bold;
}
#thumbview{
	float: left;
	position: relative;
	left: 30px; 
	top: 320px;
}

/* Carview positions on track */
#carview1{ position: absolute; left: 408px; top: 182px; }
#carview2{ position: absolute; left: 271px; top: 182px; }
#carview3{ position: absolute; left: 120px; top: 103px; }
#carview4{ position: absolute; left: 108px; top: 60px; }
#carview5{ position: absolute; left: 537px; top: 60px; }
#carview6{ position: absolute; left: 593px; top: 133px; }
#carview7{ position: absolute; left: 519px; top: 224px; }
#carview8{ position: absolute; left: 591px; top: 384px; }
#carview9{ position: absolute; left: 595px; top: 316px; }
#carview10{ position: absolute; left: 597px; top: 167px; }
#carview11{ position: absolute; left: 522px; top: 101px; }
#carview12{ position: absolute; left: 459px; top: 78px; }
#carview13{ position: absolute; left: 270px; top: 84px; }
#carview14{ position: absolute; left: 274px; top: 150px; }
#carview15{ position: absolute; left: 398px; top: 106px; }
#carview16{ position: absolute; left: 495px; top: 122px; }

/* Birdview positions on track */
#birdview1{ position: absolute; left: 390px; top: 182px; }
#birdview2{ position: absolute; left: 214px; top: 144px; }
#birdview3{ position: absolute; left: 118px; top: 137px; }
#birdview4{ position: absolute; left: 165px; top: 60px; }
#birdview5{ position: absolute; left: 586px; top: 85px; }
#birdview6{ position: absolute; left: 524px; top: 354px; }
#birdview7{ position: absolute; left: 588px; top: 308px; }
#birdview8{ position: absolute; left: 388px; top: 78px; }
#birdview9{ position: absolute; left: 257px; top: 143px; }
#birdview10{ position: absolute; left: 438px; top: 111px; }
#birdview11{ position: absolute; left: 501px; top: 164px; }

/* Images positions on page */
.grid1{position: absolute; left: 20px; top: 31px; }
.grid2{position: absolute; left: 150px; top: 31px; }
.grid3{position: absolute; left: 280px; top: 31px; }
.grid4{position: absolute; left: 410px; top: 31px; }
.grid5{position: absolute; left: 540px; top: 31px; }
.grid6{position: absolute; left: 20px; top: 131px; }
.grid7{position: absolute; left: 150px; top: 131px; }
.grid8{position: absolute; left: 280px; top: 131px; }
.grid9{position: absolute; left: 410px; top: 131px; }
.grid10{position: absolute; left: 540px; top: 133px; }
.grid11{position: absolute; left: 20px; top: 231px; }
.grid12{position: absolute; left: 150px; top: 231px; }
.grid13{position: absolute; left: 280px; top: 231px; }
.grid14{position: absolute; left: 410px; top: 231px; }
.grid15{position: absolute; left: 540px; top: 231px; }
.grid16{position: absolute; left: 20px; top: 331px; }
.grid17{position: absolute; left: 150px; top: 331px; }
.grid18{position: absolute; left: 280px; top: 331px; }
.grid19{position: absolute; left: 410px; top: 331px; }
.grid20{position: absolute; left: 540px; top: 331px; }
.grid21{position: absolute; left: 20px; top: 431px; }
.grid22{position: absolute; left: 150px; top: 431px; }
.grid23{position: absolute; left: 280px; top: 431px; }
.grid24{position: absolute; left: 410px; top: 431px; }
.grid25{position: absolute; left: 540px; top: 431px; }

.footerinfo{
	float: left;
	margin: 0 0 0 20px;
	position: absolute;
	width: inherit;
}

#updates{
	position: absolute;
	left: 5px;
	top: 4px;
}

#news{
	position: absolute;
	margin-left: 70px;
	top: 4px;
}

.stat{
	position: absolute; 
	outline: none;	
	left: 786px;
	top: 4px;
}

.stat a,
.stat a:hover,
.stat a:visited{
	outline: none;	
}

.webmaster{
	font-size: 10px;
	position: absolute; 
	left: 855px;
	top: 4px;
	
}

.webmaster a, .webmaster a:hover, .webmaster a:visited,
#text_body_build a, #text_body_build a:hover, #text_body_build a:visited,
#text_body_tracks a, #text_body_tracks a:hover, #text_body_tracks a:visited,
#text_body_start a, #text_body_start a:hover, #text_body_start a:visited,
#text_body_top20 a, #text_body_top20 a:hover, #text_body_top20 a:visited,
#linksview a, #linksview a:hover, #linksview a:visited,
#updates a, #updates a:hover, #updates a:visited,
#news a, #news a:hover, #news a:visited{
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#top20_line{
	cursor:pointer;
}

.top20{
	position: absolute;
	float: left;
}

.column0{
	margin-left:5px;	
}
.column1{
	margin-left:50px;
}
.column2{
	margin-left:180px;
}
.column3{
	margin-left:260px;
}
.column4{
	margin-left:350px;
}
.column5{
	margin-left:420px;
}
.column6{
	margin-left:490px;
}


-->