/* . is a class - can be used for several elements*/
/* # is a style - used for a single element*/

.maincontainer {width:1000px; background: url(images/backgrounggreenstrip.jpg) repeat-y; }

body {background-color:#333300; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-390px; }

#headerbar {position:absolute; top:100px; left:0px; }

/*viewbox will position box and contents*/
#centerbox {position:absolute; top:260px; left:200px; }

.viewboxcontent {position:absolute; top:100px; left:0px; }

.viewboximage {position:absolute; top:-90px; left:50px; float:left; width:500px; height:550px; border:solid; }

.viewboximage400 {position:absolute; top:-90px; left:50px; float:left; width:500px; height:400px; border:solid; }

.bikemenutext h1 {font-size:0.9em; line-height:80%; }

.bikemenutext {position:absolute; top:-100px; left:615px; width:180px; font-family:arial, verdana; font-size:0.6em; }

.brandmenutext {position:absolute; top:270px; left:830px; width:180px; font-family:arial, verdana; font-size:0.8em; }

.brandmenutext h1 {font-size:0.9em; line-height:80%; }

.bikemenutext h1 {font-size:1.2em; }

/*.indextext {position:absolute; top:10px; left:10px; width:500px; height:10px; font-family:arial, verdana; font-size:0.8em; line-height:120%; }*/

.indextext {position:absolute; top:10px; left:10px; width:600px; height:10px; font-family:arial, verdana; font-size:0.8em; line-height:120%; }

.indextext h1 { font-size:1.3em; line-weight:bold; }

.indextext h2 { font-size:1.0em; line-weight:bold; line-height:70%; }


.behind { background-color:#ffffff; padding:15px; background-repeat:repeat-y; }


/*.imageright {border: 1px solid #ccc; padding:5px; float:right; margin:0px -70px 0 10px; }*/

.imageright {border: 1px solid #ccc; padding:5px; float:right; margin:0px 0px 0 10px; }


.brandstext {position:absolute; top:10px; left:10px; width:600px; height:10px; font-family:arial, verdana; font-size:0.6em; line-height:120%; }

.cleantext {position:absolute; top:10px; left:10px; width:600px; height:10px; font-family:arial, verdana; font-size:0.7em; line-height:120%; }

.cleantext h1 {font-size:1.2em; font-weight:bold; }

.cleantext h2 {font-size:1.0em; font-weight:bold; }


.brandstext h1 {font-size:1.2em; font-weight:bold; }

.biketext {position:absolute; top:660px; left:220px; width:600px; height:10px; font-family:arial, verdana; font-size:0.9em; line-height:100%; }

.abouttext {position:absolute; top:680px; left:220px; width:560px; height:10px; font-family:arial, verdana; font-size:0.7em; line-height:100%; }

.abouttext h3 {font-family:arial, verdana; font-size:1.5em; line-height:100%; }

.contacttext {position:absolute; top:680px; left:220px; width:560px; height:10px; font-family:arial, verdana; font-size:0.9em; line-height:120%; }

.leftmenu {position:absolute; top:260px; left:30px; font-family:arial, verdana; text-transform:uppercase; font-weight:bold; }

.leftmenu h1 {font-size:1.5em; line-height:80%; font-family:arial, verdana; text-transform:uppercase; font-weight:bold; }

.rightmenu {position:absolute; top:540px; left:30px; font-family:arial, verdana; text-transform:uppercase; font-weight:bold; }

.rightmenu h1 {font-size:1.5em; line-height:80%; font-family:arial, verdana; text-transform:uppercase; font-weight:bold; }

#bikemenu {position:absolute; top:20px; left:820px; }



ul {list-style:none; margin:7px; position:absolute; left:-35px; width:120px; text-transform:uppercase; color:#000000; font-weight:bold; line-height:140%; }

a:link {color:#990000}    /* unvisited link */
a:visited {color:#990000} /* visited link */
a:hover {color:#000000}   /* mouse over link */
a:active {color:#990000}  /* selected link */
a {text-decoration:none} /*remove underline from the link*/