@charset "UTF-8";

<!--
/* hide from ie on mac \*/
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	font-size: 62.5%; /* Resets 1em to 10px */
	margin: 0;
	padding: 0;
	background:#000 url(images/bg.png) repeat-x 0px 0px;
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

ol, ul {
	list-style: none;
}

/* CSS CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


hr {
	width:100%;
	height:2px;
	background-color:#3e3e3e;
	color:#3e3e3e;
	border: none;
	margin-bottom:20px;
}


#container {
	width:1100px;	
	border:dotted 0px #fff;
	margin-left: auto;
	margin-right: auto;
	padding-top:0;
	margin-top:0;
}

#header {
	padding:0;
	margin:0;
	width:100%;
	background:#000 url(images/bikewerkz_header.png) repeat-x 0px 0px;
	height:102px;
	text-align:left;
}


#header .logo{
float:left;
text-align:left;
padding:0;
margin:18px 0px 0px 70px;

}

#footer{
width:100%;
}

#mainnav{float:right;}
#mainnav ul { height: 20px; margin-top:65px; margin-right:87px;}
#mainnav ul li { float:left; list-style-type:none; height: 20px;width:110px; }
#mainnav ul li a { height:20px; width:110px; display:block; position:relative; top:0; text-indent:-9999px; outline:none }


#mainnav li.about a, #mainnav li.services a, #header li.contactus a {list-style:none; line-height:20px; background-position:0 0; background:url(images/bikewerkz_nav_bg.png) }

#mainnav li.about a							{ background-position:0 0; width:110px; left:0; }
#mainnav li.about a:hover, 
#mainnav li.about.current_page_item a:hover 	{ background-position:0 -20px; }
#mainnav li.about.current_page_item a,
#mainnav li.about.current_page_ancestor a		{ background-position:0 -20px; }

#mainnav li.services a							{ background-position:-110px 0; width:110px; left:0; }
#mainnav li.services a:hover, 
#mainnav li.services.current_page_item a:hover 	{ background-position:-110px -20px; }
#mainnav li.services.current_page_item a,
#mainnav li.services.current_page_ancestor a 	{ background-position:-110px -20px; }

#mainnav li.contactus a							{ background-position:-220px 0; width:112px; left:0; }
#mainnav li.contactus a:hover, 
#mainnav li.contactus.current_page_item a:hover 	{ background-position:-220px -20px; }
#mainnav li.contactus.current_page_item a, 
#mainnav li.contactus.current_page_ancestor a		{ background-position:-220px -20px; }


#content {
	width: 930px;
	height: 100%;
	margin: 23px auto 0 auto;
	padding: 0;
	color: #fff;
	background-color: #000;
	text-align: left;
	font-size:13px;
	color:#b3b3b3;
	border:dotted 0px #fff;
	
}

#content img{
	margin: 22px 22px 35px;

}

#content #swf{
	margin: 22px 22px 35px;

}



#content #leftcol{
	margin-left:22px;
	margin-right:0px;
	width:135px;
	border:dotted 0px #ff;
}

#content #rightcol{
	width:626px;
	float:right;
	border:dotted 0px #0000ff;
	padding:0;
	margin-right:22px;

}


#content #lefthome{
	margin-left:22px;
	margin-right:0px;
	width:500px;
	line-height:25px;
	border:dotted 0px #ff;
}

#content #righthome{
	width:353px;
	height:221;
	background: url(images/bikewerkz_advantage.png) repeat-x 0px 0px;
	float:right;
	border:dotted 0px #0000ff;
	padding:0;
	margin-right:22px;

}

#content #lefthome img{
padding:0;
margin:10px 0 25px 0;
}

#content #lefthome p{
padding:0;
margin:0 10px 0 0;
}


#content #lefthome .rightarrow a {
	 height:15px;
	 line-height:18px;
	 width:100%; 
	 display:block; 
	 position:relative; 
	 text-indent: 20px;
	 top:0; 
	 outline:none; 
	 text-decoration:none;
	 background:url(images/rightarrow.png) no-repeat 0px 0px ;
	 color:#fff;
	 margin-top:22px;
	 
}

#content  #lefthome .rightarrow a:hover { 
background-position: 0 -15px;
text-decoration:underline;
color:#fff;

}

#content #righthome ul{
	margin-top:70px;
	margin-left:18px;
	padding:0;
}

#footer{
	margin-top:60px;
	font-size:11px;
	clear:both;
}

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

#footer a:hover,#leftcol a:hover{
	text-decoration:underline;
}

#footer ul{
	width:50%;
	float:left;
	height:12px;
	
	
}

#footer #contact p{
	line-height:20px;
	margin-right:22px;
}

#footer ul li{
 list-style-type:none;
 padding-right:12px;
 padding-left:10px;
 background:none;
 display:inline;
 border-right: solid 1px #b3b3b3;
 height:12px;
}


#footer ul li:first-child{
	margin-left:22px;	
}
#footer ul li:last-child{
	border:none;
}

#footer #contact{
	float:right;
}

#content #rightcol .imghead{
	margin:0;
	padding:0;
	margin-bottom:30px;
	}
#content #leftcol hr{
	width:100%;
	height:1px;
	background-color:#3e3e3e;
	color:#3e3e3e;
	border: none;
	margin:10px 0;
}

#content #leftcol p{
	margin:0;
	padding:0;
	margin-bottom:5px;
}

#content #leftcol #contactinfo1{
	
	margin-bottom:1985px;
}


#content #rightcol p {
	margin-right:110px;
	margin-bottom:20px;
	line-height:18px;
}

#content h1 {
	font-size:18px;
	color:#fff;
	font-weight:normal;
	margin:0;
	padding:0;
}




#content #price1,#price2,#price3{
	font-size:18px;
	font-weight:bold;
	float:right;
	margin:0;
	padding:0;
}
#content  #price1,#price2,#price3 h1{
	font-size:18px;
	font-weight:bold;
	float:right;
	margin:0;
	padding:0;
}

#content h2 {
	font-size:14px;
	font-weight:normal;
	margin:8px 0 20px;
	padding:0;
	color:#2aa8ea;
}

#content h3 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 16px;
	padding:0;
	color:#fff;
}

#content h4 {
	font-size:11px;
	font-weight:normal;
	margin:0 0 12px;
	margin-right:110px;
	padding:0;
	color:#b3b3b3;
}

#content .back a {
	 height:24px;
	 width:110px; 
	 display:block; 
	 position:relative; 
	 top:0; 
	 text-indent:-9999px; 
	 outline:none; 
	 text-decoration:none;
	 background:url(images/backtotop.png);
	 margin-bottom:33px;
}

#content .back a:hover { 
background-position: 0 -24px;
}

#content .downarrow a {
	 height:15px;
	 width:100%; 
	 display:block; 
	 position:relative; 
	 text-indent: 20px;
	 top:0; 
	 outline:none; 
	 text-decoration:none;
	 background:url(images/downarrow.png) no-repeat;
	 color:#fff;
	 margin-bottom:115px;
	 
}

#content .downarrow a:hover { 
background-position: 0 -15px;
text-decoration:underline;
color:#fff;

}

#content .uparrow a {
	 height:15px;
	 width:100%; 
	 display:block; 
	 position:relative; 
	 text-indent: 20px;
	 top:0; 
	 outline:none; 
	 text-decoration:none;
	 background:url(images/uparrow.png) no-repeat;
	 color:#fff;
	 margin-bottom:115px;
}

#content .uparrow a:hover { 
background-position: 0 -15px;
text-decoration:underline;
color:#fff;

}

#content ul{
	list-style: none;
	padding: 0;
	margin-left: -7px;
	margin-bottom:30px;
	
}
#content li {
	line-height: 2em; 
	padding: 0 0 0 25px; 
	margin: 0 0 0 .5em; 
	background-image: url(images/check.png); 
	background-position: 0px 4px; 
	background-repeat: no-repeat; 
	list-style: none;
}

#content table {
	font-family: inherit;
	font-size: 12px;
	margin: 45px 0px;
	width: 626px;
	text-align: left;
	border-collapse: collapse;
}
#content table th {
	font-size: 14px;
	font-weight: normal;
	padding: 8px;
	background: #252525;
	border-top: 0px solid #aabcfe;
	border-bottom: 0px solid #fff;
	color: #fff;
}

#content table tr {
	height:10px;
}
#content table td {
	padding: 8px;
	background: #000;
	border-bottom: 1px solid #000;
	color: #b3b3b3;
	border-top: 1px solid transparent;
}
#content table td:first-child {
	width: 500px;
	}


.price{
	font-weight:bolder;
	font-size:122px;
}

#content table tr:hover td {
	background: #111;
	color:#fff;
}
/* end hide */
-->