@charset "utf-8";
/*  
Author: George Aretakis  
Website design copyright 2009-2010 George Aretakis
http://albionhosting.net
*/
html {
	overflow-y: scroll;
}
body {
	background: #1D1D1D url(../images/bodybg.gif) repeat-y center;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #33BB66;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
}
a {
	outline: none;
	color: #77FFA0;
	text-decoration:none;
	font-weight:normal;
}
a:active { 
	outline: none;
	color: #FFFFFF;
}
a:visited { 
	outline: none;
	color: #77FFA0;
}
a:hover { 
	outline: none;
	color: #FFFFFF;
}
#stripes {
	background: url(../images/stripes_sm.png);
	position:relative;
	top:-80px;
	float:right;
	width:100px;
	height:80px;
	z-index: -1;
}
#container {
	width: 50em;
	background: #004B29 url(../images/babg.jpg);
	background-attachment: fixed;
	margin: 1em auto;
	padding-bottom: 5em;
}
#container p {
	font: 11.5px Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	line-height:1.6;
}
#container h3 {
	font: 12px Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: #EEEEEE;
}
#nav_container {
	height: 6em;
	width: 50em;
	float: left;
	position: fixed;
	z-index: 3;
	margin: 0 auto;
}
#topnav {
	background: #000000;
	height: 6em;
	width: 50em;
	float: left;
	margin: 0 auto;
}
#navstrip {
	top: 0px;
	z-index: 3;
	background: #000000;
	height: 1em;
	position: fixed;
	width: 50em;
	margin: 0 auto;
}
#logo {
	margin-top:0.92em;
	height: 4.375em;
	width: 7em;
	float: left;
	position: relative;
	left: -0.8em;
}
#logo a {
	text-indent: -9999em;
	background: url(../images/logo.jpg) no-repeat;
	display: block;
	outline: none;
	height: 6.25em;
	width: 8em;
}
#logo a:hover {
	background: url(../images/logo_on.jpg) no-repeat;
	outline: none;
}
#contactnav {
	margin-top:1.7em;
	margin-left:-0.4em;
	height: 3.75em;
	width: 11em;
	float: left;
}
#contactnav a {
	text-indent: -9999em;
	background: url(../images/email.jpg) no-repeat;
	display: block;
	outline: none;
	height: 3.75em;
	width: 11em;
}
#contactnav a:hover {
	background: url(../images/email_on.jpg) no-repeat;
	outline: none;
}
#fixie {
	margin-top:1.7em;
	height: 3.75em;
	width: 6em;
	float: right;
}
#fixie a {
	text-indent: -9999em;
	background: url(../images/fixie.jpg) no-repeat;
	display: block;
	outline: none;
	height: 3.75em;
	width: 6em;
}
#fixie a:hover {
	background: url(../images/fixie_on.jpg) no-repeat;
	outline: none;
}
#vintage {
	height: 3.75em;
	width: 6em;
	float: right;
	margin-left:0.7em;
	margin-top:1.7em;
}
#vintage a {
	text-indent: -9999em;
	background: url(../images/vintage.jpg) no-repeat;
	display: block;
	outline: none;
	height: 3.75em;
	width: 6em;
}
#vintage a:hover {
	background: url(../images/vintage_on.jpg) no-repeat;
	outline: none;
}
#topshelf {
	height: 3.75em;
	width: 6em;
	float: right;
	margin-top:1.69em;
	margin-right: 0.4em;
}
#topshelf a {
	text-indent: -9999em;
	background: url(../images/topshelf.jpg) no-repeat;
	display: block;
	outline: none;
	height: 3.75em;
	width: 6em;
}
#topshelf a:hover {
	background: url(../images/topshelf_on.jpg) no-repeat;
	outline: none;
}
#where {
	margin-top:1.7em;
	margin-left:.9em;
	height: 3.75em;
	width: 6em;
	float: right;
}
#where a {
	text-indent: -9999em;
	background: url(../images/where.jpg) no-repeat;
	display: block;
	outline: none;
	height: 3.75em;
	width: 6em;
}
#where a:hover {
	background: url(../images/where_on.jpg) no-repeat;
	outline: none;
}
#bastrap {
	text-align: center;
	margin-top:7.5em;
	margin-bottom:1.5em;
}
#altContentDiv {
	width: 800px;
	height: 300px;
	background: #001000;
}
#footer {
	height: 5em;
	width: 50em;
	margin: 0 auto;
	position:fixed;
	z-index:5;
	bottom: 0px;
}
#footer_inner {
	font: 0.6em Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	color: #005500;
	background: #000000;
	height: 100px;
	width: 100%;
	padding-top: 16px;
	position: relative;
	z-index: 6;
}
#footer_inner a {
  	outline: none;
	color: #005500;
}
#footer_inner a:active { 
	outline: none;
}
#footer_inner a:visited { 
	outline: none;
	color: #005500;
}
#footer_inner a:hover { 
	outline: none;
	color: #007700;
}
#statue {
	float: left;
	width:12.5em;
	text-align: left;
	position: relative;
	z-index: 1;
	top: 1em;
}
#mich {
	float: right;
	width:12em;
	text-align: right;
	position: relative;
	top: .5em;
}
#vint {
	float: right;
	width:12em;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#sturm {
	float: right;
	width:12em;
	text-align: left;
	position: relative;
	top: 1em;
}
#disttext {
	float: left;
	width: 17em;
}
#sprocket {
	position: absolute;
	z-index: 1;
	top: -259px;
	width: 14em;
	float: left;
}
#fixbox {
	position: relative;
	z-index: 0;
	text-align: left;
	margin-left: 2.7em;
	margin-right: 2.7em;
	padding-top: 0em;
}
#flytext {
	float: right;
	height:212px;
	width:24em;
	text-align: left;
	z-index: 1;
	position: relative;
	padding-top: 1em;
}
#wherebox {
	margin-right: 80px;
	margin-left: 80px;
}
#mavic {
	float: right;
	position: absolute;
	z-index: 0;
	right: -2.7em;
	padding-top: 2em;
}
#gears {
	padding-top: 2em;
	width: 30em;
	float: left;
	z-index: 1;
}
#logovert {
	float: right;
	margin-top: 4em;
}
#cinellifact {
	float: right;
	position: relative;
	margin-top: 4.2em;
	border: 5px solid #002200;
	background: #005500;
}
#trio {
	float: right;
	position: relative;
	margin-top: .8em;
	border: 5px solid #002200;
	background: #005500;
}
#saflip {
	background: url(../images/sa_manual.png);
	float:right;
	margin-top:0.8em;
	display: block;
	height: 230px;
	width: 290px;
}
#saflip:hover {
	position:relative;
	z-index:2;
	top:-275px;
	left:20px;
	background: url(../images/sa_girlbike.jpg);
	float:right;
	display: block;
	height: 249px;
	width: 330px;
	margin-bottom:-300px;
	border: 8px solid #002200;
}
#tweets {
	height: 23px;
	width: 61px;
	float: left;
	margin-left: 0px;
}
#tweets a {
	text-indent: -9999em;
	background: url(../images/twitter_button.png) no-repeat;
	display: block;
	outline: none;
	height: 23px;
	width: 61px;
}
#tweets a:hover {
	background: url(../images/twitter_hover.png) no-repeat;
	outline: none;
}
#links {
	height: 23px;
	width: 61px;
	float: left;
	margin-left: 10px;
}
#links a {
	text-indent: -9999em;
	background: url(../images/link_button.jpg) no-repeat;
	display: block;
	outline: none;
	height: 23px;
	width: 61px;
}
#links a:hover {
	background: url(../images/link_hover.jpg) no-repeat;
	outline: none;
}
#cyclescheme {
	height: 23px;
	width: 72px;
	float: left;
	margin-left: 10px;
}
#cyclescheme a {
	text-indent: -9999em;
	background: url(../images/cyclescheme_button.jpg) no-repeat;
	display: block;
	outline: none;
	height: 23px;
	width: 72px;
}
#cyclescheme a:hover {
	background: url(../images/cyclescheme_hover.jpg) no-repeat;
	outline: none;
}
#what {
	height: 23px;
	width: 61px;
	float: left;
	margin-left: 10px;
}
#what a {
	text-indent: -9999em;
	background: url(../images/what_button.jpg) no-repeat;
	display: block;
	outline: none;
	height: 23px;
	width: 61px;
}
#what a:hover {
	background: url(../images/what_hover.jpg) no-repeat;
	outline: none;
}
.fade {
	height: 1em;
	width: 50em;
}
.fade2 {
	position: relative;
	height: 1em;
	width: 50em;
	clear: both;
}
.hidepreloadimage {
	display:none;
}
.left_heading {
	float: left;
	margin-left: 2.7em;
}
.innerbox {
	text-align: left;
	margin-left: 2.7em;
	margin-right: 2.7em;
	padding-top: 2em;
}
.innerbox2 {
	text-align: left;
	margin-left: 2.7em;
	margin-right: 2.7em;
	margin-top: 1em;
}
.col_left {
	float: left;
	width:30em;
}
.col_left3 {
	float: left;
	width:31em;
	margin-top: 1em;
}
.col_left2 {
	float: left;
	width:28em;
}
.col_left_trio {
	float: left;
	width:33em;
	margin-top:0.3em;
}
.service {
	width:40em;
}
.repair {
	float: left;
	width:12em;
}
.quote_left {
	float: left;
	width:32em;
	padding-top: 2em;
	z-index: 1;
}
.rep_serv {
	float: right;
	height:212px;
	width:32.5em;
	text-align: left;
	z-index: 1;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	left: -3em;
}
.fadetextsale {
	float: right;
	height:212px;
	width:25em;
	text-align: left;
	z-index: 1;
	position: relative;
	left: 0em;
	margin-top: 1em;
}
.cust_build {
	float: right;
	height:212px;
	width:30em;
	text-align: left;
	z-index: 1;
	padding-top: 1em;
	padding-bottom: 10px;
	position: relative;
	left: 0em;
}
.col_right2 {
	float: left;
	height:17.5em;
	width:31em;
	text-align: left;
	z-index: 1;
}
.bags {
	float: right;
	width:220px;
	text-align: right;
	position: relative;
	top: 5px;
}
.imgbox {
	width:540px;
	height:12em;
	position: relative;
	left: -2.7em;
	z-index: 0;
	float: left;
}
.fix_imgbox {
	width:540px;
	height:12em;
	left: -2.7em;
	z-index: 0;
	float: left;
	position: relative;
}
.imgbox_vint {
	width: 9.5em;
	height: 12.625em;
	padding: 0em;
	border: .2em double #77FFA0;
}
.img_right {
	float: right;
	width:12em;
	text-align: right;
}
.img_left {
	float: left;
	width:12em;
	text-align: left;
}
.clearfloat {
	clear: both;
	height: 1em;
}
.center_image {
	text-align: left;
	position: relative;
	z-index: 2;
}
.panorama_reflect {
	text-align: center;
	height:14em;
	padding-top:2em;
}
.pic_reflect_box_bikesstuff {
	background: #001000;
	height: 16em;
}
.pic_reflect_box {
	background: #001000;
	height: 14.5em;
}
.pic_reflect_box_vint {
	background: #001000;
	height: 23em;
}
.pic_refl_left {
	padding-top: 2em;
	padding-left: 4.4em;
	float: left;
	padding-right: 3.8em;
}
.pic_refl_mid {
	padding-top: 2em;
	float: left;
}
.pic_refl_right {
	padding-top: 2em;
	padding-left: 3.8em;
	float: left;
	padding-right: 4.4em;
}
.pic_refl_vint {
	float: left;
	padding-left: 4.9em;
	padding-top: 3em;
}
.polo {
	display:block;
	font: 11.5px Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	line-height:1.6;
}
.polo:hover {
	display:block;
	width:240px;
	height:170px;
	text-indent: -9999em;
	background: url(../images/polo.jpg);
	position: relative;
	top: -75px;
	z-index: 10;
	border: 5px solid #002200;
}
.footer_right {
	float: right;
	text-align: right;
	position: relative;
	left: 100px;
	top: 0px;
	z-index: 6;
}
.relshift {
	height: 1px;
}