/* CSS Document */
body{
color:black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow:-moz-scrollbars-vertical;
background:#000000;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	text-decoration: underline;
}

a:visited {
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #FFB81F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.leipis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #646464;
}

.otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: strong;
	color: #646464;
}

.otsikko-nosto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: strong;
	color: #FFB81F;
}

.linkki-nosto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: strong;
	color: #FFB81F;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #646464
}

/*Kokonaisuuden kasassapitävä iso divi*/

#iso_div {
width: 900px;
height:640px;
margin: 0 auto;
padding: 0;
}

#ylabanner {
width: 900px;
height: 50px;
margin: 0;
padding: 0;
float:left;
background:url(images/header.jpg);
}


/*Tästä alkaa navigaatiopalkin painikkeet Englanniksi. Vali_* tarkoittaa painikkeiden välissä olevaa kuvaa.*/

#race_breed_logo a {
width: 198px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/race_breed_logo.jpg);
}

#home a {
width: 88px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/home.jpg);
}

#home a:hover { 
width: 88px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/home.jpg);
}

#news a {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/news.jpg);
}

#news a:hover { 
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/news.jpg);
}

#uutiset a {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/uutiset.jpg);
}

#uutiset a:hover { 
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/uutiset.jpg);
}

#products a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/products.jpg);
}

#products a:hover { 
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/products.jpg);
}

#dealers a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/dealers.jpg);
}

#dealers a:hover {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/dealers.jpg);
}

#about_us a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/about_us.jpg);
}

#about_us a:hover {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/about_us.jpg);
}

#demo_cars a{
width: 90px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/demo_cars.jpg);
}

#demo_cars a:hover {
width: 90px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/demo_cars.jpg);
}

#shop a{
width: 92px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/shop.jpg);
background-image: url(images/shop.jpg);
}

#finnish a{
width: 69px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/english.jpg);
background-image: url(images/finnish.jpg);
}

/*Tästä alkaa navigaatiopalkin painikkeet Suomeksi. Vali_* tarkoittaa painikkeiden välissä olevaa kuvaa.*/

#etusivu a {
width: 88px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/etusivu.jpg);
}

#etusivu a:hover { 
width: 88px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/etusivu.jpg);
}

#tuotteet a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/tuotteet.jpg);
}

#tuotteet a:hover { 
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/tuotteet.jpg);
}

#kauppiaat a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/kauppiaat.jpg);
}

#kauppiaat a:hover {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/kauppiaat.jpg);
}

#lisatietoa a{
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/lisatietoa.jpg);
}

#lisatietoa a:hover {
width: 91px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/lisatietoa.jpg);
}

#demoautot a{
width: 90px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/demoautot.jpg);
}

#demoautot a:hover {
width: 90px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/demoautot.jpg);
}

#shop a{
width: 92px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/shop.jpg);
background-image: url(images/shop.jpg);
}

#english a{
width: 69px;
height: 64px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/finnish.jpg);
background-image: url(images/english.jpg);
}

/*Tästä alkaa navigaatiopalkin loput painikkeet. Vali_* tarkoittaa painikkeiden välissä olevaa kuvaa.*/

#navigaatio {
width: 900px;
height: 64px;
margin: 0;
padding: 0;
position:relative;
left:0px;
float:left;
}

#sisasivu {
	width: 900px;
	height:200px;
	margin: 0px;
	padding: 0px;
	position:relative;
	float:left;
	background:url(images/liuku.jpg) repeat-y;
	z-index:0;
}

#textarea {
width: 290px;
height: 300px;
margin: 0;
padding:0px;
top:-175px;
text-align:left;
position:relative;
left:35px;
float:left;
z-index:3;
}

#ylaosa {
	width: 900px;
	height: 192px;
	margin: 0;
	padding:0;
	position:relative;
	float:left;
	background:url(images/ylaosa.jpg);
	background-repeat:no-repeat;
	z-index:0;
}

#left_area {
width: 175px;
margin: 0;
padding:0px;
top:-175px;
text-align:left;
position:relative;
left:20px;
float:left;
z-index:3;
}

#gold {
width: 175px;
height: 251px;
margin: 0;
padding:0px;
text-align:center;
position:relative;
float:left;
background:url(images/gold.gif);
background-repeat:no-repeat;
z-index:3;
}

#top a{
width: 154px;
height: 41px;
margin: 0;
padding:0px;
text-align:center;
position:relative;
float:left;
top:78px;
left:11px;
background:url(images/power_writer_shop.jpg);
background-repeat:no-repeat;
z-index:3;
}

#middle a{
width: 154px;
height: 46px;
margin: 0;
padding:0px;
text-align:center;
position:relative;
float:left;
top:89px;
left:11px;
background:url(images/HKS_int_dist.jpg);
background-repeat:no-repeat;
z-index:3;
}

#bottom a{
width: 154px;
height: 46px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:100px;
left:11px;
background:url(images/HKS_pro_dealer.jpg);
background-repeat:no-repeat;
z-index:3;
}

#silver {
width: 175px;
height: 274px;
padding:0px;
margin:0px;
text-align:center;
position:relative;
top:5px;
float:left;
background:url(images/silver.gif);
background-repeat:no-repeat;
z-index:3;
}

#link_1 a{
width: 155px;
height: 42px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:30px;
left:11px;
background:url(images/osgiken.jpg);
background-repeat:no-repeat;
z-index:3;
}

#link_2 a{
width: 155px;
height: 20px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:40px;
left:11px;
background:url(images/tomei_powered.jpg);
background-repeat:no-repeat;
z-index:3;
}

#link_3 a{
width: 155px;
height: 29px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:52px;
left:11px;
background:url(images/advan.jpg);
background-repeat:no-repeat;
z-index:3;
}

#link_4 a{
width: 155px;
height: 47px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:62px;
left:11px;
background:url(images/fedoro.jpg);
background-repeat:no-repeat;
z-index:3;
}

#link_5 a{
width: 155px;
height: 47px;
margin:0px;
padding:0px;
text-align:center;
position:relative;
float:left;
top:73px;
left:11px;
background:url(images/alcon.jpg);
background-repeat:no-repeat;
z-index:3;
}

#right_area{
width: 323px;
margin:0px;
padding: 0px;
top:-175px;
text-align:left;
position:relative;
float:right;
right:60px;
z-index:2;
}

#right_area_1{
width: 323px;
height: 253px;
margin:0px;
padding: 0px;
top:-175px;
text-align:left;
position:relative;
float:right;
right:60px;
z-index:2;
}

#right_logo{
width: 33px;
height: 253px;
margin: 0;
padding: 0;
top:-175px;
text-align:left;
position:relative;
float:right;
right:-300px;
background:url(images/right_logo.jpg);
background-repeat:no-repeat;
z-index:2;
}

#blog_area{
	width: 693px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-200px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/new_products.jpg);
	background-repeat:no-repeat;
	z-index:1;
	background-image: url(images/new_products.jpg);
}

#car_area{
	width: 693px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-200px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/car1.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#car2_area{
	width: 693px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-200px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/car2.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#car3_area{
	width: 693px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-200px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/car3.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#nada_area{
	width: 693px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-200px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/nada.gif);
	background-repeat:no-repeat;
	z-index:1;
}

#hks_multi_area{
width: 379px;
	height: 259px;
	margin: 0;
	padding: 0;
	top:-160px;
	text-align:left;
	position:relative;
	float:right;
	right:10px;
	background:url(images/hks_multi_dealer.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#hks_video_area{
width: 352px;
	height: 308px;
	margin: 0;
	padding: 0;
	top:-180px;
	text-align:left;
	position:relative;
	float:right;
	right:30px;
	z-index:1;
}

#jamy_area{
width: 352px;
	height: 308px;
	margin: 0;
	padding: 0;
	top:-238px;
	text-align:left;
	position:relative;
	float:right;
	right:30px;
	z-index:1;
}

/*Tästä alkaa oikeanpuolen logo_blockit.*/

#hks_finland{
width: 161px;
height: 117px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/gateway.jpg);
background-repeat:no-repeat;
z-index:3;
}

#hks_download{
width: 161px;
height: 117px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/download.jpg);
background-repeat:no-repeat;
z-index:3;
}

#hks_text{
width: 140px;
height: 80px;
margin: 0;
padding: 0;
top:46px;
left:12px;
text-align:left;
position:relative;
float:left;
z-index:3;
}

#hks_global_text{
width: 140px;
height: 80px;
margin: 0;
padding: 0;
top:47px;
line-height:18px;
left:12px;
text-align:left;
position:relative;
float:left;
z-index:2;
}

#hks_global{
width: 161px;
height: 119px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/global.jpg);
background-repeat:no-repeat;
z-index:2;
}

#f-con{
width: 81px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/f-con_logo.jpg);
background-repeat:no-repeat;
z-index:2;
}

#hks_pws_logo{
width: 80px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/HKS_pws_logo.gif);
background-repeat:no-repeat;
z-index:2;
}

#world1{
width: 81px;
height: 80px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/world_logo.jpg);
background-repeat:no-repeat;
z-index:2;
}

#world2{
width: 81px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;;
background:url(images/world_logo2.jpg);
background-repeat:no-repeat;
z-index:2;
}

/*Tästä alkaa about_us osion logo_blockit.*/

#rb_logo_block{
width: 161px;
height: 78px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/rb_logo_block.jpg);
background-repeat:no-repeat;
z-index:3;
}

#rb_logo_block_text{
width: 140px;
height: 20px;
margin: 0;
padding: 0;
top:46px;
left:12px;
text-align:left;
position:relative;
float:left;
z-index:3;
}

#hks_logo_block{
width: 161px;
height: 78px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/hks_logo_block.jpg);
background-repeat:no-repeat;
z-index:2;
}

#hks_logo_block_text{
width: 140px;
height: 20px;
margin: 0;
padding: 0;
top:46px;
left:12px;
text-align:left;
position:relative;
float:left;
z-index:2;
}

#hkssilver_logo_block{
width: 80px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/hkssilver_logo_block.jpg);
background-repeat:no-repeat;
z-index:2;
}

#hksdristri_logo_block{
width: 81px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/f-con_logo.jpg);
background-repeat:no-repeat;
z-index:2;
}

#hkshot_logo_block{
width: 81px;
height: 80px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;
background:url(images/world_logo.jpg);
background-repeat:no-repeat;
z-index:2;
}

#hks35th_logo_block{
width: 81px;
height: 79px;
margin: 0;
padding: 0;
text-align:left;
position:relative;
float:left;;
background:url(images/world_logo2.jpg);
background-repeat:no-repeat;
z-index:2;
}

/*Tästä alkaa footer.*/

#footer {
width:900px;
height: 258px;
text-align:center;
margin: 0;
padding:0;
position:relative;
left:0px;
top:-400px;
float:left;
background:url(images/footer.jpg);
background-repeat:no-repeat;
z-index:-4;
}

/* CSS Document */