html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block; }

nav ul {
	list-style:none; }

blockquote, q {
	quotes:none; }

blockquote:before, blockquote:after, q:before, q:after {
	content:''; content:none; }

a {
	margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

hr {
	display:block; height:1px; border:0; border-top:1px solid #ccc; margin:16px 0; padding:0; }

.typekit-badge {
	display:none !important; }
	

/*=============== Master Styles ===============*/

body {	
	font-family: "droid-serif-1","droid-serif-2", georgia, serif;
	font-size: 16px;
	line-height: 27px;
	color: #000; }
	
.content { 
	clear: both;
	display: block;
	margin: 120px auto 0;
	overflow: hidden;
	padding: 0;
	width: 100%; }
	
#left_col {
	display: block;
	width: 300px; 
	float: left;
	margin-right: 24px;
	padding: 0; }
	
#right_col {
	display: block;
	width: 636px; 
	float: right;
	margin-bottom: 48px;
	padding: 0; }
	
#left_col_bike {
	display: block;
	width: 312px; 
	float: left;
	margin-right: 12px;
	padding: 0; }
	
#right_col_bike {
	display: block;
	width: 636px; 
	float: right;
	margin-bottom: 48px;
	padding: 0; }
	
#left_col_wide {
	display: block;
	width: 636px; 
	float: left;
	margin-bottom: 48px;
	padding-left: 3px; }
	
#right_col_short {
	display: block;
	width: 300px; 
	float: left;
	margin-left: 20px;
	padding: 0; }
	
#full_col {
	display: block;
	width: 960px;
	margin: 0px auto 48px auto;
	padding: 0;
	clear: both; }

a {
  text-decoration: none; }

a:hover, a:active {
	outline: none; }

a, a:active, a:visited {
	color: #000; }

a:hover {
	color: #fff; text-decoration: underline; }

p {
  font-size: 18px;
	line-height: 21px; }
	
em.dropcap {
	font-size: 130px;
	line-height: 102px;
	font-style: normal;
	float: left;
	margin: 4px 10px 0px 0px;
	display: block; }
  
.container {
  width: 100%; }
  
.wrap, .full-wrap {
  width: 960px;
  margin: 0 auto;
  overflow: hidden; }
  
.message {
  overflow: visible; }
  
.full {
  width: 100%;
  float: left;
  clear: left; }
	
.line {
	border-top: solid 4px #111;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 27px;
	padding: 0;
	display:block;
	float: left; }
	
/*=============== Headings ===============*/

em.dropcap {
	font-size: 130px;
	line-height: 102px;
	font-style: normal;
	float: left;
	margin-right: 10px;
	display: block; }
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
	line-height: 27px; }
	
a { 
	text-decoration: none }
	
a:hover { 
	text-decoration: none }
	
/*=============== Header ===============*/
	
header {
	height: 312px;
	width: 100%;
	border-top: solid 1px #000;
	overflow: hidden; }
	
.header-contact-info {
  background: #000 url('../images/contact-black-dotted.gif') left bottom repeat-x;
  text-align: center;
  padding: 40px 0;
  display: none; }
  
.header-contact-info span {
  color: #F1592A;
	font-size: 25px; }
	
.header-contact-info ul li {
  float: left;
  text-align: left;
	list-style: none;
  margin-top: 30px;
  padding: 0px 0px 30px 90px; }
  
.header-contact-info ul li.email {
  width: 540px;
  background: url('../images/contact-email.gif') left center no-repeat; }
  
.header-contact-info ul li.call {
  color: #13A89E;
  width: 200px;
  background: url('../images/contact-call.gif') left center no-repeat;
  padding-top: 7px; }
  
.header-contact-info ul li a {
  color: #13a89e;
  display: block;
  padding-top: 7px; }
  
.header-contact-info ul li a:hover {
  text-decoration: underline; }
  
.header-contact-info ul li span {
  color: #fff;
  display: block;
  font-size: 34px;
  font-weight: bold; }
	
nav {
  width: 100%;
  border-top: 4px solid #000;
  position: absolute;
  /*-webkit-perspective: 800;
  perspective: 800;*/
  z-index: 20; }
	
nav .logo-type {
  float: left;
  width: 312px; }
  
nav .logo-type img {
  width: 100%; }
  
nav ul {
  float: right;
  padding: 0;
	list-style-type: none;
	line-height: 14px; }
  
nav ul li {
  color: #340000;
	float: left;
	margin: 16px 0 0 20px;
  padding: 5px; }
	
nav ul li a, nav .contact {
  float: right;
  padding: 7px 10px 7px 10px;
  font-size: .75em;
  color: #340000;
  text-transform: uppercase; }
  
nav .contact {
  background: url('../images/contact_arrow.gif') center bottom no-repeat;
  margin: 16px 0 0 20px;
  padding: 5px 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  float: right;
  cursor: pointer; }
  
nav .contact.open {
  background-position: center top; }
  
nav .contact a, nav .contact a:hover {
  background: #340000;
  color: #fff;
  padding: 6px;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* future proofing */ }
	
nav ul li a:hover, nav ul li.current a {
	background-color: #340000;
	text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* future proofing */ }

nav ul li a:hover, nav ul li.current a {
	background-color: #340000;
	color: #FFF; }

nav ul li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  cursor: pointer; }
	
nav ul li a:hover, nav ul li a:focus {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
	
/*=============== Content Grid Styles ===============*/

#content-grid { 
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 648px; }
	
.grid {
	display: block;
	float: left;
	width: 204px;
	height: 420px;
	margin-right: 12px;
	padding: 0;
	text-align: center; }
	
.row { 
	margin-left: 0;
	clear: both; }
	
.last { 
	margin: 0;
	padding: 0; }

.grid-img { 
	margin: 0;
	width: 204px;
	height: 312px;
	overflow: hidden; }
	
.grid h2 { 
	font-size: 16px }
	
/*=============== Thumb Preview and Video Styles ===============*/

#preview, #screenshot {
	position: absolute;
	background: transparent;
	background: rgba(38, 47, 52, .85);
	padding:6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
	color: white;
	border: 0px transparent;
	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black; }
	
.backdrop {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .0;
	filter: alpha(opacity=0);
	z-index: 50;
	display: none; }
 
.box {
 	position: fixed;
	top: 20%;
	left: 26%;
	width: auto;
	height: auto;
	background: #ffffff;
	z-index: 51;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #444444;
	-webkit-box-shadow: 0px 0px 5px #444444;
	box-shadow: 0px 0px 5px #444444;
	display: none; }
 
.close {
	float: right;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/video_box.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 52; }

/*=============== Home Page Styles ===============*/

body#home {
	background: #cf9b59 url('../images/backer_index.jpg') center repeat; }

#home h1 {
	color: #3b0302;
	font-size: 16px;
	margin-bottom: 0; }
	
#home h2 {
	color: #f3e29c;
	font-size: 16px;
	line-height: 27px;
	padding-top: 12px;
	margin-bottom: 0; }
	
#home h2 a:link, #home h2 a:visited {
	color: #f3e29c;
	border-bottom: 1px solid #f3e29c; }
	
#home h2 a:hover {
	color: #3b0302;
	border-bottom: none; }

/*=============== About Page Styles ===============*/

body#about {
	background: #f3f3f5; }

#about h1 {
	color: #5ab2de;
	font-size: 16px;
	margin-bottom: 27px; }
	
#about h2 {
	color: #5ab2de;
	font-size: 16px;
	line-height: 27px;
	padding-top: 12px;
	margin-bottom: 0; }
	
#about h2 a:link, #about h2 a:visited {
	color: #5ab2de;
	border-bottom: 1px solid #5ab2de; }
	
#about h2 a:hover {
	color: #3b0302;
	border-bottom: none; }
	
#about p {
	color: #5ab2de;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#about p a:link, #about p a:visited {
	color: #5ab2de;
	border-bottom: 1px solid #5ab2de; }
	
#about p a:hover {
	color: #f18289;
	border-bottom: none; }
	
/*=============== Design Page Styles ===============*/

body#design {
	background: #f3f3f5; }

#design h1 {
	color: #423535;
	font-size: 16px;
	margin-bottom: 27px; }
	
#design h2 {
	color: #423535;
	font-size: 27px;
	line-height: 27px;
	padding-bottom: 12px;
	margin-bottom: 0; }
	
#design h2 a:link, #design h2 a:visited {
	color: #423535;
	border-bottom: 1px solid #5ab2de; }
	
#design h2 a:hover {
	color: #423535;
	border-bottom: none; }
	
#design p {
	color: #423535;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#design p a:link, #design p a:visited {
	color: #423535;
	text-decoration: underline; }
	
#design p a:hover {
	color: #BFB169;
	border-bottom: none; }
	
#design img.nice {
	float: left;
	clear: both;
	margin: 0 0 27px 0;
	padding: 0;
	-moz-box-shadow: 0 2px 7px #ccc;
	-webkit-box-shadow: 0 2px 7px #ccc;
	box-shadow: 0 2px 7px #ccc;	}
	
#design_bq {
	width: 300px;
	height: 27px;
	display: block;
	background: url('../images/design/design_bq.gif') center no-repeat;
	padding-bottom: 2px; }
	
#left_col .design_blockquote p {
	font-size: 12px;
	color: #BFB169;
	text-align: center; }
	
#left_col .design_blockquote p span {
	font-variant: small-caps; }
	
#design ul.webgraph {
	list-style: none;
	margin: 0;
	float: right;
	width: 630px;
	margin: 0px 0 80px 0; }

#design ul.webgraph li {
	width: 210px;
	height: 210px;
	display: inline;
	float: left; }
	
#design ul.webgraph img {
	width: 100%;
	height: 100%; }
	
#design ul.webgraph_large {
	list-style: none;
	margin: 0;
	float: right;
	width: 630px;
	margin: 0px 0 80px 0; }

#design ul.webgraph_large li {
	width: 315px;
	height: 315px;
	display: inline;
	float: left; }
	
#design ul.webgraph_large img {
	width: 100%;
	height: 100%; }
	
#left_col .buyitdesign, #right_col_short .buyitdesign {
	font-family: "droid-serif-1","droid-serif-2", georgia, serif;
	font-size: 18px;
	font-weight: 500;
	color: #e1e1e1;
	background: #C0B26B;
	margin: 10px 0;
	padding: 6px;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	border: none;
	position: relative;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url('../js/PIE.htc'); 
	
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear; }

#left_col .buyitdesign:hover, #right_col_short .buyitdesign:hover {
	color: #fff; }
	
/*=============== Painting Page Styles ===============*/

body#painting {
	background: #FFF; }

#painting h1 {
	color: #363D45;
	font-size: 16px;
	margin-bottom: 27px; }
	
#painting h2 {
	color: #363D45;
	font-size: 27px;
	line-height: 27px;
	padding-bottom: 12px;
	margin-bottom: 0; }
	
#painting h2 a:link, #painting h2 a:visited {
	color: #363D45;
	border-bottom: 1px solid #363D45; }
	
#painting h2 a:hover {
	color: #363D45;
	border-bottom: none; }
	
#painting p {
	color: #363D45;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#painting p a:link, #painting p a:visited {
	color: #363D45;
	text-decoration: underline; }
	
#painting p a:hover {
	color: #888B96;
	border-bottom: none; }	

#painting img.nice {
	float: left;
	clear: both;
	margin: 0 0 27px 0;
	padding: 0;
	-moz-box-shadow: 0 2px 7px #222;
	-webkit-box-shadow: 0 2px 7px #222;
	box-shadow: 0 2px 7px #222;	}
	
#painting_bq {
	width: 300px;
	height: 27px;
	display: block;
	background: url('../images/painting/painting_bq.gif') center no-repeat;
	padding-bottom: 2px; }
	
#left_col .painting_blockquote p {
	font-size: 12px;
	color: #a69e9d;
	text-align: center; }
	
#left_col .painting_blockquote p span {
	font-variant: small-caps; }
	
/*=============== Cycling Page Styles ===============*/

body#cycling {
	background: #FFF; }

#cycling h1 {
	color: #EB5E28;
	font-size: 16px;
	margin-bottom: 27px; }
	
em.cycle_dropcap {
	font-size: 140px;
	line-height: 102px;
	font-family: alternate-gothic-no-2-d-1,alternate-gothic-no-2-d-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	float: left;
	margin: 12px 10px 0px 0px;
	display: block; }
	
#cycling h2 {
	color: #EB5E28;
	font-size: 70px;
	line-height: 70px;
	font-family: alternate-gothic-no-2-d-1,alternate-gothic-no-2-d-2,sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0;
	margin: 0; }
	
#cycling h2 a:link, #cycling h2 a:visited {
	color: #EB5E28;
	text-decoration: underline; }
	
#cycling h2 a:hover {
	color: #4E4D47;
	text-decoration: none; }
	
#cycling p {
	color: #FFFFFF;
	background-color: #4E4D48;
	background: rgba(78,77,72,0.75);
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px;
	padding: 15px; }
	
#cycling p a:link, #cycling p a:visited {
	color: #F7C758;
	text-decoration: underline; }
	
#cycling p a:hover {
	color: #FFFFFF;
	text-decoration: none; }
	
#cycling p span.cyc {
	color: #F7C758;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
	padding-right: 20px; }
	
/* BACKGROUND IMAGES */

#images {
	display: block;
	height: 0px;
	width: 0px;
	z-index: 1; }
	
#images div {
	background-attachment: fixed;
	height: 0px;
	width: 0px; }

#images #bg_0 {
	background-image: url('../images/cycling/bg_0.gif');
	background-position: 50% 0;
	background-repeat:no-repeat; }

#images #bg_1 {
	background-image: url('../images/cycling/bg_1.gif');
	background-position: 50% 0;
	background-repeat:no-repeat;
	background-color:#F7C857; }

#images #bg_2 {
	background-image: url('../images/cycling/bg_2.gif');
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#FFFFFF; }

#images #bg_3 {
	background-image: url('../images/cycling/bg_3.gif');
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#F7C857; }

#images #bg_4 {
	background-image: url('../images/cycling/bg_4.gif');
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#FFFFF; }

#images #bg_5 {
	background-image: url('../images/cycling/bg_5.gif');
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#F7C857; }
	
/* CONTENT*/

#cyc_intro_wrap {
	width: 960px;
	height: 360px;
	overflow: hidden;
	margin: 0 auto; }

#cyc_wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 2; }

#trike-wrapper {
	width: 560px;
	height: 1200px;
	overflow: hidden;
	margin: 0; }

#training-wrapper {
	width: 560px;
	height: 1200px;
	overflow: hidden;
	margin: 0 0 0 400px; }

#flatland-wrapper {
	width:560px;
	height: 1200px;
	overflow:hidden;
	margin:0; }

#mtb-wrapper {
	width:560px;
	height: 1200px;
	overflow:hidden;
	margin: 0 0 0 400px; }

#road-wrapper {
	width:560px;
	height: 1100px;
	overflow:hidden;
	margin:0; }
	
/*=============== Travel Page Styles ===============*/

body#travel {
	background: #B9BDBF; }

#travel h1 {
	color: #263034;
	font-size: 16px;
	margin-bottom: 27px; }
	
#travel h2 {
	color: #263034;
	font-size: 16px;
	line-height: 27px;
	padding-top: 12px;
	margin-bottom: 0; }
	
#travel h2 a:link, #travel h2 a:visited {
	color: #263034;
	border-bottom: 1px solid #263034; }
	
#travel h2 a:hover {
	color: #263034;
	border-bottom: none; }
	
#travel p.trav {
	color: #263034;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#travel p.trav a:link, #travel p.trav a:visited {
	color: #263034;
	border-bottom: 1px solid #263034; }
	
#travel p.trav a:hover {
	color: #E04324;
	border-bottom: none; }
	
.travel_map {
	-moz-box-shadow: 0 2px 7px #333;
	-webkit-box-shadow: 0 2px 7px #333;
	box-shadow: 0 2px 7px #333; }
	
/*=============== Photography Page Styles ===============*/

body#photos {
	background: #FFF; }

#photos h1 {
	color: #4C433A;
	font-size: 16px;
	margin-bottom: 27px; }
	
#photos h2 {
	color: #4C433A;
	font-size: 27px;
	line-height: 27px;
	padding-bottom: 12px;
	margin-bottom: 0; }
	
#photos h2 a:link, #photos h2 a:visited {
	color: #4C433A;
	border-bottom: 1px solid #4C433A; }
	
#photos h2 a:hover {
	color: #4C433A;
	border-bottom: none; }
	
#photos p {
	color: #4C433A;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#photos p a:link, #photos p a:visited {
	color: #4C433A;
	border-bottom: 1px solid #4C433A; }
	
#photos p a:hover {
	color: #367486;
	border-bottom: none; }
	
#photos img.nice {
	float: left;
	clear: both;
	margin: 0 0 27px 0;
	padding: 0;
	-moz-box-shadow: 0 2px 7px #ccc;
	-webkit-box-shadow: 0 2px 7px #ccc;
	box-shadow: 0 2px 7px #ccc;	}
	
/*=============== Camping Page Styles ===============*/

body#camping {
	background: #E8E4D4; }

#camping h1 {
	color: #716D5F;
	font-size: 16px;
	margin-bottom: 27px; }
	
#camping h2 {
	color: #716D5F;
	font-size: 27px;
	line-height: 27px;
	padding-top: 12px;
	margin-bottom: 0; }
	
#camping h2 a:link, #camping h2 a:visited {
	color: #716D5F;
	border-bottom: 1px solid #716D5F; }
	
#camping h2 a:hover {
	color: #716D5F;
	border-bottom: none; }
	
#camping p.camp {
	color: #716D5F;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#camping p.camp a:link, #camping p.camp a:visited {
	color: #716D5F;
	border-bottom: 1px solid #716D5F; }
	
#camping p.camp a:hover {
	color: #C8BD56;
	border-bottom: none; }
	
#camping_bq {
	width: 300px;
	height: 27px;
	display: block;
	background: url('../images/camping/camping_bq.gif') center no-repeat;
	padding-bottom: 2px; }
	
#left_col .camp_blockquote p {
	font-size: 12px;
	color: #2f7188;
	text-align: center; }
	
#left_col .camp_blockquote p span {
	font-variant: small-caps; }
	
.camping_map {
	-moz-box-shadow: 0 2px 7px #333;
	-webkit-box-shadow: 0 2px 7px #333;
	box-shadow: 0 2px 7px #333; }
	
/*=============== Vizslas Page Styles ===============*/

body#vizslas {
	background: #F6F3EB; }

#vizslas h1 {
	color: #72A8B7;
	font-size: 16px;
	margin-bottom: 27px; }
	
#vizslas h1 a:link, #vizslas h1 a:visited {
	color: #72A8B7;
	border-bottom: 1px solid #72A8B7; }
	
#vizslas h1 a:hover {
	color: #C46748;
	border-bottom: none; }
	
#vizslas h2 {
	color: #72A8B7;
	font-size: 16px;
	line-height: 27px;
	padding-top: 12px;
	margin-bottom: 0; }
	
#vizslas h2 a:link, #vizslas h2 a:visited {
	color: #72A8B7;
	border-bottom: 1px solid #72A8B7; }
	
#vizslas h2 a:hover {
	color: #72A8B7;
	border-bottom: none; }
	
#vizslas p.dog {
	color: #72A8B7;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#vizslas p.dog a:link, #vizslas p.dog a:visited {
	color: #72A8B7;
	border-bottom: 1px solid #72A8B7; }
	
#vizslas p.dog a:hover {
	color: #C46748;
	border-bottom: none; }
	
/*=============== Music Page Styles ===============*/

/* ----- Carousel ----- */

#carousel-holder {
	display: block;
	width: 940px;
	height: 410px;
	margin: 0 auto;
	position: relative; }

#carousel {
	margin: 0 auto; }

#carousel ul {
	list-style: none;
	width: 20000px;
	margin: 0;
	padding: 0; }

#carousel li {
	display: inline;
	float: left;
	width: 940px;
	height: 410px; }

.carousel-padding {
	padding: 50px 0 30px 90px;
	overflow: hidden; }

#carousel h2 {
	margin-bottom: 8px;	}

#carousel h1 {
	margin-bottom: 12px;
	line-height: 90%; }

#carousel-prev, #carousel-next {
	width: 51px;
	height: 51px;
	position: absolute;
	top: 181px;
	overflow: hidden;
	background: url('../images/layout/carousel/prev_next_bg.png') no-repeat; }

#carousel-prev {
	left: 20px;	}

#carousel-next {
	right: 20px; }

#carousel-left-frame {
	position: absolute;
	top: 0px;
	left: -26px; }

#carousel-right-frame {
	position: absolute;
	top: 0px;
	right: -26px; }

#carousel-thumbs {
	margin-top: 10px;
	display: none; }

#carousel-thumbs .thumb {
	width: 60px;
	height: 60px;
	background: #ccc;
	float: left;
	margin-left: 10px; }	

a.caro-btn {
	padding: 8px 20px;
	color: #fbc56b;
	background: url('../images/layout/music_btn_bg.png') repeat;
	background: rgba(254,218,132,0.3);
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url('../js/PIE.htc'); 
	
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear; }

a.caro-btn:hover {
	background: url('../images/layout/music_btn_bg_over.png') repeat;
	background: rgba(29,36,55,1.0); }

p.home-intro {
	color: #dd4d33;
	font-family: "prenton-condensed",sans-serif;
	font-size: 41px;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
	padding: 14px 70px; }

.home-teasers {
	background: url('../images/layout/home_teasers_bg.png') no-repeat center 90px; }

.home-teasers .column {
	float: left; }

.home-teaser {
	padding: 0 30px; }

.home-teaser p {
	line-height: 160%; }

.home-teaser h4 {
	padding: 48px 0 14px 72px;	
	font-size: 20px; }

.margin-bottom {
	margin-bottom: 72px; }

.relative {
	position: relative;	}

.clear {
	clear: both; }
	
.wrapper {
	width: 100%;
	min-width: 940px; }

/* ----- Styles ----- */	
	
body#music {
	background: #F2EDE9; }

#music h1 {
	color: #1D2437;
	font-size: 16px;
	margin-bottom: 27px; }
	
#music h2 {
	color: #1D2437;
	font-size: 60px;
	line-height: 60px;
	padding-bottom: 24px;
	margin-bottom: 0;
	font-family: ambroise-std-1,ambroise-std-2,serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase; }
	
em.music_dropcap {
	font-size: 130px;
	line-height: 102px;
	font-family: ambroise-std-1,ambroise-std-2,serif;
	font-style: normal;
	font-weight: 700;
	float: left;
	margin: 4px 10px 0px 0px;
	display: block; }
	
#music h2 a:link, #music h2 a:visited {
	color: #1D2437;
	border-bottom: 1px solid #1D2437; }
	
#music h2 a:hover {
	color: #1D2437;
	border-bottom: none; }
	
#music p {
	color: #1D2437;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px; }
	
#music p a:link, #music p a:visited {
	color: #1D2437;
	border-bottom: 1px solid #1D2437; }
	
#music p a:hover {
	color: #FCC969;
	border-bottom: none; }
	
article.trumpet {
	background: url('../images/music/trumpet.gif') no-repeat left; }

article.guitar {
	background: url('../images/music/guitar.gif') no-repeat left; }
	
article.bass {
	background: url('../images/music/bass.gif') no-repeat left; }
	
article.flute {
	background: url('../images/music/flute.gif') no-repeat left; }
	
article.drums {
	background: url('../images/music/drums.gif') no-repeat left; }
	
/*=============== Footer ===============*/

#footer {
	width: 100%;
	background-color: #333333;
	display: block; }
	
#footer-inner {
	color: #b3b3b3;
	font-size: 11px;
	font-family: "droid-serif-1","droid-serif-2", georgia, serif;
	margin: 0 auto;
	padding: 0;
	width: 960px; }
	
#legal { 
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 55px;
	list-style: none }
	
#legal a:link, #legal a:visited {
	color: #f7931e;
	font-size: 11px;
	font-family: courier;
	border-bottom: 1px dotted #f7931e; }
	
#legal a:hover {
	color: #00a99d;
	border-bottom: 1px dotted #00a99d; }
	
#book_legal { 
	display: block;
	height: 30px;
	padding-bottom: 20px;
	line-height: 30px;
	list-style: none;
	clear: both; }
	
#book_legal a:link, #book_legal a:visited {
	color: #f7931e;
	font-size: 11px;
	font-family: courier;
	border-bottom: 1px dotted #f7931e; }
	
#book_legal a:hover {
	color: #00a99d;
	border-bottom: 1px dotted #00a99d; }

/*=============== Footer Books ===============*/

#book_footer {
	width: 100%;
	height: 600px;
	background: #333333  url('../images/backer_footer.jpg') center repeat;;
	display: block; }

.fg-main-menu {
	position: absolute;
	z-index: 2;
	width: 312px;
	height: 550px;
	margin-left: 0; }

.fg-main-list {
	width: 636px;
	margin-left: 324px;
	position: relative; }
	
#footer_logo {
	height: 185px;
	width: 312px;
	margin: 70px 0 18px 0; }

#footer_logo a {
	background: transparent url('../images/footer_logo.gif') no-repeat;
	background-position: center;
	clear: both;
	display: block;
	height: 185px;
	width: 312px; }

.fg-main-menu li {
	width: 204px;
	margin-left: 22px;
	list-style-type: none; }

.fg-main-menu li a {
	background-image: url('../images/footer_side_menu.gif');
	display: block;
	width: 204px;
	height: 29px;
	text-decoration: none !important;
	text-indent: -3000px; }

.fmenutext1 a { background-position: 0 0; }
.fmenutext1 a.hover { background-position: -204px 0; }

.fmenutext2 a { background-position: 0 -29px; }
.fmenutext2 a.hover { background-position: -204px -29px; }

.fmenutext3 a { background-position: 0 -58px; }
.fmenutext3 a.hover { background-position: -204px -58px; }

.fmenutext4 a { background-position: 0 -87px; }
.fmenutext4 a.hover { background-position: -204px -87px; }

.fmenutext5 a { background-position: 0 -116px; }
.fmenutext5 a.hover { background-position: -204px -116px; }

.fmenutext6 a { background-position: 0 -145px; }
.fmenutext6 a.hover { background-position: -204px -145px; }

.fmenutext7 a { background-position: 0 -174px; }
.fmenutext7 a.hover { background-position: -204px -174px; }

.fmenutext8 a { background-position: 0 -203px; }
.fmenutext8 a.hover { background-position: -204px -203px; }

.fmenutext9 a { background-position: 0 -232px; }
.fmenutext9 a.hover { background-position: -204px -232px; }

.fg-main-spines {
	height: 308px;
	overflow: hidden;
	padding: 96px 55px 0 0;
	*position: relative; }

.fg-main-spines div {
	float: left;
	width: 22px;
	height: 308px;
	display: block;
	overflow: hidden;
	position: relative; }

.fg-main-spines a {
	float: left;
	display: block;
	width: 22px;
	height: 308px;
	text-indent: -3000px; }

.fg-main-spines a {
	cursor: pointer; }

.fg-main-spines .spine-fg1 a { background: transparent url('../images/spine_about.jpg') no-repeat top left; }
.fg-main-spines .spine-fg2 a { background: transparent url('../images/spine_design.jpg') no-repeat top left; }
.fg-main-spines .spine-fg3 a { background: transparent url('../images/spine_paintings.jpg') no-repeat top left; }
.fg-main-spines .spine-fg4 a { background: transparent url('../images/spine_cycling.jpg') no-repeat top left; }
.fg-main-spines .spine-fg5 a { background: transparent url('../images/spine_travels.jpg') no-repeat top left; }
.fg-main-spines .spine-fg6 a { background: transparent url('../images/spine_photos.jpg') no-repeat top left; }
.fg-main-spines .spine-fg7 a { background: transparent url('../images/spine_camping.jpg') no-repeat top left; }
.fg-main-spines .spine-fg8 a { background: transparent url('../images/spine_vizslas.jpg') no-repeat top left; }
.fg-main-spines .spine-fg9 a { background: transparent url('../images/spine_music.jpg') no-repeat top left; }

.fg-main-spines a.spine-cover {
	width: 202px !important;
	display: block !important;
	position: absolute;
	z-index: 33;
	top: 0;
	left: 0;
	opacity: 0; }

.cover-load {
	position: absolute;
	z-index: 1;
	top: -1000px;
	left: -2000px;
	height: 1px;
	width: 1px;
	overflow: hidden; }

.fg-main-spines .spine-fg1 a.spine-cover,
.cover-load-fg1 { background: transparent url('../images/cover_about.jpg') no-repeat top left; }
.fg-main-spines .spine-fg2 a.spine-cover,
.cover-load-fg2 { background: transparent url('../images/cover_design.jpg') no-repeat top left; }
.fg-main-spines .spine-fg3 a.spine-cover,
.cover-load-fg3 { background: transparent url('../images/cover_paintings.jpg') no-repeat top left; }
.fg-main-spines .spine-fg4 a.spine-cover,
.cover-load-fg3 { background: transparent url('../images/cover_cycling.jpg') no-repeat top left; }
.fg-main-spines .spine-fg5 a.spine-cover,
.cover-load-fg4 { background: transparent url('../images/cover_travels.jpg') no-repeat top left; }
.fg-main-spines .spine-fg6 a.spine-cover,
.cover-load-fg5 { background: transparent url('../images/cover_photos.jpg') no-repeat top left; }
.fg-main-spines .spine-fg7 a.spine-cover,
.cover-load-fg6 { background: transparent url('../images/cover_camping.jpg') no-repeat top left; }
.fg-main-spines .spine-fg8 a.spine-cover,
.cover-load-fg7 { background: transparent url('../images/cover_vizslas.jpg') no-repeat top left; }
.fg-main-spines .spine-fg9 a.spine-cover,
.cover-load-fg8 { background: transparent url('../images/cover_music.jpg') no-repeat top left; }

.fg-main-welcome {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 255px;
	width: 380px; }

.fg-main-welcome h2 {
	background: transparent url('../images/footer_welcome.gif') no-repeat top left;
	width: 378px;
	height: 300px;
	margin-top: 15px;
	text-indent: -6000px; }

.fg-main-welcome h4 {
	background: transparent url('../images/best_enjoyed.gif') no-repeat top left;
	width: 378px;
	height: 100px;
	margin-top: 31px;
	text-indent: -6000px; }

.pick_one {
	background: transparent url('../images/pick_a_book.gif') no-repeat top left;
	display: block;
	height: 10px;
	width: 155px;
	text-indent: -6000px;
	margin: 0; }

.fg-main-blurb {
	background: transparent url('../images/footer_blurb_line.gif') no-repeat top left;
	position: absolute;
	top: 41px;
	left: 400px;
	width: 190px;
	height: 475px;
	padding: 0 0 0 44px;
	display: none; }

#main-blurb-1 { z-index: 11;}
#main-blurb-2 { z-index: 12;}
#main-blurb-3 { z-index: 13;}
#main-blurb-4 { z-index: 14;}
#main-blurb-5 { z-index: 15;}
#main-blurb-6 { z-index: 16;}
#main-blurb-7 { z-index: 17;}
#main-blurb-8 { z-index: 18;}
#main-blurb-9 { z-index: 19;}

.fg-main-blurb h4 {
	background: transparent url('../images/footer_blurb_inside.gif') no-repeat top center;
	height: 8px;
	margin: 21px 0 4px 0;
	text-indent: -3000px;
	overflow: hidden; }

.fg-main-blurb h5 {
	font: normal 16px/27px "droid-serif-1","droid-serif-2", georgia, serif;
	color: #fff;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 2px; }

.fg-main-blurb h6 {
	font: 18px/24px "droid-serif-1","droid-serif-2", georgia,serif;
	color: #fff;
	width: 190px;
	height: 160px;
	overflow: hidden;
	padding: 10px 0 0 0; }
	
.hor-divi {
	background: transparent url('../images/footer_hor_divi.gif') repeat-x top left;
	height: 1px;
	width: 100%;
	overflow: hidden;
	margin: 12px 0; }

.fg-main-blurb .blurb-img {
	width: 170px;
	height: 170px;
	text-align: center;
	margin: 20px 0 20px 10px;
	position: relative; }
	
#foot_bottom {
	width: 100%;
	background-color: #2c2c2c;
	display: block; }
	
#foot_bottom_inner {
	color: #b3b3b3;
	font-size: 11px;
	font-family: "droid-serif-1","droid-serif-2", georgia, serif;
	margin: 0 auto;
	padding: 0;
	width: 960px; }
	
.foot_divider {
	background-color: #666666;
	width: 960px;
	height: 5px;
	margin-bottom: 20px;
	clear: both; }