/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
BASE
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

html body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 12px;
	}
	
#wrapper{
	width: 950px;
	margin: 0px auto;
	padding: 0;
	}

ul {}
	
li {}

p {
	margin: 0 0 10px 0;
	padding: 0;
	font: normal normal normal 1em Georgia, Serif;
	color: #666;
	line-height: 1.6em;
	}

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: normal normal bold 1.4em Arial, Sans-Serif;
	color: #000;
	text-transform: uppercase;
	}
	
h2 {}
	
h3 {}

h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font: normal normal bold 1.1em Arial, Sans-Serif;
	color: #000;
	text-transform: uppercase;
	}

h5 {}
	
h6 {
	_height: 15px;
	margin: 0;
	padding: 0;
	font: 78%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	letter-spacing:.1em;
	color: #666;
	text-transform: uppercase;
	}
	
a {
	font: normal normal normal 1em Georgia, Serif;
	color: #005895;
	text-decoration: none;
	border-bottom: dotted #005895 1px;
	_border-bottom: solid #005895 1px;
	}
	
a:hover {
	text-decoration: none;
	background-color: #005895;
	color: #fff;
	}
	
form {
	margin: 0;
	padding: 0;
	}	
	
label {}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
HOME
----------------------------------------------------------------
----------------------------------------------------------------
*/

.homeHeight{ height: 385px; }
.galleryHeight{ height: 535px; }
.bioHeight{ height: 370px;}
.riverHeight{ height: 370px; }
.shopHeight{ height: 100px; }
.newsHeight{ height: 100px;}
.contactHeight{ height: 470px; }

#homeWrapper{
	width: 950px;
	height: 50px;
	margin: 0px auto;
	padding: 0;
	background: url(../_images/home_overspray.jpg) repeat-x;
	}
	
#bioWrapper{
	width: 950px;
	height: 466px;
	margin: 0px auto;
	padding: 0;
	background: url(../_images/bio_bg.jpg) repeat-x;
	}

#riverWrapper{
	width: 950px;
	height: 466px;
	margin: 0px auto;
	padding: 0;
	background: url(../_images/river_bg.jpg) repeat-x;
	}
	
#shopWrapper{
	width: 950px;
	margin: 0px auto;
	padding: 0;
	}
	
#newsWrapper{
	width: 950px;
	margin: 0px auto;
	padding: 0;
	}
	
#wrapper{
	width: 950px;
	margin: 0px auto;
	padding: 0;
	}

#content {
	float: left;
	width: 855px;
	padding: 0px 48px 25px 47px;
	}
	
.grey {
	background: #ececec url(../_images/shop_bottom.jpg) no-repeat bottom;
	margin-bottom: 25px;
	}
	
.homeBackground {
	background: url(../_images/columns_divider.gif) repeat-y;
	}
	
#left {
	float: left;
	width: 245px;
	padding: 15px 20px 25px 0;
	}

#middle {
	float: left;
	width: 245px;
	padding: 15px 32px 0 32px;
	margin: 0 8px 0 8px;
	}
	
#right {
	float: left;
	width: 245px;
	padding: 15px 0 25px 20px;
	}
	

#left img, #middle img {
	padding: 9px;
	border: solid 1px #ccc;
	margin: 5px 0 15px 0;
	}
	
.newsletter_box {
	background-color: #F1F1F1;
	color: #666;
	padding: 5px;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.newsletter_button {
	float: left;
	margin-top: 15px;
}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
BIO
----------------------------------------------------------------
----------------------------------------------------------------
*/

#bio {
	float: right;
	width: 950x;
	padding: 30px 0 0 0;
	}
	
#bioQuote {
	float: left;
	width: 545px;
	height: 86px;
	margin: 0 35px 5px 0;
	background: url(../_images/bio_quote.gif) no-repeat;
	}
	
#bio p {
	padding-left: 310px;
	}
	
/* 
----------------------------------------------------------------
----------------------------------------------------------------
RIVER
----------------------------------------------------------------
----------------------------------------------------------------
*/

#river {
	float: left;
	width: 950x;
	padding: 30px 0 0 0;
	}

#riverQuote {
	float: right;
	width: 570px;
	height: 82px;
	margin: 0 0 5px 0;
	background: url(../_images/river_quote.gif) no-repeat;
	}

#river p {
	padding-right: 310px;
	}
	
/* 
----------------------------------------------------------------
----------------------------------------------------------------
SHOP
----------------------------------------------------------------
----------------------------------------------------------------
*/

.product {
	float: left;
	width: 255px;
	height: 330px;
	padding: 0 15px;
	background: url(../_images/product_bg.jpg) no-repeat;
	}
	
.product img {
	margin-top: 28px;
	border: 1px solid #ccc;
	padding: 9px;
	background-color: #fff;
	}

.product a {
	font: normal normal normal 1em Georgia, Serif;
	color: #005895;
	text-decoration: none;
	border-bottom: none;
	}
	
.productInfo {
	float: left;
	width: 255px;
	padding-top: 5px;
	}
	
.productInfo a {
	font: normal normal bold 10px Verdana, Sans-Serif;
	color: #FF4D00;
	text-decoration: none;
	border-bottom: dotted #FF4D00 1px;
	_border-bottom: solid #FF4D00 1px;
	}

.productInfo a:hover {
	text-decoration: none;
	background-color: #FF4D00;
	color: #fff;
	}
	
.productInfo img {
	margin-top: 0;
	border: none;
	padding: 0 5px 0 0;
	background-color: #ececec;
	}

/* 
----------------------------------------------------------------
PRODUCT DETAIL
----------------------------------------------------------------
*/

#productImages {
	float: left;
	width: 412px;
	margin-left: 15px;
	}
	
.imageLg {
	float: left;
	width: 412px;
	height: 440px;
	background: url(../_images/product_detail_bg.jpg) no-repeat;
	}
	
#productImages img {
	margin: 28px 0 0 0;
	border: 1px solid #ccc;
	padding: 9px;
	background-color: #fff;
	}

#productThumbs {
	float: left;
	width: 100%;
	padding-bottom: 25px;
	}
	
#productThumbs img {
	margin: 15px 0 0 0;
	border: 1px solid #ccc;
	padding: 9px;
	background-color: #fff;
	}
	
#productThumbs a {
	font: normal normal normal 1em Georgia, Serif;
	color: #005895;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
	}
	
#productThumbs a:hover {
	background-color: #ececec;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
	}
	
#productThumbs p a {
	font: normal normal normal 1em Georgia, Serif;
	color: #005895;
	text-decoration: none;
	border-bottom: 1px dotted #005895;
	_border-bottom: 1px solid #005895;
	cursor: pointer;
	}

#productThumbs p a:hover {
	background-color: #005895;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
	}

#productDescription {
	float: left;
	width: 378px;
	margin: 28px 0 0 0;
	padding: 0 0 0 50px;
	}
	
#productDescription h1 {
	font-size: 24px;
	}
	
#productDescription a {
	font: normal normal normal 10px Verdana, Sans-Serif;
	color: #FF4D00;
	text-decoration: none;
	border-bottom: 1px dotted #FF4D00;
	_border-bottom: 1px solid #FF4D00;
	}
	
#productDescription a:hover {
	text-decoration: none;
	background-color: #FF4D00;
	color: #fff;
	}
	
.otherInfo {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 15px;
	}
	
.background_hover {
	background-color: #000;
	}
	
.cartBox {
	float: left;
	width: 126px;
	}

.cartBox p {
	font: normal normal bold 11px Arial, Sans-Serif;;
	}

.paypal {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	}
	
/* 
----------------------------------------------------------------
----------------------------------------------------------------
NEWS / BLOG
----------------------------------------------------------------
----------------------------------------------------------------
*/

.general {
	background: url(../_images/general_bg.jpg) no-repeat;
	}	

.article {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 5px solid #ececec;
	}
	
.article h1 {
	font-size: 28px;
	}
	
.article p {
	line-height: 1.8em;
	font-size: 12px;
	}
	
.articleImage {
	width: 310px;
	float: right;
	background: url(../_images/article_bg.jpg) no-repeat;
	}
	
.articleImage img {
	margin: 0 0 0 25px;
	border: 1px solid #ccc;
	padding: 9px;
	background-color: #fff;
	}
	
.articleImage a {
	font: normal normal normal 1em Georgia, Serif;
	color: #005895;
	text-decoration: none;
	border-bottom: none;
	}

.articleImage a:hover {
	background-color: #fff;
	text-decoration: none;
	border-bottom: none;
	}
	
.caption {
	float: left;
	width: 100%;
	padding: 10px 0 5px 25px;
	font: italic normal normal 9px Verdana, Serif;
	color: #999;
	}
	
.lastArticle {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
FAQ
----------------------------------------------------------------
----------------------------------------------------------------
*/
	
.faq{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
VIDEOS
----------------------------------------------------------------
----------------------------------------------------------------
*/

.video { 
	float: left;
	width: 100%;
	padding: 25px 0;
	}
	
.videoObject {
	float: left;
	padding-right: 40px;
	}


/* 
----------------------------------------------------------------
----------------------------------------------------------------
BUTTONS
----------------------------------------------------------------
----------------------------------------------------------------
*/	

.button {
	float: left;
	width: 104px;
	height: 15px;
	margin-top: 10px;
	}
	
.stories { background: url(../_images/button_stories.jpg) repeat-x; }
.videos { background: url(../_images/button_videos.jpg) repeat-x; }
.archives { background: url(../_images/button_archives.jpg) repeat-x; }

.new {
	float: left;
	width: 28px;
	height: 7px;
	padding-right: 5px;
	background: url(../_images/new.gif) no-repeat;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
FOOTER
----------------------------------------------------------------
----------------------------------------------------------------
*/

#footer {
	float: left;
	width: 855px;
	padding: 15px 0 15px 0;
	margin: 0 48px 0 47px;
	border-top: 1px solid #ccc;
	font: normal normal normal 10px Arial, Sans-Serif;
	color: #999;
	display: inline; /* ie 6 hack */
	}
	
.extended {
	width: 950px;
	}
	
#footerLeft {
	float: left;
	width: 200px;
	}

#footerRight {
	float: right;
	width: 655px;
	text-align: right;
	}
	
#footer a {
	font: normal normal normal 10px Arial, Sans-Serif;
	color: #999;
	text-decoration: none;
	border-bottom: dotted #999 0px;
	}
	
#footer a:hover {
	text-decoration: none;
	background-color: #999;
	color: #fff;
	}