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

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #01C8A9;
	background-image:url(../images/background2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #38ccb5;
}
#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #ffffff; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#servicesContent {
	padding: 60px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image:url(../images/services_background.jpg);
	width: 950px;
	height:213px;
}

#shopContent {
background:#FFFFFF url(../images/store_background.jpg) repeat scroll 0 0;
height:323px;
padding:60px 0;
width:950px;
}

#accessoriesContent {
background:#FFFFFF url(../images/accessories_background.jpg) repeat scroll 0 0;
height:333px;
padding:0px 0 0 0px;
width:920px;
}

#home_content {
height:63px;
	padding: 15px 200px 0px 120px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image:url(../images/home_content_strip.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#scooters_content {
height:96px;
line-height:18px;
	padding: 15px 200px 0px 80px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image:url(../images/scooters_content_strip.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#service_blurb {
	padding: 15px 390px 11px 200px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}


#accessories_blurb {
	padding: 15px 390px 11px 200px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


#overlay {
	
background-color:#000000;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
 filter: alpha(opacity = 80);
opacity:0.8;
}

#scooter1 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}


#scooter2 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter3 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter4 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter5 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter6 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}


#scooter6 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}


#scooter7 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter8 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter9 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter10 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}
#scooter11 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}

#scooter12 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}

#scooter13 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}


#scooter14 {
	

height:100%;
left:0;
position:absolute;
top:0;
width:100%;

	visibility: hidden;

}

#scooter1a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 302px;
	height: 425px;
	padding:30px 35px 30px 35px;
	margin: 80px 0px 0px 455px;
}
#scooter2a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 292px;
	height: 425px;
	padding:30px 40px 30px 40px;
	margin: 80px 0px 0px 455px;
}
#scooter3a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 292px;
	height: 425px;
	padding:30px 40px 30px 40px;
	margin: 80px 0px 0px 455px;
}
#scooter4a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 292px;
	height: 425px;
	padding:30px 40px 30px 40px;
	margin: 80px 0px 0px 455px;
}
#scooter5a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 292px;
	height: 425px;
	padding:30px 40px 30px 40px;
	margin: 80px 0px 0px 455px;
}
#scooter6a {
position:absolute;
	background-image:url(../images/popupbackground.png);
	background-repeat:no-repeat;
z-index:100;
	width: 292px;
	height: 425px;
	padding:30px 40px 30px 40px;
	margin: 80px 0px 0px 455px;
}