/* Organic Bike Style Sheet */

/*****************
GENERAL STYLES 
*****************/

html {
	background: #f8f3df url('../images/page_bg_gradient.png') repeat-x /*fixed */top;
	margin: 0;
	padding: 0;}

body {
	background: url('../images/inner_intro_bg.png') no-repeat center 0;
	margin: 0;
	padding: 0;
	padding-bottom: 32px;
	font: 13/18px Georgia, "Times New Roman", Times, serif;
	color: #fcfaf1;}

h1 {
	font: 38px/38px Arial, Helvetica, sans-serif;
	color: #fcfaf1;
	text-indent: -33px;
	font-weight: normal;
	font-style: italic;
	background: none;
	margin: 4px 22px 0 0;
	padding: 0;
	padding-bottom: 2px;}

h2, h3 {
	font: 28px/52px Arial, Helvetica, sans-serif;
	color: #fcfaf1;
	text-indent: -33px;
	font-weight: normal;
	font-style: italic;
	background: none;
	margin: 14px 22px -20px 0;
	padding: 0;
	padding-bottom: 0;}
	
p {
	margin: 20px 30px 20px 0;}

ul {
	color: #fcfaf1;
	font: 13/18px Georgia, "Times New Roman", Times, serif;
	margin: 14px 0 12px 1px;
	padding: 0;
	list-style-type: none;}
ul li {
	margin: 0;
	padding: 0 0 0 16px;
	display: block;
	background: url('../images/bullet-1.png') no-repeat 0 7px;}

ul ul {
	margin: 2px 0 12px 12px;
	padding: 0;
	list-style-type: none;}

ul ul li {
	margin: 0;
	padding: 0 0 0 16px;
	display: block;
	background: url('../images/bullet-2.png') no-repeat 0 7px;}



#wrapper {
	width: 967px;
	margin: 0 auto;}

#header {
	height: 305px;
	position: relative;
	}
	
#content {
	margin: 0;
	padding: 2px 0 48px 24px;
	height: auto !important;
	min-height: 575px;
	height: 575px;
	background: #9d9645 url('../images/content_bg_gradient.png') repeat-x top;
	border-bottom: 3px solid #777236;
	position: relative;}

#breadcrumbs {
	position: absolute;
	left: 353px;
	top: -22px;
	color: #fcfaf1;
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;}

#breadcrumbs a {
	color: #fcfaf1;
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	letter-spacing: 0;}

#breadcrumbs a:hover { text-decoration: underline;}

#footer { margin-top: 4px;
	color: #a69f4e;
	font: 11px/28px Georgia, "Times New Roman", Times, serif;
	text-align: right;}
	
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;}

#footer ul li {
	display: inline;
	border-left: 1px solid #a69f4e;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;}

#footer ul li:first-child {
	border-left: none;
	margin: 0;
	padding: 0;}

#footer a {
	color: #a69f4e;
	margin: 0;
	text-decoration: underline;}

#footer #copyright {
	color: #c9c599;
	font: 11px/28px Georgia, "Times New Roman", Times, serif;
	text-align: center;}

#footer a:hover {color: #777236;}

#footer span#credits {text-align: right;}

	

/*****************
HOME PAGE
*****************/

body#home {
	background: url('../images/hp_intro_bg.png') no-repeat center 144px;
	margin: 0;
	padding: 0;
	padding-bottom: 32px;}

body#home h1 {
	font: 48px/52px Arial, Helvetica, sans-serif;
	color: #fcfaf1;
	text-indent: -33px;
	font-weight: normal;
	font-style: italic;
	background: url('../images/double-dashed.png') repeat-x bottom;
	margin: 20px 22px 20px 0;
	padding: 0;
	padding-bottom: 35px;}

body#home #header {
	height: 561px;
	position: relative;
	}
	
#header ul {
	position: absolute;
	top: 85px;
	left: 7px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;}

#header ul li {
	display: inline;
	margin: 0;
	padding: 0;}

#header ul li a {
	display: block;
	float: left;
	height: 33px;
	background: url('../images/nav_bg.png') no-repeat 0 0;
	line-height: 99px;
	overflow: hidden;
	margin-right: 9px;}
	
#header ul li a#about { width: 87px; background-position: 0 0;}
#header ul li a#about:hover {background-position: 0 -33px;}
#header ul li a#about:active {background-position: 0 -66px;}
#header ul li#active a#about {background-position: 0 -99px;}

#header ul li a#products { width: 110px; background-position: -96px 0;}
#header ul li a#products:hover {background-position: -96px -33px;}
#header ul li a#products:active {background-position: -96px -66px;}
#header ul li#active a#products {background-position: -96px -99px;}

#header ul li a#gallery { width: 95px; background-position: -215px 0;}
#header ul li a#gallery:hover {background-position: -215px -33px;}
#header ul li a#gallery:active {background-position: -215px -66px;}
#header ul li#active a#gallery {background-position: -215px -99px;}

#header ul li a#blog { width: 74px; background-position: -318px 0;}
#header ul li a#blog:hover {background-position: -318px -33px;}
#header ul li a#blog:active {background-position: -318px -66px;}
#header ul li#active a#blog {background-position: -318px -99px;}

#header ul li a#contact { width: 102px; background-position: -402px 0;}
#header ul li a#contact:hover {background-position: -402px -33px;}
#header ul li a#contact:active {background-position: -402px -66px;}
#header ul li#active a#contact {background-position: -402px -99px;}

#header a#logo {
	display: block;
	width: 153px;
	height: 182px;
	line-height: 600px;
	overflow: hidden;
	background: url('../images/logo.png') no-repeat 0 0;
	position: absolute;
	top: 22px;
	right: 24px;
	border: 0;
	text-decoration: none;}

#header a#video-callout {
	display: block;
	position: absolute;
	top: 264px;
	left: 91px;
	width: 289px;
	height: 100px;
	background: url('../images/video_callout.png') no-repeat 0 0;
	line-height: 300px;
	overflow: hidden;}
#header a#video-callout:hover {
	background-position: 0 -100px;}

/* END HEADER */


/* HOME PAGE CONTENT */
body#home #content {
	margin: 0;
	padding: 2px 0 2px 24px;
	height: auto !important;
	min-height: 575px;
	height: 575px;
	background: #9d9645 url('../images/content_bg_gradient.png') repeat-x top;
	border-bottom: 3px solid #777236;
	position: relative;}

#content #left-rail {
	width: 305px;
	float: left;
	margin: 0;
	padding: 0;}

#content #left-rail img {	
	padding: 3px;
	background: #ffffff url('../images/photo-border1.png');
	border: 0;
	margin: 1px;}
	
#content #main-content {
	margin-left: 320px;
	width: 536px;
	padding-left: 39px;
	font: 13px/18px georgia, Georgia, "Times New Roman", Times, serif;
	color: #fcfaf1; }

#content #main-content a#about-callout {
	display: block;
	width: 326px;
	height: 25px;
	background: url('../images/hp-about-callout.png') no-repeat top left;
	line-height: 75px;
	overflow: hidden;}
#content #main-content a#about-callout:hover {background-position: 0 -25px}

#followus {
	position: absolute;
	right: 12px;
	bottom: 4px;}
	

/********************
ABOUT US PAGE
********************/

#content #main-content a#products-callout {
	display: block;
	width: 265px;
	height: 25px;
	background: url('../images/products-callout.png') no-repeat top left;
	line-height: 75px;
	overflow: hidden;}
#content #main-content a#products-callout:hover {background-position: 0 -25px}


/********************
CATEGORIES LIST PAGE
********************/

ul.categories {
	margin: 10px 8px 6px 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #592420;
	overflow: hidden;}

ul.categories li {
	margin: 0 45px 42px 0;
	padding: 0;
	width: 122px;
	float: left;
	text-align: center;
	background: none;}

ul.categories li a {
	text-decoration: none;
	color: #592420;
	border: 0;}
	
ul.categories li a img {
	border: 2px solid #ffffff;}

ul.categories li a:hover img {
	bordeR: 2px solid #592420;}
	
ul.categories li a span.label {
	text-decoration: underline;}
	
/*********************
=PRODUCT PROFILE PAGE
**********************/

img.product-photo {
	margin: 2px 0;
	border: 3px solid #ffffff;}

a.purchase-callout {
	float: right;
	width: 124px;
	height: 117px;
	line-height: 360px;
	overflow: hidden;
	background: url('../images/purchase-online.png') no-repeat 0 0;
	margin: 0 36px 12px 12px;
	text-decoration: none;
	border: none;}