@charset "utf-8";

/* BASIC
----------------------------------------------------*/

* {margin:0; padding:0;}

body {
	background-color:#353D43;
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;
	background-position: bottom center;
	background-attachment: fixed;
	height:100%; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}
	
a {color:#fff; text-decoration:none;}
a:hover {color:#CCCCCC;	text-decoration:underline;}


/* HEADER 
----------------------------------------------------*/

#header {height:68px; width:100%; background:url(../img/head-back.gif) top repeat-x;}


/* MENU 
----------------------------------------------------*/

#menuHolder {width:908px; margin:auto; padding:24px 0 0 0;}
#motoHolder object{float:left; position:absolute; margin:10px 35% 0 65%; z-index:10;}

#menu {float:left; width:650px;}
#menu ul{list-style-type:none;}
#menu li{float:left; color:#FFFFFF;}
#menu li a {
	display:block;
	width:92px;
	text-decoration:none;
	padding:10px 0 8px 0;
	margin:0 3px 0 0;
	font-size:12px;
	text-align:center;
	float:left;
	font-weight:bold;
	background-color:#F8F9F3;
	color:#000;}
#menu li a:hover {background-color:#B2010C;	color:#fff;}
#menu li a.active{
	display:block;
	width:92px;
	text-decoration:none;
	padding:10px 0 8px 0;
	margin:0 3px 0 0;
	font-size:12px;
	text-align:center;
	float:left;
	font-weight:bold;
	background-color:#B2010C;
	color:#fff;}	

/* LOGO
----------------------------------------------------*/

#logo {
	display:block;
	overflow:auto;
	float:right;
	background:url(../img/logo.jpg) left no-repeat;
	background-position:0 8px;
	height:120px;
	width:908px;}

/* CONTENT
----------------------------------------------------*/

#content {
	width:888px;
	margin:auto;
	padding:40px 0 20px 20px;
	background:url(../img/content-back.gif) top no-repeat #F4F3F3;
	background-position:0 20px;
	overflow:auto;}
#contentRest {
	width:888px;
	margin:auto;
	padding:40px 0 20px 20px;
	background:url(../img/content-back-rest.gif) top no-repeat #F4F3F3;
	background-position:0 20px;
	overflow:auto;}

/* LEFT COLUMN
----------------------------------------------------*/

#leftHolder {float:left; display:block;	width:550px;}
#leftHolder p{display:block; text-align:justify; clear:both; color:#000; padding:20px 20px 0 10px;}
#leftHolder p a{color:#B2010C;}

/* TITLES AND SLOGANS
----------------------------------------------------*/

#slogan, #slogan2, #title {float:left; width:510px;}
#titleProd {width:250px;}
#slogan h1, #slogan2 h1, #title h1, #titleProd h1{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	text-align:center;
	color:#767A7D;
	font-weight:normal;}
#slogan2 h1{padding:10px 0 0 0;	color:#000;}
#title h1, #titleProd h1{font-size:30px; text-align:left; padding:10px 0 0 10px;}
#title h1 a{color:#666;}

/* Models Homepage
----------------------------------------------------*/

#model1, #model2 {float:left; display:block;}
#model2 {padding:0 0 0 10px;}
#model1 {padding:0 0 0 5px;}


/* TABLES
----------------------------------------------------*/

/* Table Products 
-----------------*/

#leftHolder table{width:480px; background-color:#CCCCCC; margin:20px 0 0 10px;}

#leftHolder thead td{font-size:14px; padding:0 0 0 8px; background-color:#fff;}
#leftHolder thead td h1{font-family:Georgia, "Times New Roman", Times, serif; color:#B2010C; margin:5px 0 0 0; font-weight:normal;}

#leftHolder tbody td{ background-color:#fff; padding:4px 0 4px 8px; width:60%; text-align:left;}
#leftHolder tbody th{background-color:#fff;	padding:4px 8px 4px 0; width:40%; text-align:right;}
#leftHolder tbody a{color:#333333;}

.imgProduct {margin:0 10px 0 0;}

/* Table Parts
-----------------*/

#partsTable table{width:500px; background-color:#CCCCCC; margin:20px 0 0 10px;}

#partsTable tbody td{background-color:#fff;	padding:4px 0 4px 8px; width:75%; text-align:left; vertical-align:top;}
#partsTable tbody th{background-color:#fff;	padding:2px; width:25%;	text-align:center;}

#partsTable b{font-family:Georgia, "Times New Roman", Times, serif;	color:#B2010C; font-size:18px; font-weight:normal;}
#partsTable li{list-style-type:decimal;	margin:0 0 0 20px;}
#partsTable a{color:#333333;}

/* Table Scooters 
-----------------*/

#scooters table{width:525px; background-color:#CCCCCC; margin:20px 0 0 10px;}

#scooters tbody td{background-color:#fff; padding:4px 0 4px 8px; width:75%;	text-align:left; vertical-align:top;}
#scooters tbody th{background-color:#fff; padding:2px; width:25%; text-align:center; vertical-align:top;}

#scooters b{font-family:Georgia, "Times New Roman", Times, serif; color:#B2010C; font-size:18px; font-weight:normal;}

.pages {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin:15px 5px 0 0;
	padding:3px;
	background-color:#ccc;
	color:#999;}
	
.pages a{color:#000;}
.pages a:hover{color:#fff;}


/* CONTACT FORM
----------------------------------------------------*/

#contact {
	float:left;
	text-align:right;
	font-size:14px;
	padding:15px 30px;
	background-color:#FFFFFF;
	margin:10px 0 0 50px;}
	
#contact label{vertical-align:top;}
.field, .textArea{
	margin:2px;
	width:250px;
	height:20px;
	padding:0 0 0 3px;
	background-color:#F4F3F3;
	border-bottom:#C9C7C7 solid 1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;}
.textArea{height:180px;	border:0;}
.button {background-color:#85898E; color:#FFFFFF; padding:3px; cursor:pointer; border:0;}


/* GALLERY
----------------------------------------------------*/

#gallery {float:left; width:530px; padding:20px 0 0 0;}

#gallery a img{margin:3px; padding:1px;	border:#DDDADA solid 3px;}
#gallery a:hover img{margin:3px; padding:1px; border:#999 solid 3px;}


/* RIGHT COLUMN
----------------------------------------------------*/

#rightHolder {float:right; display:block; width:338px; padding:10px 0 0 0;}

/* h1 */
#aboutHolder h1, #partsHolder h1, .aboutHolder h1{
	float:left;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#FFFFFF;
	padding:10px 20px 3px 10px;
	background-color:#767A7D;
	font-weight:normal;}

/* p */
#aboutHolder p, #addressHolder, #others p, #partsHolder p, .aboutHolder p{
	display:block;
	width:285px;
	padding:10px;
	float:left;
	text-align:justify;
	background: url(../img/side-back.jpg) top repeat-x #353D43;
	color:#FFFFFF;}


/* link more */
.more{display:block; text-align:right;}

/* bikes in sidebar */
.bikes {float:left;	margin:0 0 0 8px; text-align:center;}

.bikes a{display:block; border:#383F45 solid 3px;}
.bikes a:hover{border:#676B6F solid 3px; text-decoration:none;}

/* adress in sidebar */
#addressHolder{display:block; margin:10px 0 0 0; text-align:left; color:#fff; line-height:16px;	padding:10px 0 20px 15px;}

#addressHolder ul{margin:-15px 0 0 60px;}
#addressHolder li{list-style-type:none;}

/* parts in sidebar */
#partsHolder{display:block;	margin:10px 0 0 0;}

#partsHolder p{text-align:left;	color:#fff;	line-height:22px; padding:10px 0 20px 15px;}

/* products pictures */
.picsRight {float:left;	width:310px;}
.picsRight a{color:#B2010C;}
.picsRight img{border:#999 solid 1px; padding:1px; margin:10px 0;}

/* products in sidebar */
#prodSide {float:left; width:320px;}
#prodSide h1 {font-family:Georgia, "Times New Roman", Times, serif;	font-size:22px;	color:#000;	font-weight:normal;}
.prodSideBox {float:left; padding:3px; display:block; padding:0 0 0 20px; background-color:#FFFFFF;	overflow:auto; border:#B2010C solid 1px;}
.prodSideBox h2 a{font-family:Georgia, "Times New Roman", Times, serif;	font-size:22px;	padding:0 0 0 20px;	color:#B2010C; font-weight:normal;}

/* FOOTER
----------------------------------------------------*/

#footer {width:888px; margin:10px auto 0 auto; padding:5px 10px; background:url(../img/footer-back.gif) bottom no-repeat #F4F3F3; overflow:auto;}

#copy {float:left; padding:8px 0 0 0; width:auto; text-align:left;}

#valid {float:right; width:auto; text-align:right;}
#valid img{margin:3px 0;}