body {
background-color: #086182;
text-align: center;
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 12px;
color: #000;
}


#pagewidth {
width: 788px;
margin-left: auto;
margin-right: auto;
}



#header {
height: 180px;
width: 788px;
background-image: url("banner.gif");
background-position: top center;
background-repeat: no-repeat;
text-align: left;
float: left;
position: relative;
}





h1 {
color: #253372;
font-size: 14px;
padding: 0px;
margin: 0px;
}

h2 {
color: #253372;
font-size: 14px;
margin-top: 12px;
margin-bottom: 12px;
}


h3 {
color: #000;
font-size: 12px;
font-weight: bold;
}




.big {
color: #00B2DE;
font-size: 40px;
}

.large {
color: #253372;
font-size: 20px;
}


p {
font-size: 12px;
}






#scooterinsurance {
width: 233px;
height: 74px;
left: 20px;
top: 33px;
float: left;
position: relative;
}

.scooterinsurance {
display: none;
}




#scooter-insurance {
width: 500px;
height: 30px;
clear: both;
float: left;
left: 20px;
top: 37px;
position: relative;
font-style: italic;
}


#scooter {
height: 30px;
width: 770px;
clear: both;
float: left;
top: 46px;
left: 9px;
position: relative;
background-image: url("topnavbg.gif");
background-position: top center;
background-repeat: repeat-x;
}



#insurance {
width: 740px;
left: 25px;
float: left;
position: relative;
font-size: 12px;
}
#insurance2 {
background-image:url(imgs/scooterlineup.jpg);
background-repeat:no-repeat;
background-position: bottom;
width: 740px;
left: 25px;
float: left;
position: relative;
font-size: 12px;
}

#pic {
	background: url(scooter1.jpg);
	width: 330px;
	height: 233px;
	float: right;
}

















#stage {
width: 788px;
float: left;
position: relative;
background-image: url("pagewidthbg.gif");
background-position: top center;
background-repeat: repeat-y;
text-align: left;
}












#quote {
width: 740px;
height: 335px;
float: left;
position: relative;
background-image: url("imgs/cartoon4.jpg");
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 20px;
}

#quote2 {
width: 740px;
height: 335px;
float: left;
position: relative;
background-image: url("imgs/manonscooter.jpg");
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 20px;
}

#quote3 {
width: 740px;
height: 335px;
float: left;
position: relative;
background-image: url("imgs/helmet.jpg");
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 20px;
}



#scooter_insurance_quote {
width: 408px;
float: left;
position: relative;
}











#footer {
width: 788px;
height: 27px;
background-image: url("footerbg.gif");
background-position: top center;
background-repeat: no-repeat;
clear: both;
color: white;
text-align: center;
font-size: 10px;
line-height: 27px;
}











.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(scooter/scooterinsurance_b.gif) no-repeat;
white-space: nowrap;
display: block;
width: 54px;
height: 30px;
margin: 0;
padding: 0;
float: left;
position: relative;
margin-left: 10px;
}


.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 54px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 54px;
height: 30px;
border: 0
}


.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


* html a:hover
{
visibility:visible
}



.serverstudio
{
display: none;

}













.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(scooter/scooterinsurancequote_b.gif) no-repeat;
white-space: nowrap;
display: block;
width: 134px;
height: 30px;
margin: 0;
padding: 0;
float: left;
position: relative;
margin-left: 39px;
}


.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 134px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{
width: 134px;
height: 30px;
border: 0
}


.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}












































.cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(scooter/scooterinsurancequotation_b.gif) no-repeat;
white-space: nowrap;
display: block;
width: 134px;
height: 30px;
margin: 0;
padding: 0;
float: left;
position: relative;
margin-left: 39px;
}


.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 134px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 img
{
width: 134px;
height: 30px;
border: 0
}


.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



































.cssnav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(scooter/scooterinsurancequotes_b.gif) no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 30px;
margin: 0;
padding: 0;
float: left;
position: relative;
margin-left: 39px;
}


.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 160px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav4 img
{
width: 160px;
height: 30px;
border: 0
}


.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}














































.cssnav5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(scooter/contactus_b.gif) no-repeat;
white-space: nowrap;
display: block;
width: 93px;
height: 30px;
margin: 0;
padding: 0;
float: left;
position: relative;
margin-left: 39px;
}


.cssnav5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 93px;
height: 30px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav5 img
{
width: 93px;
height: 30px;
border: 0
}


.cssnav5 a:hover img
{
visibility:hidden
}

.cssnav5 span
{
position: absolute;
left: 93px;
top: 30px;
margin: 0px;
padding: 0px;
cursor: pointer;
}





#foo {
display: none; 
}