@charset "UTF-8";
#preloadImages
{
    width: 0px;
    height: 0px;
    display: inline;
	background-image: url("images/logo.jpg");
	background-image: url("images/t-l.gif");
	background-image: url("images/t-r.gif");
	background-image: url("images/b-l.gif");
	background-image: url("images/b-r.gif");
	background-image: url("images/dots.gif");
	background-image: url("images/red_line.gif");
	background-image: url("images/center_img.jpg")
	background-image: url("images/bike1_a.jpg");
	background-image: url("images/bike2_a.jpg");
	background-image: url("images/bike3_a.jpg");
	background-image: url("images/bike4_a.jpg");
	background-image: url("images/bike1.png");
	background-image: url("images/bike2.png");
	background-image: url("images/bike3.png");
	background-image: url("images/bike4.png");
	background-image: none;
}
html
{
  width: 980px;
  margin: auto;
  background-color: #000000;
}
#container
{
    width: 980px;
	height: 610px;
    position: absolute;
    left: 50%;
    margin-left: -490px;
    font-family: Tahoma;
    font-size: 12px;
    color: #707070;
}

#header
{
	position: relative;
	padding-top: 20px;
	height: 66px;
	width: 980px;
}
#logo
{
	background: url('images/logo.jpg') no-repeat;
	width: 181px;
	height: 66px;
	float:left;
	position:relative;
	left: 10px;
}
#menu
{
	height: 45px;
	position:relative;
	width: 705px;
	float: right;
	background: #111111;
	border: 2px solid #1e1e1e;
}
		#menu_bg
		{
			padding:0; 
			margin:0; 
			list-style:none; 
			height:45px;
			position:relative;  
			padding-left: 0px;

		}
		
		#menu_bg li
		{
			display:block; 
			float:left; 
			height:45px; 
			position: relative;
			left: 5px;
		}	
		#menu_bg li a 
		{
			display:block; 
			float:left; 
			height:45px; 
			color:#7a7a7a; 
			text-decoration:none; 
			font-family: Tahoma; 
			font-size: 12px; 
			padding: 14px 24px 0px 24px; 
			cursor:pointer;
		}
		#menu_bg li:hover a,#menu_bg li:active a
		{
			color:#fcfcfc; 
			cursor:pointer; 
			background: url('images/red_line.gif') repeat-x;
		}
		#dots
		{
			width: 1px;
			height: 17px;
			float: left;
			background: url(images/dots.gif) no-repeat;
			position: relative;
			top: 13px;
		}
		
		#tl, #tr, #bl, #br {
			position: absolute;
			width: 13px;
			height: 13px;}
		#tl{background: url('images/t-l.gif') no-repeat;
			top: -2px;
			left: -2px;}
		#tr{background: url('images/t-r.gif') no-repeat;
			top: -2px;
			left: 689px;}
		#bl{background: url('images/b-l.gif') no-repeat;
			top: 34px;
			left: -2px;}
		#br{background: url('images/b-r.gif') no-repeat;
			top: 34px;
			left: 689px;}
			
		
		
#center
{
	width: 980px;
	padding-top: 10px;
	text-align:justify;
}
	#center_img
	{
		background: url(images/center_img.jpg) no-repeat;
		width: 705px;
		height: 375px;
		position:relative;
		//left: -261px;
		padding-bottom: 15px;
		z-index:-1;
	}
	#bike_cat
	{
		position: relative;
		width: 700px;
		height: 125px;
		background: #111111;
		border: 2px solid #1e1e1e;
	}
	#bike_cat #bl, #bike_cat #br
	{top: 114px;}
	#bike_cat_bg
		{
			padding:0; 
			margin:0; 
			list-style:none; 
			height:125px;
			position:relative; 
		}
		
		#bike_cat_bg li
		{
			display:block; 
			float:left; 
			width: 134px; 
			position: relative;
			left: 33px;
			top: 7px;
			padding: 0px 15px 0px 15px;
			background: url(images/bike1.png) no-repeat;
			margin: 0 27px;
		}	
		#bike_cat_bg li.road
		{background: url(images/bike2.png) no-repeat;}	
		#bike_cat_bg li.bmx
		{background: url(images/bike3.png) no-repeat;}	
		#bike_cat_bg li.child
		{background: url(images/bike4.png) no-repeat;}	
		#bike_cat_bg li a 
		{
			display:block; 
			float:left; 
			width: 134px; 
			height: 30px;
			color:#7a7a7a; 
			text-decoration:none; 
			font-family: Tahoma; 
			font-size: 12px; 
			padding: 87px 0px 0px 0px; 
			cursor:pointer;
			text-align:center;
			position:relative;
			left:-15px;
		}
		#bike_cat_bg li:hover a,#bike_cat_bg li:active a
		{
			color:#fcfcfc; 
			cursor:pointer; 
			background: url('images/bike1_a.jpg') no-repeat;
		}
		#bike_cat_bg li.road:hover a,#bike_cat_bg li.road:active a
		{background: url('images/bike2_a.jpg') no-repeat;}
		#bike_cat_bg li.bmx:hover a,#bike_cat_bg li.bmx:active a
		{background: url('images/bike3_a.jpg') no-repeat;}
		#bike_cat_bg li.child:hover a,#bike_cat_bg li.child:active a
		{background: url('images/bike4_a.jpg') no-repeat;}
		
		#menu_left
		{
			width: 216px;
			height: 190px;
			position:relative;
			top: 15px;
			float:left;
			background: #111111;
			border: 2px solid #1e1e1e;	
		}
		
		#menu_left.news
		{
		left: 718px; 
		top: 0px; 
		height: 370px; 
		width: 257px;
		
		}
		
		
		#menu_left.a
		{
			width: 216px;
			height: 110px;
			position:relative;
			top: 15px;
			float:left;
			background: #111111;
			border: 2px solid #1e1e1e;	
		}
		#menu_left.b
		{
			width: 216px;
			height: 410px;
			position:relative;
			top: 15px;
			float:left;
			background: #111111;
			border: 2px solid #1e1e1e;	
		}
		#menu_left_bg
		{
			padding:0; 
			margin:0; 
			list-style:none; 
			position:relative; 
			top: 12px;
		}
		#menu_left_bg li
		{
			display:block; 
			position: relative;
			padding: 12px 0px 12px 25px;
			color:#FFFFFF;
		}	
		#menu_left_bg li.news
		{
			width:215px;
		}	
        #menu_left_bg li.l
        {

           padding: 0px 0px 0px 80px;

            
            
        }
		#menu_left_bg li a 
		{
			display:block;
			color:#7a7a7a; 
			text-decoration:none; 
			font-family: Tahoma; 
			font-size: 12px; 
			cursor:pointer;
			position:relative;
		}
		#menu_left_bg li:hover a,#menu_left_bg li:active a
		{
			text-decoration:underline;
			color:#fcfcfc; 
			cursor:pointer; 
		}
		#menu_left_dots
		{
			width: 181px;
			height: 1px;
			background: url('images/dots_m_l.gif') repeat-x;
			position:relative;
			top: 12px;
		}
		#news_dots
		{
			width: 220px;
			height: 1px;
			background: url('images/dots_m_l.gif') repeat-x;
			position:relative;
			top: 12px;
		}
		#menu_left #bl, #menu_left #br
		{top: 179px;}
		#menu_left.a #bl, #menu_left.a #br
		{top: 99px;}
		#menu_left.b #bl, #menu_left.b #br
		{top: 399px;}
		#menu_left #tr, #menu_left #br
		{left: 205px;}
	
		#center_text
		{
			width: 730px;
			margin-left: 220px;
			padding: 0 10px 0 20px;
			float:none;
			text-align:justify;
		}
		#center_dots
		{
			width: 740px;
			height: 1px;
			background: url('images/dots_m_l.gif') repeat-x;

		}
				
			



#navigation
{
	padding-left: 20px;;
	width: 740px;
	margin-left: 220px;
	position:relative;
	padding-top: 15px;

}
#navigation a
{
font-family: Tahoma;
font-size: 16px;
color: #ffffff;
text-decoration:none;
}
#navigation a:hover, #navigation a:active
{text-decoration: underline;}
h1
{
font-family: Verdana;
font-size: 32px;
color: #ffffff;
font-weight:100;
margin-top: 0px;
}
h1.index
{
font-family: Verdana;
color: #ffffff;
font-weight:100;
margin-top: 0px;
position: absolute; 
left: 35px; 
top: 100px; 
font-size: 26px;
}
h1.index a
{
font-size: 32px;
}

h2
{
margin: 0;
font-family: Verdana;
font-size: 18px;
color: #ffffff;
font-weight:100;
}
a
{
font-family: Tahoma;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}
a:hover, a:active
{text-decoration: underline;}
a.cat
{
cursor:pointer;
float:left;
font-family: Verdana;
font-size: 18px;
color: #ffffff;
font-weight:100;
}
#footer_line
{
width: 980px;
height:1px;
background-color:#111111;

}
#footer
{
color: #505050;
margin-top:60px;
clear: left;
width: 980px;

}
#footer_i
{
position: relative; 
float: right; 
text-align: right; 
top: 84px;
}