/* CSS Document */
html
{
	margin: 0 auto;
}

body  {
	background-color: #1b0d07;
	background-image: url(../images/woodGrain.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
}
p {
	font: 14px Arial, Helvetica, sans-serif;
	color: #e8a656;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: left;
}
hr { color: #996633;
	border-top: 1px dashed #996633;
	margin-bottom: 5px;}
	
.media-table { 
	
	}
	
.media-table ul {
	padding-right: 12px;
  
}

.media-table ul li  {list-style-type:square;
	font-size:.9em;
	font-family:verdana;
	color: #DDDCD0;
	} 
.media-cell {
	background-image: url(MediaCellBG.gif);
	background-repeat: repeat-y;
	padding-right: 30px;
}
a,  a:link, a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #e4c19a;
	text-decoration: none
}
a:hover {
	color: #ffe7cc;
	text-decoration: underline;
}
.contentCell { 
	padding-top: 9px;
	padding-bottom: 9px;
}
.columnNarrow {
	width: 380px;
	padding-right: 10px;
	float: left;
	vertical-align: top;
}
.columnWide {
	width: 480px;
	padding-left: 10px;
	float: left;
	vertical-align: top;
}

.columnOne {
	width: 440px;
	padding-right: 10px;
	float: left;
}
.columnTwo {
	width: 430px;
	padding-left: 10px;
	float: left;
}
.columnFull {
	width: 800px;
	padding-right: 10px;
	float: left;

}
.flashTable {

	height: 369px;
	width: 900px;

}
.flashcell {
	padding: 0px;
	margin: 0px;
}
.dontFret {
	width: 905px;
}

ul { 
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;

}
h1 {
	font: bold 22px "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	color: #e4c19a;
	margin-top: 5px;
	padding-bottom: 12px;
	float: left;

}
h2 {
	font: bold 20px  Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #e4c19a;
	margin-bottom: 8px;
}


h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #e4c19a;
	margin-bottom: 8px;
}
h3 a, h3 a:link, h3 a:hover {
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #FFFAEC;
}
h3 a:active {
	text-align: left;
	vertical-align: top;
	text-decoration: underline;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #e4c19a;
	margin-bottom: 8px;
}
.lowerNav  {
	float: right;
	vertical-align: top;
}
.upperNav  {
	float: right;
}

.lowerNav td {
	float: right;
	padding-left: 6px;
	width: 105px;
	height: 55px; 
	color: #e4c19a;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: right;
}


.nav-lapSteel {
	background-image: url(btn-lap-steel.jpg);
	margin-top: 30px;
	background-position: top right;
	background-repeat: no-repeat;
}
.nav-customBass{
	background-image: url(btn-bass-guitar.jpg);
	margin-top: 30px;
	background-position: top right;
	background-repeat: no-repeat;
}
.nav-percussion{
	background-image: url(btn-handmade-percussion.jpg);
	margin-top: 30px;
	background-position: top right;
	background-repeat: no-repeat;
}

.nav-build-guitar {
	background-image: url(btn-build-a-guitar.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.nav-guitarmaker {
	background-image: url(btn-Guitar-maker.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.nav-mediaRoom {
	background-image: url(btn-media-room.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.nav-testimonial {
	background-image: url(btn-testimonial.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.nav-request {
	background-image: url(btn-RequestInfo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.mySpace {
	background-image: url(mySpacePanel.jpg);
	background-repeat: no-repeat;
	width: 430px;
	height: 100px;
	padding: 12px 10px 10px 10px;
	float: left;
	margin-right: 3px;
	vertical-align: top;
	font: bold 8px Arial, Helvetica, sans-serif;
	color: #ffd2b5;
}

.youTube {
	background-image: url(youTube-Panel.jpg);
	background-repeat: no-repeat;
	width: 430px;
	height: 100px;
	padding: 10px;
	float: left;
	
	vertical-align: top;
	font: bold 8px Arial, Helvetica, sans-serif;
	color: #ffd2b5;
}
.audioCell {
	background-image: url(MediaBtnAudio.jpg);
	background-repeat: no-repeat;
	width: 295px;
	height: 71px;
	margin-left: 5px;
	vertical-align: top;
	font: bold 8px Arial, Helvetica, sans-serif;
	color: #ffd2b5;
}
.videoCell {
	background-image: url(MediaBtnVideo.jpg);
	background-repeat: no-repeat;
	width: 295px;
	height: 71px;
	vertical-align: top;
	font: bold 8px Arial, Helvetica, sans-serif;
	color: #ffd2b5;
}

.newsCell {
	background-image: url(MediaBtnNews2.jpg);
	/*background-image: url(MediaBtnNews2.jpg);*/
	background-repeat: no-repeat;
	width: 295px;
	height: 71px;
	vertical-align: top;
	font: bold 8px Arial, Helvetica, sans-serif;
	color: #ffd2b5;
}

/* Product Display table style */
.product-display {
	width: 97%;
}
.product-display td{
	width: 25%;
	padding: 10px;
	border: 1px solid #ffd2b5;
	}

/* END Product Display table style */

/* BEGIN sales product pages */
	
#sales-content {
	width: 100%;
	height: auto;
	margin-top: 25px;	
}

#sales-main {
	width: 75%;
	height: auto;
	float: right;
	position: relative;
	border: 1px solid #e4c19a;
	padding: 5px;
}

#sales-main-image {
	float: left;
	position: relative;
	width: 66%;
}

#sales-main-gallery {
	float: right;
	position: relative;
	width: 30%;
	margin-right: 20px;
}

#sales-information {
	float: left;
	width: 20%
}

#sales-information ul {
	font-size: 14px;
}

#sales-information h2 {
	font-size: 22px;
	margin-top: -10px;
}
#gallery-instructions {
	clear: both;
	width: 100%;
	text-align: right;
	padding-top: 10px;
}
 
/* END sales product pages */

.footerTable  {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #e4c19a;
}
.footerCell  {
	font: bold;
	padding: 5px;
	text-align: center;
}
.footerCell a,  .footerCell a:link, .footerCell a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffe7cc;
	text-decoration: none
}
.footerCell a:hover {
	color: #ffe7cc;
	text-decoration: underline;
}
.copyrightCell {
	padding-top: 9px;
	padding-bottom: 9px;
}

.copyright {
	font: 12px Arial, Helvetica, sans-serif;
	color: #e4c19a;
	text-align: center;
}
.copyright a,  .copyright a:link, .copyright a:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffe7cc;
	text-decoration: none
}
.copyright a:hover {
	color: #ffe7cc;
	text-decoration: underline;
}

#gallery-instructions p {
	text-align: right;
}
#sales-content #sales-main #gallery-instructions p {
	text-align: right;
}