@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
/* RESET START */
html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 17px;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	
}
body {
	line-height: 20px;
}


blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{clear:both}

/* RESET END */

body{
background-color:#F8FB01;}

	
#header{
		background:url(images/header.jpg) no-repeat;
		margin: 0 auto;
		width:800px; height:285px;}
		
		p#title{
		font-size:14px;
		color:white;
		width:300px;
		float:left;
		text-align:center;
		padding-top:30px;
		padding-left:310px}
		
	
ul#buttons{
padding:170px 120px 0 0;
float:right;
margin:0 auto;
list-style:none}

	ul#buttons li{
	width:800px;
	height:32px;
	display:inline}

	ul#buttons li a{
	text-indent:-9999px;
	width:109px; height:32px;
	text-align:center;
	list-style:none;
	text-decoration:none;
	display:block;
	float:left;}
	
		ul#buttons li.about a{
		background:url(images/aboutbutton.jpg) no-repeat;}
		
		ul#buttons li.scooters a{
		background:url(images/scooterbutton.jpg) no-repeat;}
		
		ul#buttons li.contact a{
		background:url(images/contactbutton.jpg) no-repeat;}
		
		ul#buttons li.links a{
		background:url(images/linksbutton.jpg) no-repeat;}
		
#mainsection{color:white;
background:url(images/contentmain.jpg);
text-align:center;
width:800px;
margin:0 auto;
display:block}		

#scooterpics{}


ul#scooterpics{
margin:0 auto;
width:200px;
list-style:none;
}


	ul#scooterpics li{}
	
		ul#scooterpics li a{
		margin:0 auto;
		list-style:none;}

		ul#scooterpics li.transportable {margin:0 auto; width:200px; height:140px; text-align:center}
			
		ul#scooterpics li.medium {margin:0 auto; width:200px; height:140px; text-align:center}
		
		ul#scooterpics li.large{margin:0 auto; width:200px; height:140px; text-align:center}
		
		



ul#scooterpicsdetail{padding-top:-60px;

width:280px;
list-style:none;
}


		ul#scooterpicsdetail li{
		margin-top:-60px;
		padding-left:30px;
		list-style:none}
	
		ul#scooterpicsdetail li a{padding-top:-60px;
		margin:0 auto;
		list-style:none;}
		
		ul#scooterpicsdetail li.transportable{padding-top:-60px;
		list-style:none;
		width:280px;}

		
			

#content{
text-align:left;
width:300px;
float:left;
margin-left:310px}

	#content p{
	color:white;
	text-align:center;
	width:300px;
	float:left;
	padding-left:00px;
	padding-bottom:30px}
	
	#contentthanks p{color:white;
	text-decoration:none;
	width:300px;
	text-align:center;
	margin-left:315px;
	float:left;}
	#contentthanks a{color:white;
	text-decoration:none}
	
	#content a{
	color:white;
	text-decoration:none}
	
#sidebar {
float:right;
margin-right:-130px;
margin-top:-160px;
width:123px;}
		
		
#footer{
background:url(images/footer.jpg) no-repeat bottom;
margin:0 auto;
width:800px; height:159px}

	#footer a{
	text-indent:-9999px;
	float:right;
	margin-top:130px;
	margin-right:30px;
	width:150px; height:20px}

ul#langauge {
list-style:none}

	ul#language a{
	background-color:white;
	float:left;
	list-style:none;
	margin-top:0px}

	ul#language li{
	width:200px;
	height:19px;
	display:inline}

	ul#language li a{
	text-indent:-9999px;
	width:25px; height:19px;
	text-align:center;
	list-style:none;
	text-decoration:none;
	display:block;
	float:left;
	margin-bottom:150px}
	
		ul#language li.english a{
		background:url(images/english.png) no-repeat;}
		
		ul#language li.spanish a{
		background:url(images/spain.png) no-repeat;}
		
		ul#language li.italian a{
		background:url(images/italian.gif) no-repeat;}
		
		ul#language li.german a{
		background:url(images/German.png) no-repeat;}