@charset "utf-8";
/* CSS Document */
* {margin: 0px;padding:0px;position:relative;}
a:active, a:focus{outline:none;}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	background-color: #FFF;
	margin: 0px;
	padding:0px;
}

div.content {
	margin:auto;
	width:980px;
	min-height:50px;
	/*background:red;*/
}
div.content a {
	color:#E9E9E9;
}

#skylinepos {
	width:100%;
	height:120px;
	overflow:hidden;
}
#skyline {
	height:120px;
	width:4188px;
	background:#fff url(../images/skyline.jpg) repeat-x;
	left:500px;
}

#bikepower {
	height:354px;
	background:#9bc03c url(../images/bgbikepower.jpg) repeat-x;
	}
#bikescroll {
    height:354px;
	width: 980px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
#bikescroll div.panel {
    height:354px;
    width: 980px;
	text-align:right;
}

#menu {
	height:38px;
	background:#5B5C5E url(../images/bgmenu.jpg) repeat-x;
	text-align:center;
	z-index:999;
}
#menu li {
	display:inline;
	list-style:none;
	margin:0px 10px 0px 10px;
}
#menu li a {
	display:inline-block;
	color:#D6E1D5;
	text-decoration:none;
	text-transform:lowercase;
	font-size:18px;
	padding:6px 0px 0px 30px;
	background:url(../images/bg-bull-menu.png) no-repeat 0px 15px;
}
#menu li:first-child a {
	padding-left:0px;
	background:none;
}
#menu li a:hover {
	color:#fff;
	text-decoration:none;
}

#cycloo {
	position:absolute;
	top:-452px;
	left:-20px;
	text-align:left;
}
#cycloo img {margin:0px 0px 20px 0px;}
#cycloo a {
	width:160px;
	height:40px;
	display:block;
	text-indent:-9999px;
	margin:10px 0px 8px 81px;
}
#cycloo a.urban {background:url(../images/menu-urban.png) no-repeat 0px -5px;}
#cycloo a.urban:hover {background:url(../images/menu-urban.png) no-repeat 0px -45px;}
#cycloo a.road {background:url(../images/menu-road.png) no-repeat 0px -5px;}
#cycloo a.road:hover {background:url(../images/menu-road.png) no-repeat 0px -45px;}
#cycloo a.mtb {background:url(../images/menu-mtb.png) no-repeat 0px -5px;}
#cycloo a.mtb:hover {background:url(../images/menu-mtb.png) no-repeat 0px -45px;}
#cycloo a.lady {background:url(../images/menu-lady.png) no-repeat 0px -5px;}
#cycloo a.lady:hover {background:url(../images/menu-lady.png) no-repeat 0px -45px;}
#cycloo a.sport {background:url(../images/menu-sport.png) no-repeat 0px -5px;}
#cycloo a.sport:hover {background:url(../images/menu-sport.png) no-repeat 0px -45px;}
#cycloo a.selected {background-position: 0px -45px;}

#page {
	background:#E9E9E9 url(../images/bgpage.jpg) repeat-x;
	margin-top:13px;
}

#footer {
	border-top:13px solid #9bc03c;
	background:#fff;
	min-height:220px;
}
#footer div.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	width:113px;
	height:20px;
	left:0px;
	top:-10px;
	background:url(../images/bg-copyright.jpg) no-repeat bottom;
	z-index:1000;
	color:#fff;
	text-align:center;
}

#footer div.moduletable_menu {float:left;margin-top:5px;width:150px;}
#footer div.moduletable_menu h3 {text-transform:lowercase;color:#8FB037;font-size:16px;font-weight:bold;}
#footer div.moduletable_menu ul {margin:4px 0px 0px 1px;}
#footer div.moduletable_menu li {list-style:none;}
#footer div.moduletable_menu a {
	width:100px;
	display:block;
	border-left:4px solid #CEDEC7;
	padding-left:8px;
	margin-bottom:3px;
	color:#666;
	text-decoration:none;
	text-transform:lowercase;
	font-size:14px;
}
#footer div.moduletable_menu a:hover {
	color:#60801E;
	border-left:4px solid #7D9A30;
	background:#E3ECDF;
}

#footer div.socials {
	float:left;
	width:320px;
	height:150px;
	background:url(../images/social-frog.jpg) no-repeat;
	margin:5px 0px 0px 20px;
}
#footer div.icons {margin:35px 0px 0px 150px;}
#footer div.socials img {border:none;border:5px solid #fff;}

#footer div.credits {font-family:Arial, Helvetica, sans-serif;float:right;width:154px;color:#607E25;font-size:11px;line-height:12px;}
#footer div.credits a {color:#666;font-size:11px;text-decoration:none;}
#footer div.credits a:hover {color:#c00;}
#footer div.credits img {margin:-22px 0px 0px -14px;}
