/* //// colors: #7A2226, #FFF011 ,#CBD1D5   /////// */

html {height: 100%;}
body {margin: 0; margin-top: 5px; padding: 0; background-color: #D0E0EE;
background-image:url(images/bg3.gif);}

/* // possible bgcolor --   #DOEOEE | 9999CC | #ccc | DBDBDB  /*/

#outer {width: 780px; position: relative; height: 100%;}
#main {border: 1px solid #777; background-color: #fff; position: relative;}
#header {background-color: #DBDBDB; border-bottom: 1px solid #999;
height: 105px; background-image:url(images/headerbg.gif);}


#nav {background-color: #CBD1D5;border-bottom: 2px solid #666; height: 37px;
background-image:url(images/navbg.gif);}

#nav-links {margin-left: 374px; height: 35px; margin-top: 0px; line-height: 35px;}

#nav-links a {color: #fff; font-weight: bold; text-align: center; background-image:url(images/nav2.gif);
border-bottom: 2px solid #336688; text-decoration: underline; font-variant:normal;
border-right: 1px solid #666; width: 77px; display: block; float: left; background-color: #336688;}
#nav-links a.first {border-left: 0px solid #666; width: 90px; background-image:url(images/home2.gif); text-indent: 10px;}
#nav-links a.last {border-right: 1px solid #999;}

#nav-links a:hover {color: #7A2226; border-bottom: 2px solid #999; background-image:url(images/nav1.gif); background-color: #CBD1D5;}
#nav-links a.first:hover {background-image:url(images/home.gif);}



#dropmenudiv{
position:absolute;
border:1px solid #333;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 30px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #000;
background-color: #8395A7;
color: #fff;
background-image:url(images/nav2.gif);

}

#dropmenudiv a:hover{
background-color: #8395A7;
color: #333;
background-image:url(none);
}


#content {position: relative; min-height: 500px; height: 505px;
background-image:url(images/repeat7.gif);}

#logo {position: absolute; width:300px; height:115px; top: 38px; left: 113px; background-image:url(images/logo.gif); 
background-repeat:no-repeat; z-index: 50;}

#vac{position: absolute; width:190px; height:227px; top: 11px; left: -32px; background-image:url(images/vac-glow.gif); z-index: 30;
background-repeat:no-repeat; }

#stream2 {background-image:url(images/stream.gif); background-repeat: repeat-y; width: 174px; height: 45px; position: absolute;
top: 45px; left: 5px; z-index:5;}

#stream {background-image:url(images/stream.gif); background-repeat: repeat-y; width: 174px; height: 45px; position: absolute;
top: 140px; left: 93px; z-index:5;}


#trail {float: right; margin-right: 14px; margin-top:10px; font-size: 16px; font-weight: bold; font-family: arial; color: #336688;}
#trail a {font-weight: bold; font-family:arial; font-size: 16px;
 text-decoration: none; color: #336688; }
#trail a:hover {color: #333; text-decoration: underline;}

#leftnav {position: absolute; top: 40; left:0; width: 110px; border-right: 1px solid #999; 
height:454px; background-color: #555; border-bottom: 1px solid #999;}

#leftnav span.top {display: block; height:20px; margin-top: 80px; border: 0px solid #222; border-bottom: 2px solid #222; width: 90%;
font-weight: bold; font-size: 16px; color: fff; background-color: #336688; border-right: 0px solid #336688;
border-right: 4px solid #333; border-left: 1px solid #333; border-top: 1px solid #333;}

#leftnav a {display: block; text-indent: 6px; height: 35px; font-size: 14px; text-align: left; text-decoration: none; 
border-bottom:1px solid #333; background-color: #ccc; line-height: 35px; font-weight: bold; color: #336688;
border-right: 4px solid #333; border-left: 0px solid #222; background-image:url(none);}
#leftnav a#on {background-color: #222; background-image:url(images/topspan.gif); color: #eee;}
#leftnav a#on:hover {background-image:url(none); background-color: #fff; color: #333;}
#leftnav a:hover {background-color: #fff; border-right: 4px solid #336699; color: #333;}

.lefty {display: block; background-color: #FFF011; height: 25px; line-height: 25px; border-bottom: 1px solid #7A2226;
border-top: 1px solid #7A2226; font-size: 20px; color: #333; border-right: 4px solid #7A2226; color: #7A2226; font-weight: bold; 
margin-top: 0px;  background-image:url(images/leftspan.gif);}



#midinfo {position: absolute; top: 40; left: 118; width: 510px; border: 1px solid #666;border-top:0px; padding: 0px; height: auto;
border-bottom: 0px solid #999; background-color: #22435A; }

#midinfo-long {position: absolute; top: 40; left: 125; width: 652px; border: 1px solid #999;
height: 408px;}

#midcontent {background-image:url(images/midinfo.gif); padding-left: 5px; padding-right:5px; height: 410px;}
#midcontent2 {background-color: #fff;height: 403px; border-bottom:1px solid #666; border-top: 0px solid #336688;}
#inside {padding:5px; padding-bottom: 0px;}


#rightinfo {position: absolute; top: 40; right:0; width: 140px; border-left: 1px solid #999;
background-image:url(none); height: 454px; border-bottom: 1px solid #999;  background-color: #fff;}



.linkbike {border-bottom: 1px dotted #666;}



.topspan {height: 44px; background-image:url(images/topspan2.gif); line-height: 44px; color: #eee; font-size: 20px;
display: block; border-bottom: 7px solid #336688; font-family: arial; text-align: left; text-indent: 16px;}
.topspan2 {height: 44px; background-image:url(images/topspan2.gif); line-height: 45px; font-family: arial;
display: block; text-align: left; text-indent: 16px; color: #eee; font-size: 20px;
border-bottom: 7px solid #336688; background-color: #22435A;}

.blue {color:#22435A; font-weight: bold; background-color: #ccc;}
.grey {color: #666; font-weight: bold;}

#site {text-align: right; height: 20px;margin-bottom: 4px; font-weight: bold; color: #336688; padding-right: 5px;}
#site a {color: #336699; font-weight:bold;text-decoration: none;}
#site a:visited {color: #336688;}
#site a:hover {color: #333;}

#footer {width:778px; border: 1px solid #666; border-top: 0px solid #666; background-color: #555; color: #ccc;
text-align: left; text-indent: 5px; height: 25px; line-height: 23px; font-weight: bold;}
#footer a {color: #bbb; font-weight: bold; font-size: 14px;}
#footer a:hover {color: #fff;}


#theman {margin-top: 3px; margin-right: 1px;}
#the_text {position: absolute; top: 15px; left: 515px; width: 150px; text-align: right; font-size: 17px; font-weight: bold;
font-family:Verdana,Arial,Helvetica,sans-serif }
#the_text span {text-decoration: underline; font-size: 20px; font-style: italic;}

.style1 {font-size: 11px;}
.style2 {font-size: 13px; text-align: left; margin-bottom: 7px; margin-top: 1px;}
.style3 {font-size: 14px; text-align: left; margin-bottom: 7px; margin-top: 1px;}
.style4 {font-weight: bold; font-size: 14px; margin-top: 1px; margin-bottom: 3px;}



.titleh1 {background-color: #336688; text-align: left; font-weight: bold; color: #fff; display: block; 
width: auto; height: 25px; background-image:url(images/topspan.gif);
text-indent:5px; line-height: 23px;  }

.small-list {font-size: 13px; text-align: left;}



/* ///////////// index page only ////////////////// */
#trail-frame {float: right; margin-right: 5px; margin-top:6px; font-size: 16px; 
font-weight: bold; font-family: arial; color: #336688; display: block; background-color: #336688;
width: 400px; height: 30px;}

#vert {background-color:#222; width: 3px; border-right: 1px solid #666; border-left: 1px solid #666;}
#horizont {background-color:#222; height: 3px; border-top: 1px solid #666; border-bottom: 1px solid #666}

.topspan-home {height: 44px; background-image:url(images/topspan2.gif); line-height: 44px; color: #eee; font-size: 20px;
display: block; border-bottom: 0px solid #336688; font-family: arial; text-align: left; text-indent: 16px;}
.topspan2-home {height: 44px; background-image:url(images/topspan2.gif); line-height: 45px; font-family: arial;
display: block; text-align: left; text-indent: 16px; color: #eee; font-size: 20px;
border-bottom: 0px solid #336688;}

#accessories a {font-size: 30px; text-align: center; color: #000; text-decoration: none; font-family: century gothic; font-weight: bold;}
#accessories a img {border: 0px solid #333;}

#history {margin: 6px; border: 1px solid #333; background-color: #ccc; padding: 0px; border-top: 4px solid #333;}
#history span {font-weight: bold; font-size: 20px; display: block; margin-bottom: 0px; color: #333; border-top: 0px solid #333; width: 100%;
text-indent: 5px; }
#history a {color: #336688;}
#history a:hover {color: #336666;}

#homelink a {font-size: 20px; color: #336688;}
#homelink a:hover {color: #333;}


/* //////////// about page //////////////////// */
#thingy table {font-size: 13px;}


/* //////////// bike page //////////////////// */
#bikesale a {display: block; text-decoration: none;
background-color: #eee; border: 1px solid #ccc; text-align: center;
height: 90px; line-height: 90px; margin: 3px; border-top: 8px solid #ccc;
border-bottom: 8px solid #ccc; font-size: 16px;}
#bikesale a:hover {background-color: #ddd; color: #777;}

/* //////////// bike page //////////////////// */
#fitnessbox{ margin: 6px; margin-top: 50px; 
margin-bottom: 2px; height: 40px; background-color: #eee; 
border: 1px solid #ccc; padding: 10px;
}
#fitnessbox a {color: #336688; font-size: 13px; font-weight: bold;}
#fitnessbox a:hover {color: #333;}



#contactface {padding: 4px; border: 2px solid #444; background-color: #aaa;
width: 125px;}




a.imgPop {
	position:relative;
	z-index:20;
	text-decoration: none;
	color: #336688; 
	font-weight: bold;
}
a.imgPop:hover {
	display:inline;
	z-index:30;
}
a.imgPop span {
	display:none;
}
a.imgPop:hover span, a.imgPop:active span {
	display:block;
	position:absolute;
	top:1em;
	left:2em;
	width:300px;
	height:auto;
	background:#eee;
	padding: 10px;
	margin: 2px;
	border: 1px solid #333333;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}