@charset "utf-8";
/* CSS Document */
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%; background-image:url(../images/bg_pattern.jpg); }
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {
	position:absolute;
	width:100%;
	height:100%; 
	left:0px;
	overflow:auto;
	z-index:2;
} 
#content {

	position:relative;

	background-color:#fff;

	width:570px;

	margin:0 auto;

	padding:1px 0; /* makes certain no margin weirdness happens */

	text-align:left;

}


#wrapper 
{


}


#menu{
	position:absolute;
	z-index:2;
	height:161px;
	left: 10px;
	width: 619px;
	top: 263px;
}

#letitride_bg {
	position:absolute;
	background-image:url(../images/letitride.jpg);
	width:500px;
	height:180px;
	font-size:14px;
	color:#FFF;
	left: 36px;
	top: 455px;
}


/*NAV*/

.home 
{
display: block;
width: 94px;
height: 44px;
text-decoration: none;
background-color: transparent;
background-image: url(../images/buttons/home.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}


.home:hover
{
background-position: 0pt -44px;
}


.band 
{
display: block;
width: 151px;
height: 44px;
text-decoration: none;
background-color: transparent;
background-image: url(../images/buttons/band.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

.band:hover
{
background-position: 0pt -44px;
}


.news 
{
display: block;
width: 88px;
height: 44px;
text-decoration: none;
background-color: transparent;
background-image: url(../images/buttons/news.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

.news:hover
{
background-position: 0pt -44px;
}

.shop 
{
display: block;
width: 83px;
height: 44px;
text-decoration: none;
background-color: transparent;
background-image: url(../images/buttons/shop.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}

.shop:hover
{
background-position: 0pt -44px;
}


.contact 
{
display: block;
width: 131px;
height: 44px;
text-decoration: none;
background-image: url(../images/buttons/contact.gif);
background-repeat: repeat;
}

.contact:hover
{
background-position: 0pt -44px;
}


.textbg {
font-size:14px;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
background-image:url(../images/stickerlong.jpg);
padding-left: 20px;
width: 540px;}

.textbg {
font-size:14px;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
padding: 20px;
width: 500px;}

.text {
font-size:11px;
padding:25px;
padding-top:0px;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
text-align:left;}

.text_band {
font-size:10px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
text-align:left;}

.bandtext {
font-size:11px;
padding:2px;
padding-top:0px;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
text-align:right;
}

.header{
font-size:25px;
color:#111111;
font-family: Courier New, Arial;
padding-bottom:10px;
font-weight:bold}


.header1{
font-size:28px;
color:#333333;
padding-top:5px;
font-family: Courier New, Arial;
padding-bottom:5px;
font-weight:bold}

.header2{
font-size:16px;
color:#000000;
font-family: Courier New, Arial;
font-weight:bold }

.header3{
font-size:33px;
color:#333333;
font-family: Georgia, Courier New, Arial;
padding-bottom:10px;
letter-spacing: 0px;
font-weight:bolder;
}

#textbox {
font-size:11px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #444444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0pt;
padding-bottom: 4px;
padding-left: 0px;
display: block;
height: auto;
overflow-x: hidden;
overflow-y: hidden; 
line-height: 1.4;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #444444;
}

#textbox1 {
font-size:11px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #444444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0pt;
padding-bottom: 4px;
padding-left: 0px;
display: block;
height: auto;
overflow-x: hidden;
overflow-y: hidden; 
line-height: 1.4;
padding-top:10px;
padding-bottom:10px;
}

li{ text-indent:5px;
list-style:none;
line-height:1.4;}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	background-color:#000000;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #000000;
}


#footer-wrapper {
clear: both;
background: #000000;
height:90px;
background-color: transparent;
background-image: url(../images/bg_footer_wrapper.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center bottom;
}

#footer 
{
	background-image:  url(../images/wrapper_footer.gif); 
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	width: 652px;
	height: 61px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	text-align: left; 
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 
#nav-menu li
{
float: left;
margin: 0 0.13em;
} 