/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */
html, body {
	font-size: 100%;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
 	font-style: normal;
}
html, button, input, select, textarea { 
	font-family: sans-serif; 
	color: #222; 
}
html {  
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}
body { 
	margin: 0; 
	font-size: 1em; 
	line-height: 1.4;
	background: #000000 url(images/bg.png) repeat-x;
}

::-moz-selection { background: #7A1600; color: #fff; text-shadow: none; }
::selection { background: #7A1600; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */
   
a { color: #7A1600; }
a:visited { color: #7A1600; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a[id] { text-decoration: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Base
   ========================================================================== */
   
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, nav[role="navigation"] li, a span, .prices table th, .builds table th, .row-fluid.head header p, .button a {
	font-family: 'DroidSerifRegular', Arial, sans-serif;
	font-weight: normal;
}
p { 
	font-size: 1em;
	margin: 1em 0; 
}
blockquote { font-size: 1em; }
img.alignleft, img.alignright { display: block; }
img.alignleft {
	margin-right: .5em;
	float: left;
}
img.alignright {
	margin-left: .5em;
	float: right;
}

/* =============================================================================
   General Layout
   ========================================================================== */
   
.container { 
	max-width: 1000px;
	background: #FFF;
	background: rgba(255,255,255,.9);
	padding: 0 .5em;
	position: relative;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.75);
	box-shadow: 0 4px 8px rgba(0,0,0,0.75);
}
.row-fluid.head, footer {
	margin: 0;
	padding: 0;	
	}
	.row-fluid.head header h1{
		text-indent: -999em;
		line-height: 0;
	}
	.row-fluid.head header a img {
		display: block;
		margin: 5px auto 5px auto;
	}
	.row-fluid.head header p {
		text-align: center;
		font-size: 1em;
		margin: .25em 0;
		font-weight: 700;
	}
.navigation { 
	display: block; 
	font-size: .9em;
	}
.span4 p { line-height: 1.4em; }
.span5 p { line-height: 1.5em; }
.span6 p { line-height: 1.65em; }
.span7 p { line-height: 1.75em; }
.span8 p { line-height: 1.85em; }
.span9 p { line-height: 2em; }
.nohead { margin-top: 2.5em; }	
.padbottom { margin-bottom: 11.5em; }
	
/* =============================================================================
   Top Menu Navigation
   ========================================================================== */	
   
.navigation a[rel="prev"], .navigation a[rel="next"] { padding-bottom: 1em; }
.navigation a[rel="prev"] { float: left; }
.navigation a[rel="next"] { float: right; }
nav[role="navigation"] {
	width: 100%;
	overflow: hidden;	
	position: relative;
}
	nav[role="navigation"] ul {
		clear: left;
		float: left;
		list-style: none;
		margin: 0;
		display: block;
		position:relative;
		left:50%;
		text-align:center;
		}
	nav[role="navigation"] li {
		display: block;
		float: left;
		font-size: 1.21em;
		border-right: 1px solid #ddd;
		margin: 10px 0;
		position:relative;
		right:50%;
		list-style:none;
		}
		nav[role="navigation"] li:last-child { border-right: none; }
		nav[role="navigation"] li a {
			float: left;
			padding: 0 10px;
			text-decoration: none;
			color: #999;
			border-radius: 4px;
			}
			nav[role="navigation"] li a:hover,
			nav[role="navigation"] li a:focus {
				color: #333;
				}
			nav[role="navigation"] li a:active { color: #666; }
			nav[role="navigation"] li.active a {
				font-weight: bold;
				color: #333;
				}	
/* =============================================================================
   Header Styling
   ========================================================================== */
   
.row-fluid h2, .gallery h2 {
	font-size: 2em;
	background: transparent url(images/head_bg.png) repeat-x bottom center;
	text-shadow: 2px 2px #faf4e7;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0 8px;
	margin-bottom: .45em;
	text-align: center;
}
.row-fluid h3 { font-size: 1.5em; }
	.entry-meta { 
		font-size: .8em;	
		margin-top: .5em; 
	}
.row-fluid h4 {
	font-size: 1em;
	margin-top: 1em;
}
.row-fluid small{  font-size: .857em; }

/* =============================================================================
   "Tag" Span Styling
   ========================================================================== */	
   
a span {
	position: absolute;
	right: 0;
	bottom: 20px;
	font-size: 1em;
	padding: 7px 5px 12px 25px;
	background: #EFEDCD;
	background: transparent url(images/tag.png) left center no-repeat;
	-webkit-transition: padding-right 1s ease;
	-moz-transition: padding-right 1s ease;
	-o-transition: padding-right 1s ease;
	-ms-transition: padding-right 1s ease;
	transition: padding-right 1s ease;		
}
a:hover span { 
	color: #000;
	padding-right: 30px; 
	text-decoration: none;
	}

/* =============================================================================
   Index Page
   ========================================================================== */
   
.flexslider {

}
.img-rotate {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 1.5em;
}
.content { display: block; margin-top: 1em; }
.bicycles, .showbikes  { position: relative; }
.bicycles a {
	margin-right: 8px;
	position: relative;
}
.rowof5 {
	width: 100%;
}
.test {
	display: block;
	width: 18%;
	margin: 0 1%;
	float: left;
}
.fourty {
	position: absolute;
	top: -1px;
	right: 0;
}

/* =============================================================================
   Bicycles Pages & Table Styling
   ========================================================================== */
   
table {
	margin: 1em;
}
table th {
	font-size: 1.15em;
	border-width: 2px;
	padding-bottom: .25em;
	text-transform: uppercase;
}

table td { color: #666; }
table tr:last-child th,
table tr:last-child td {
	border-bottom: none;
	}
table tr:nth-child(even) {
	background: #FFF;
	background: rgba(209,202,186,.5);
	}	
table .subhead {
	color: #999;
	padding-top: 1em;
}
.details { font-size: .9em; }

.prices table {
	width: 80%;
}
.builds table {
	width: 95%;
}
.prices table tr td:first-child { 
	width: 85%; 
}
.builds table tr td:first-child { 
	width: auto; 
}
.builds table .head {
	font-weight: bold;
}

/* =============================================================================
   Gallery Pages
   ========================================================================== */
.gallery-home .ngg-galleryoverview {
	height: 220px;
}
.gallery-home h2 {
	font-size: 1.5em;
}
.gallery a {
	position: relative;
	margin-bottom: 1em;
}
	.b_border { border-bottom: 1px dashed #CAD9DA; }
.ngg-gallery-thumbnail { width: 100px; padding-right: 10px; }
.ngg-gallery-thumbnail-box { height: 110px; }


/* =============================================================================
   Contact Page
   ========================================================================== */
   
.gmap { margin-top: 2em; }
.gmap iframe.map { 
	width: 100%; 
	height: 500px;
	}
.wpcf7 input, .wpcf7 textarea { width: 95%; }	
.wpcf7-submit { background-color: #c1b6a8; }
	
/* =============================================================================
   Stories Page
   ========================================================================== */
   
.stories h3 { margin-top: 1.5em; }
.stories h3:first-child { margin-top: 0; }
.stories article.post { clear: both; }
	.stories article.post .entry-content {
		overflow: auto;
		padding-bottom: 2em; 
	}
.recent h2 { 
	font-size: 1.5em; 
	padding: 15px 0 6px 0;	
}
.recent ul { font-size: .9em; }

/* =============================================================================
   History Page
   ========================================================================== */
   
.custom.span8 h3 { line-height: 2em; }

/* =============================================================================
   Why Custom Page
   ========================================================================== */
   
.history.span5 img { margin-top: 1em; }
.button a { 
	display: block;
	margin-top: 50px;
	padding: 5px;
	text-align: center;
	font-size: 1.15em;
	text-shadow: 0 0px 1px rgba(0,0,0,0.3);
	background: transparent url(images/head_bg.png) repeat-x bottom center;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

/* =============================================================================
   Footer
   ========================================================================== */
   
footer { 
	width: 100%;
	display: block;
	color: #000;
	padding: 1em 0;
	text-align: left;
	font-size: .8em;
	position: relative;
}
.fb-like { 
	float: left;
	margin-right: 2em;
	}

@media screen and (max-width: 480px) and (max-device-width: 480px) {	
	.fourty {
		display: none;
	}
}