body { background: url('../images/siteback3.jpg') no-repeat top center black; font-family:"Courier New"; color:white; font-size: 11px; text-align:center;}

img {border:none}

#wrapper { width:950px; margin:0 auto; background: transparent; text-align:left;}

h1 { font-size:28px; color:white; }

#masthead { position:relative; width:950px; margin:10px auto; padding: 10px 0; /*background: url('../images/ten.png') no-repeat top right*/ }

ul#nav	 { position:relative; list-style-type:none; margin:36px 0 0 0; float:left;}

ul#nav li { float:left; margin:0 15px 0 0; font-size:18px; font-weight:bold;}

ul#nav li a {  color:white; text-decoration:none; }

ul#nav li a:hover { color: #3cf}

#logo { float:left; margin:0 30px 0 0;}

#content { position:relative; width:950px; margin: 10px auto 0 auto; padding:0; background: url('../images/divider.png') no-repeat top left}

#bgimg { width:950px; margin: 0 auto; padding:1px 0; background: url('../images/divider.png') no-repeat bottom left}

#overlayimg { position: absolute; top: 0; right: -20px; z-index: 100 }

#panel { position:relative; width:930px; height:156px; margin: 0 auto; padding:10px; background: url('../images/trans.png') no-repeat top left}

#news { height:156px; width:300px; overflow:auto; }

#news h2 { margin:0 0 10px 0; font-size: 22px; color: #3cf }

#wide h4 { margin:0 0 10px 0; font-size: 32px; color: #fff; text-transform:lowercase !important }

.newstitle, .newstitle a { font-weight: bold; color: #3cf; margin: 0; line-height: 13px; font-size:13px; text-decoration:none;} 

.newswrap {height:50px;}

.newsBody { margin: 0 0 5px 0; line-height: 14px; color: #fff} 

#footer { width:930px; margin: 0 auto; padding:10px; background: url('../images/divider.png') no-repeat top left}

#footer a { color:#fff; text-decoration:none;}

#footer a:hover { color:#3cf;}

#left { width: 85px; float:left; margin: 5px 20px 0 0 }

#left ul { list-style-type: none; margin: 15px 0 0 0; padding: 0}

#left ul li { padding:0 0 12px 0;}

#left ul li a { font-size: 20px; color: white; text-decoration:none;}

#prodwrap { width:630px; float:left; margin:0 0 20px 0; }

#desc { width:590px; float:left; padding:0 0 0 20px;}

#middle { width: 346px; float:left; margin:10px 0; padding:10px 10px 10px 20px; background: url('../images/vtile.jpg') repeat-y top left }

#middle a, #desc a, #right a  { color:#3cf; }

#middle a:hover, #desc a:hover, #right a:hover  { color:#ccc; }

#middle h2, #wide h2 {  margin: 0 0 10px 0; font-size: 27px; color: #3cf; text-transform:lowercase; }

#wide { width: 600px; float:left; margin:10px 0; padding:10px 10px 10px 20px; }

#wide a { color:#3cf; text-decoration:underline;  }

#wide a:hover { color:#fff;  }

#right { width:448px; height:413px; position:absolute; top:20px; right: 0; background: url('../images/frames-img.png') no-repeat top right }

#thumbs { width:230px; margin:37px 0 0 0; float:left; }

#thumbs img { margin:0 10px 10px 0; float:left; border:2px solid #3cf; padding:2px; }

#spec { width:210px; margin:10px 0 0 0; float:left }

#spec table { border:1px solid #444 }

#spec table td { font-weight:bold }

.fleft{
display:block;
width:99%;
float:left;
clear:both;
padding:5px 0 20px 0;
margin:0 0 15px 0;
border-bottom:1px dotted #444;

}

.fleft a { color:#3cf !important; text-decoration:underline !important;  }
.fleft a:hover { color:#ccc !important; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

a { text-transform:lowercase !important;}

#zmag {
	
	position:absolute; top:25px; left:325px; z-index:10000;
}

.bikewrapper {
	
	width:140px;
	height:165px;
	margin:10px;
	text-align:center;
	float:left;
	margin:0 0 10px 0;
	
	
}

.bikebox {
	
	height:90px;
	width:120px;
	overflow:hidden;
	margin:10px;
	border:4px solid #3cf;
	
}

/* twitter feed on homepage */

#twitter-feed {

	position:absolute;
	top:10px; left:325px; z-index:10000;
	width:280px;
	background:transparent;
}

ul#twit-twit, ul#twit-twit ul {
	list-style-type: none;
	padding-left: 0;
	font-family: Arial, Georgia, Verdana, "Times New Roman", sans-serif;
}


ul#twit-twit {
	width: 150px;
}


ul#twit-twit li ul {
	margin: 6px 0 0 0;
}


ul#twit-twit li {
	margin: 0 0 10px 10px;
	/*border-top: 1px dashed #ccc;*/
}


ul#twit-twit li.twit-date {
	font-weight: bold;
	color: #3cf;
	border: 0px solid #ccc;
	margin: 10px 0 0 0;
	font-size: 15px;
}


ul#twit-twit li ul li {
	font-weight: normal;
	color: #222;
	font-size: 15px;
	padding-top: 8px;
}


ul#twit-twit li.twit-alt {
	color: #888;
}


ul#twit-twit li.twit-first {
	color: #3cf;
}


ul#twit-twit a.twit {
	color: #ddd;
	text-decoration: none;
	border: 0;
}


ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover {
	color: #3cf;
}


p.twit-more, li.twit-more {
	text-align: right;
	font-size: 8pt;
	padding: 4px 0 0 0;
}


p.twit-more a.twit-more, li.twit-more a.twit-more {
	color: #3cf;
	text-decoration: none;
}


p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover {
	color: #000;
	border-bottom: 1px dashed #3cf;
}