/* 

Honda CSS Document: Main
********************************************
Copyright (C) Rain Allikvee 2007
********************************************

**********************
To do: Clean up code.
**********************

*/
HTML, BODY { height: 100%; padding: 0; margin: 0; text-align: center; background:#fff;}
BODY {font-size: 11px; color:#333; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
HTML {min-height: 100%;margin-bottom: 1px;}
BODY, INPUT, TEXTAREA, BUTTON, TH, TD { 
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; line-height:20px; color: #111111; }
:focus { outline: 0;}
table {	border-collapse: separate;	border-spacing: 0;}

A { color:#cc0000; text-decoration:underline; }
A:hover { color:#cc0000; text-decoration:none; }

img { border:0;}
p { margin:3px 0;}

h2 { font-size:12px; font-weight:bold; color:#111111; margin:0 0 3px 0;}
h2 a { font-size:12px; font-weight:bold; color:#111111;}
h3 { font-size:16px; font-weight:bold; color:#c7393a; margin:0 0 3px 0;}

.cont { position:relative; margin:0 auto; width:877px;background:url(../gfx/02.jpg) no-repeat; text-align:center;}

.footer { width:568px; background:url(../gfx/bg_footer.png) no-repeat; margin:0 auto 20px auto; color:#c7393a; font-size:16px; }
.footer td {color:#c7393a; font-weight:bold; font-size:13px; padding:6px 15px 6px 15px }
.footer img { vertical-align:middle;  }

.news { width:550px; text-align:left; margin:0 auto; padding:635px 0 15px 0;}
.news td { padding:0 10px 0 0;}

.cars { position:absolute; top:300px; left:154px; display:block; width:268px; height:150px; background:url(../gfx/bg_cars.png) 0 0 no-repeat; cursor:pointer; text-align:left; text-decoration:none;}
.cars:hover { background-position:-268px 0}
.cars span { display:block; padding:10px 0 0 20px; font-size:18px; font-weight: bold;}

.bikes { position:absolute; top:300px; left:455px; display:block; width:268px; height:150px; background:url(../gfx/bg_bikes.png) no-repeat; cursor:pointer; text-align:left; text-decoration:none;}
.bikes:hover { background-position:-268px 0}
.bikes span { display:block; padding:10px 0 0 20px; font-size:18px; font-weight: bold;}

.power { position:absolute; top:470px; left:455px; display:block; width:268px; height:150px; background:url(../gfx/bg_power.png) no-repeat; cursor:pointer; text-align:left; text-decoration:none;}
.power:hover { background-position:-268px 0}
.power span { display:block; padding:10px 0 0 20px; font-size:18px; font-weight: bold;}

.marine { position:absolute; top:470px; left:154px; display:block; width:268px; height:150px; background:url(../gfx/bg_marine.png) no-repeat; cursor:pointer; text-align:left; text-decoration:none;}
.marine:hover { background-position:-268px 0}
.marine span { display:block; padding:10px 0 0 20px; font-size:18px; font-weight: bold;}

#vehicom {
width:13px;
height:15px;
z-index:999;
line-height:21px;
}

#vehicom a:hover {
background:url(/gfx/vehicom_on.png) no-repeat top center;
}

#vehicom a{
display:block;
width:13px;
height:15px;
padding:2px 3px;
cursor:hand;
cursor:pointer;
background:url(/gfx/vehicom.png) no-repeat top center;
}

#vehicom_text {
position:absolute;
z-index:999;
margin:-42px 0 0 -16px;
height:11px;
padding:4px 0 6px 0;
line-height:10px;
width:55px;
text-align:center;
font-family: Arial;
color:#fff;
font-size:10px;
display:none;
overflow:hidden;
background:url(/gfx/tooltip.png) no-repeat top center;
}

#vehicom:hover #vehicom_text {
display:block;
z-index:998;
}

*+html #vehicom {

margin:-15px 25px 0 0;
}

*+html #vehicom_text {
position:absolute;
margin:-23px 0 0 -35px;
}

#youtube {
width:34px;
height:15px;
z-index:999;
line-height:21px;
}

#youtube a:hover {
background:url(/gfx/youtube_on.png) no-repeat top center;
}

#youtube a{
display:block;
width:34px;
height:15px;
padding:2px 3px;
cursor:hand;
cursor:pointer;
background:url(/gfx/youtube.png) no-repeat top center;
}