@import url(reset.css);

#wrapper{
	width:1020px;
	height:1016px;
	margin:0 auto;
	outline:0px solid #000000;
	background-image:url(../images/bodyBg_img.jpg);
	background-repeat:no-repeat;
	position:relative;
}
/*@media screen and (max-width:800px){
	#wrapper{
		/*background-image:url(../images/background-img_800.png);
		background:#666666;
	}
		
}*/
/*хедер*/
	#header{
		width:1020px;
		height:188px;
		background-image:url(../images/headerBg_img.png);
		background-repeat:repeat-x;	
		outline:0px solid #000000;
		position:absolute;
		top:50px;
		left:0;
	}
		#logo{
			display: block;
			width:460px;
			height:135px;	
			background-image:url(../images/Pedal-s-nadpysu-header.png);
			background-repeat:no-repeat;    
			outline: 0px solid #ffcc33 ;
			position: absolute;
			left:74px;
			top:17px;
		}
		#webadress{
			font:italic  14px Verdana,sans-serif;
			color: #330000;
			position: absolute;
			left:158px;
			top:120px;
		}
		#phone  {
			font:italic  16px Verdana,sans-serif;
			color: #330000;
			position: absolute;
			left:644px;
			top:70px;
		}
		#adress {
			font:italic  16px Verdana,sans-serif;
			color: #330000;
			position: absolute;
			left:610px;
			top:48px;
		}
		
		#textHeader{
			position: absolute;
			left:394px;
			top:131px;
			font:italic  19px Verdana,sans-serif;
			color: #330000;
			outline: 0px solid #ffcc33 ;
		}
			
			#text1{
				position: absolute;
				left:2px;
				top:6px;
				margin:0 21px 0 0;
			}
			#text2{
				position: absolute;
				left:163px;
				top:6px;
				margin:0 21px 0 0;
			}
			#text3{
				position: absolute;
				left:294px;
				top:6px;
				margin:0 21px 0 0;
			}
			.square_medium_1{
				position:absolute;
				left:134px;
				top:14px;
			}
			.square_medium_2{
				position:absolute;
				left:264px;
				top:14px;
			}
			.dorojka{
				position:absolute;
				left:2px;
				top:19px;
			}
		#men{
			position:absolute;
			left:830px;
			bottom:34px;
		}
/*баннер*/	
	#banner{
		width:1020px;
		height:115px;
		background-image:url(../images/bannerBg_img.png);
		background-repeat:repeat-x;
		text-shadow:1px 1px 1px #666666;		
		outline:0px solid #000000;
		position:absolute;
		top:238px;
		left:0;
	}
		#lineBannerTop{
			position:absolute;
			top:1px;
			left:0;
			outline:0px solid #000000;
		}
		#lineBannerBottom{
			position:absolute;
			top:114px;
			left:0;
			outline:0px solid #000000;
		}		
		.znak1{
			font: 80px Verdana,sans serif;
			color:#B43433;
			text-shadow:3px 3px 1px #3C3C3B;
			position:absolute;
			top:7px;
			left:72px;
			outline:0px solid #000000;
		}
		.znak2{
			font: 75px Verdana,sans serif;
			color:#B43433;
			text-shadow:3px 3px 1px #3C3C3B;
			position:absolute;
			top:10px;
			left:861px;
			outline:0px solid #000000;
		}
		#banner #text1{
			font:italic 15px Verdana,sans serif;
			color:#330000;
			position:absolute;
			top:27px;
			left:215px;
			outline:0px solid #000000;
		}
		#banner #text2{
			font:italic 35px Verdana,sans serif;
			color:#F4CCAE;
			position:absolute;
			top:45px;
			left:215px;
			outline:0px solid #000000;
		}
		#banner #text2 span{
			font:italic 25px Verdana,sans serif;
			color:#330000;
		}
		#banner #text3{
			font:italic 15px Verdana,sans serif;
			color:#330000;
			position:absolute;
			top:76px;
			left:215px;
			outline:0px solid #000000;
		}
	/*контент*/
	#content{
		width:1020px;
		height:340px;
		outline:0px solid #000000;
		background-image:url(../images/contentBg_img.png);
		background-repeat:repeat-y;
		position:absolute;
		top:353px;
		left:0;		
	}
		#menu{
			width:388px;
			height:340px;
			outline:0px solid #000000;
			float:left;
		}
			ul.nav{
				list-style-type:none;
				padding:0;				
				outline:0px solid #000000;
				margin:29px 7px 28px 80px;
			}
				ul.nav li{
					width:300px;
					height:40px;
					background-image:url(../images/menu_button_3.png);
					background-repeat:no-repeat;
					margin-bottom:8px;					
				}
				.nav li.last{
					margin-bottom:3px;
				}
					ul.nav a{
						display:block;
						width:300px;
						
						font:  15px Verdana,sans-serif;
						color:#330000;
						height:15px;
						text-decoration:none;
						text-align:center;
						padding-top:12px;
						text-shadow:1px 1px 1px #cccccc;												
					}
					ul.nav li:hover{
						background-position:0 -40px;
					}
					
					ul.nav a:hover{
						color:#FFDDBF;
						text-shadow:none;
					}
		#menuContent{
			width:632px;
			height:340px;
			outline:0px solid #47FF14;
			float:left;			
		}
		
		/*контент для страницы велосипедов*/
			#contentBanner{
				
				/*height:283px;*/
				outline:0px solid #D0FF00;
				background-image:url(../images/bikeBg2.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
				padding:12px 59px 16px 34px;				
			}			
			#contentBanner h3{
				font:bold 17px Verdana,sans-serif;
				color:#333333;
				
				text-shadow:2px 1px 3px #ffffcc;
			}
			#contentBanner p{
				font:bold 15px Verdana,sans-serif;
				color:#000000;
				text-decoration:underline;
				text-shadow:3px 1px 3px #ffffcc;
			}
			#contentBanner ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:inside;
				margin:15px 0 15px 20px;
				font: 14px Verdana,sans-serif;
				color:#000000;	
				
			}
			/*контент для страницы запчастей*/
			
			#content_zapchasty{
				
				/*height:283px;*/
				outline:0px solid #D0FF00;
				background-image:url(../images/content_zapchasti.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
				padding:12px 59px 16px 34px;				
			}			
			#content_zapchasty h3{
				font:bold 17px Verdana,sans-serif;
				color:#333333;				
				text-shadow:2px 1px 3px #ffffcc;
			}
			#content_zapchasty p{
				font:bold 15px Verdana,sans-serif;
				color:#000000;
				text-decoration:underline;
				text-shadow:3px 1px 3px #ffffcc;
			}
			#content_zapchasty ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:inside;
				margin:15px 0 15px 20px;
				font: 14px Verdana,sans-serif;
				color:#000000;
			}
			
			/*контент для страаницы аксессуаров*/
			
			#content_akses{
				width:570px;
				height:283px;
				outline:0px solid #D0FF00;
				background-image:url(../images/content_akses.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
				/*padding:12px 59px 16px 34px;*/				
			}	
			#content_akses ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:inside;				
				margin:20px 0 24px 20px;
				font: 15px Verdana,sans-serif;
				color:#000000;
			}
			
			/*контент для страницы настройки и ремонта*/
			
			#content_nastroyka{
				width:570px;
				height:283px;
				outline:0px solid #D0FF00;
				background-image:url(../images/content_nastroyki.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
			}
			#content_nastroyka ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:inside;				
				margin:60px 0 95px 65px;
				font: 16px Verdana,sans-serif;
				color:#000000;
			}
			
			#content_nastroyka li{
				line-height:2;
			}
			
			/*контент для страницы консультации и рекомендации*/
			
			#content_recomend{
				width:570px;
				height:283px;
				outline:0px solid #D0FF00;
				background-image:url(../images/content_recomend.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
			}
			#content_recomend ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:outside;				
				margin:60px 0 95px 65px;
				font: 16px Verdana,sans-serif;
				color:#000000;
			}
			
			#content_recomend li{
				line-height:2;
			}
			
			/*контент для страницы шины*/
			
			#content_shini{
				width:570px;
				height:283px;
				outline:0px solid #D0FF00;
				background-image:url(../images/content_shini.png);
				background-repeat:no-repeat;
				position:absolute;
				top:28px;
				left:390px;
			}
			#content_shini ul{
				list-style-image:url(../images/circle_small-img.png);
				list-style-position:outside;				
				margin:70px 0 95px 75px;
				font: 16px Verdana,sans-serif;
				color:#000000;
			}
			
			#content_shini li{
				line-height:2;
			}
	/*блок логотипов*/
	#blockLogo{	
		position:absolute;
		top:693px;
		left:0;
		width:862px;
		height:167px;
		outline:0px solid #D0FF00;
		background-image:url(../images/blockLogo_bg.png);
		background-repeat:repeat-x;
		padding:17px 79px 16px 79px;
	}
		#blockLogo-img{
			position:absolute;
			top:20px;
			left:77px;
			width:862px;
			height:167px;
			outline:0px solid #ffffcc;
			background-image:url(../images/blockLogo-img.png);
			background-repeat:no-repeat;
			
		}
	/*футер*/
	
	#footer{
		position:absolute;
		top:895px;
		left:0;
		width:1020px;
		height:120px;
		outline:0px solid #D0FF00;
		background-image:url(../images/footerBg.png);
		background-repeat:repeat-x;
		
	}
	#lineFooter1{
		position:absolute;
		top:893px;
		left:0;
		width:1020px;
		height:2px;
		outline:0px solid #D0FF00;
		background-image:url(../images/lineFooter1.png);
		background-repeat:repeat-x;
	}
	#lineFooter2{
		position:absolute;
		top:1015px;
		left:0;
		width:1020px;
		height:2px;
		outline:0px solid #D0FF00;
		background-image:url(../images/lineFooter2.png);
		background-repeat:repeat-x;
	}
	#footer img{
		display: block;
		width:51px;
		height:62px;
		outline: 0px solid #ffcc33 ;
		position: absolute;
		left:80px;
		top:30px;
		background-image:url(../images/pedal-logo-footer.png);
		background-repeat:no-repeat;
		
	}
	#copy{
		font: italic 18px Verdana,sans-serif;
		color:#330000;
		position:absolute;
		left:153px;
		top:48px;
		text-decoration:none;
	}
	.phoneFooter{		
		position:absolute;
		left:482px;
		top:33px;
	}
	.phoneFooter p{
		font: italic 14px Verdana,sans-serif;
		color:#330000;
	}
	.textFooter{
		position:absolute;
		left:786px;
		top:53px;
		
	}
	.textFooter a{
		font: italic 16px Verdana,sans-serif;
		color:#330000;
		text-decoration:underline;
	}