* {
	padding: 0;
	margin: 0;
}

img { 
border: none;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #FFF;
 background-color:#FFFFFF;
}

a:link {
	color: #990000;
	text-decoration: none;
	border: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	color: #CCCCCC; text-decoration: none;
	}

a:active {
	text-decoration: none;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
 height: 600px;
}

#lossalogo {
 margin: 0px 0px 0px 0px;
 width: 140px;
 height: 150px;
 float: left;
 background-image: url(images/lossa_logo.jpg);
 }
 
 #headerwrap {
 	width: 800px;
	height: 150px;
	margin: 30px 0 0 0;
 	}
 
 #home {
	height:150px; 
	width:140px; 
	margin:0px 0px 0px 0px;
	background:tranparent;
	text-indent: -9999px;
	}
	
#home a {
	display: block;
	height:100%; 
	width:100%; 
	margin:0;
	padding:0; 
	}	
	
#home a:hover {
	border: none;
	opacity: .2;
	filter: alpha(opacity=20);	
	}
 
#header {
	width: 660px;
	float: left;
	height: 115px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/header.jpg);
}

#navigation {
 width: 800px;
 height: 35px;
}

#singlecolumnwrapper {
width: 800px;
height: 450px;
float: left;
}

#singlebottomcolumn {
margin-top: 0px;
float: left;
 width: 800px;
 height: 450px;
 background-image: url(images/singlecol.gif);
 }
 
 #twocolumnwrapper{
  width: 800px;
  height: 450px;
  float: left;
  }
 
 #contactinfobkgrnd {
 width: 400px;
 height: 200px;
 margin: 20px 0px 0px 300px;
 padding: 0px 0px 0px 0px;
 background-image: url(images/contact_background.png);
 background-repeat: no-repeat; 
 }

#leftcolumn {
	margin: 0px 0px 0px 0px;
	height: 450px;
	width: 140px;
	float: left;
	background-image: url(images/left_col.gif);
}

#blackbox {
 width: 220px;
 height: 440px;
 margin: 3px 0 0 10px;
 float: left;
 background-image: url(images/intotext_bgrnd.png);
 }

#leftcontent {
width: 190px;
margin-left: 15px;
margin-top: 20px;
text-align: center;
}

#bikecategory {
width: 140px;
margin-top: 20px
}

#carcategory {
width: 140px;
margin-top: 20px
}

#rightcolumn { 
 float: left;
 margin: 0px 0px 0px 0px;
 height: 450px;
 width: 660px;
 background-image: url(images/right_col.gif);
}

#homeimage {
width: 500px;
float: left;
margin: 20px 0 0 25px;
}

#leftColumnContact { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 450px;
 width: 220px;
 float: left;
 background-image: url(images/contact_left.jpg)
}

#Aboutleft {
 width: 220px;
 height: 440px;
 margin: 3px 0 0 10px;
 float: left;
 background-image: url(images/about_side.png);
 background-repeat: no-repeat;
 }

#rightColumnAbout {
width: 500px;
margin-left: 30px;
margin-top: 20px;
}

#rightColumnContact {
	float: left;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 450px;
	width: 580px;
	display: inline;
	background-image: url(images/contact_right.jpg);
}

#contactinfo {
width: 400px;
height: 200px;
color:#000000;
margin: 0px 0px 0px 0px;
padding: 18px 40px 0px 60px;
}

#ProductsMain {
 width: 500px;
 margin: 40px 0px 0px 70px
 }

#BikesMain {
width: 550px;
height: 300px;
margin-left: 20px;
margin-top: 20px;
background-image: url(images/pick.png);
}

#CarsMainRC {
width: 530px;
height: 300px;
margin-left: 20px;
margin-top: 20px;
background-image: url(images/chooose.png);

}

#GalleryBox{
	width: 600px;
	height: 400px;
	margin: 20px 0px 0px 20px;
	position: absolute;
	overflow:auto;
	
}

#halfbox{
width:300px;
height:400px;
float:left;
}

#Aboutcontainer {
width: 520px;
height: 420px;
margin: -12px 0px 0 230px;
float: left;
}

#BikeDescription {
width: 160px;
height: 100px;
position: absolute; top: 280px; left: 440px;
}


#footer { 
 width: 800px;
 clear: both;
 color: #666666;
 font-size: 10px;
 background-color:#FFFFFF;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
}



/* begin gallery styling */
#jgal { list-style: none; width: 180px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: none; outline: 1px solid #CCCCCC; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 0px; left: 160px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

#gallery { display: none; }






/* START BIKES SIDE NAV */


#bikesinprogress {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#bikesinprogress a {
background: url( images/buttons/inprogress_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#bikesinprogress a:hover{
background: url( images/buttons/inprogress_button.gif) 0 -35px no-repeat;
}

#bikescompleted {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#bikescompleted a {
background: url( images/buttons/completed_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#bikescompleted a:hover{
background: url( images/buttons/completed_button.gif) 0 -35px no-repeat;
}

#bikesforsale {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#bikesforsale a {
background: url( images/buttons/for_sale_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#bikesforsale a:hover{
background: url( images/buttons/for_sale_button.gif) 0 -35px no-repeat;
}


/* END BIKES SIDE NAV */


/* START CARS SIDE NAV */


#carsinprogress {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#carsinprogress a {
background: url( images/buttons/inprogress_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#carsinprogress a:hover{
background: url( images/buttons/inprogress_button.gif) 0 -35px no-repeat;
}

#carscompleted {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#carscompleted a {
background: url( images/buttons/completed_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#carscompleted a:hover{
background: url( images/buttons/completed_button.gif) 0 -35px no-repeat;
}

#carsforsale {
width: 140px;
height: 35px;
margin: 0;
padding:0;
text-indent: -9999px;

}

#carsforsale a {
background: url( images/buttons/for_sale_button.gif) top left no-repeat;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;

}

#carsforsale a:hover{
background: url( images/buttons/for_sale_button.gif) 0 -35px no-repeat;
}


/* END CARS SIDE NAV */


.bigtext { 
font-size: 14px;
line-height: 20px;
}

.smalltext {
font-size:10px;
}

.thumbnail {
float: left;
width: 120px;
height: 120px;
border: none;
margin: 30px 40px 30px 30px;
padding: 0x;
text-align: center;
line-height: 24px;
text-decoration: none;
}

.clearboth { clear: both; }
