@charset "utf-8";
/* CSS Document */
html,
body {
	margin:0;
	padding:0;
	font-family:arial;
	font-size:14px;
	color:#000;
	text-align: left;
	background-color:#000;
}
.smalltxt {
	font-family:arial;
	font-size:12px;
	color:#000;
}
h1{
	font-family:arial;
	font-size:26px;
	color:#000;
	text-align: left;
}
h2{
	font-family:arial;
	font-size:18px;
	color:#000;
	margin:0;
}
h4{
	font-family:arial;
	font-size:20px;
	color:#000;
	text-align: center;
}
h5{
	font-family:arial;
	font-size:21px;
	color:#000;
	text-align: left;
	margin-top:20px;
	margin-bottom: 20px;
}
h6{
	font-family:arial;
	font-size:14px;
	color:#000;
	margin-top:6px;
	margin-bottom: 6px;
}
.super1{
	font-family:arial;
	font-size:34px;
	color:#000;
	text-align: left;
}
.super2{
	font-family:arial;
	font-size:26px;
	font-weight:bold;	
	color:#000;
	text-align: right;
}
.phrase {
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	color:#000;
}
a:link {
	color: #2C2C2C;
	text-decoration:none;
}
a:visited {
	color: #2C2C2C;
}
a:hover {
	color: #999;
	text-decoration:underline;
}
a:active {
	color: #999;
	text-align: left;
}
#header{
	width:100%;
	height:60px;
	background-color:#000;
	z-index:1;
}
#logo-wrapper {
	width:960px;
	height:93px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}

#logo a {
	background:url(../images/lee-oskar-harmonicas-logo-sm.jpg) left no-repeat;
	width:100px;
	height:40px;
	z-index:5;
	position:relative;
	float:left;
	margin-top:28px;
}
#rainbar{
	width:100%;
	height:6px;
	background:url(../images/rainbow-strip-home.jpg) center no-repeat;
	background-color:#000;
}
#rainbar-sub{
	width:960px;
	height:6px;
	background:url(../images/rainbow-strip.jpg) right no-repeat;
	background-color:#000;
	z-index:4;
	position:absolute;
	top:54px;
}
#content{
	width:960px;
	height:auto;
	background:#fff url(../images/top-shd.png) top center repeat-x;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	padding-top:15px;
	text-align: left;
}
#navbar{
	width:960px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}
#content-header{
	width:900px;
	height:26px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	text-align:left;
	font-family:arial;
	color:black;
}
#product-container{
	width:900px;
	height:auto;
	min-height:580px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
#short-container{
	width:900px;
	height:auto;
	min-height:250px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#harp-quadrants{
	width:900px;
	height:742px;
	background:url(../images/harmonicas-quadrant1.png) center no-repeat #FFF;
	margin-left:auto;
	margin-right:auto;
}
#retailers-container{
	width:900px;
	height:auto;
	min-height:360px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#harmonica-container{
	position:relative;
	display:block;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#home-products{
	display:block;
	width:410px;
	height:355px;
	float:left;
	text-align: center;
	margin-top:-15px;
	margin-bottom:60px;
	margin-left:30px;
	margin-right:10px;
}
#harmonica-products{
	display:block;
	width:900px;
	text-align: center;
	margin-top:20px;
	margin-left:auto;
	margin-height:auto;
}
#notation-box{
	width:900px;
	height:200px;
	margin-top:10px;
	margin-right:20px;
	border:2px solid #000;
}
	
.readmore{
	font-size:16px;
	width:300px;
	height:36px;
	background:url(../images/btn-read-on.png) no-repeat;
	line-height:36px;
}
.readmore a{
	color:#000;
	font-size:16px;
	width:300px;
	height:36px;
	padding-top:8px;
	padding-left:15px;
	padding-bottom:10px;
}
.readmore a:hover{
	color:#444;
	font-size:16px;
	width:300px;
	padding-top:8px;
	padding-left:15px;
	padding-bottom:10px;
}
.readmore1{
	font-size:12px;
	width:90px;
	height:36px;
}
.readmore1 a{
	background: #494a49;
	border: #999 1px solid;
	line-height:36px;
	color:#e7e4e4;
	font-size:12px;
	width:90px;
	height:36px;
	padding:5px 5px 5px 5px;
	text-align:center;
}
.readmore1 a:hover{
	background: #0076fa;
	border: #000066 1px solid;
	line-height:36px;
	color:#FFF;
	font-size:12px;
	width:90px;
	height:36px;
	padding:5px 5px 5px 5px;
	text-align:center;
	text-decoration:none;
}
.readmore2{
	font-size:18px;
	width:90px;
	height:40px;
}
.readmore2 a{
	background: #494a49 url(../images/btn-play.png) top left no-repeat;
	height:40px;
	padding:10px 10px 10px 44px;
	border: #999 1px solid;
	color:#e7e4e4;
	font-size:18px;
	width:90px;
	text-align:center;
}
.readmore2 a:hover{
	background: #0076fa url(../images/btn-play.png) top left no-repeat;
	border: #000066 1px solid;
	color:#FFF;
	font-size:18px;
	width:90px;
	height:40px;
	padding:10px 10px 10px 44px;
	text-align:center;
	text-decoration:none;
}
.readmore3{
	font-size:12px;
	width:120px;
	height:36px;
}
.readmore3 a{
	background: #494a49 url(../images/btn-play-sm.png) top left no-repeat;
	border: #999 1px solid;
	line-height:36px;
	color:#e7e4e4;
	font-size:12px;
	width:120px;
	height:36px;
	padding:5px 5px 5px 28px;
	text-align:center;
}
.readmore3 a:hover{
	background: #0076fa url(../images/btn-play-sm.png) top left no-repeat;
	border: #000066 1px solid;
	line-height:36px;
	color:#FFF;
	font-size:12px;
	width:120px;
	height:36px;
	padding:5px 5px 5px 28px;
	text-decoration:none;
	text-align:center;
}
.readmore4{
	font-size:12px;
	width:120px;
	height:36px;
}
.readmore4 a{
	background: url(../images/btn-play-sm.png) top left no-repeat;
	line-height:36px;
	color:#000;
	font-size:12px;
	width:120px;
	height:36px;
	padding:5px 5px 5px 28px;
	text-align:center;
}
.readmore4 a:hover{
	background: url(../images/btn-play-sm.png) top left no-repeat;
	line-height:36px;
	color:#999;
	font-size:12px;
	width:120px;
	height:36px;
	padding:5px 5px 5px 28px;
	text-decoration:none;
	text-align:center;
}

#footer{
	width:960px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
	font-size:10px;
	height:60px;
	text-align:left;
}
.footer-links a {
	font-family:Arial;
	font-size:10px;
	color:#09F;
	text-decoration:none;
}
.footer-links a:visited {
	color:#09F;
	text-decoration:none;
}
.footer-links a:hover {
	color: #0CF;
	text-decoration:underline;
}
.footer-links a:focus {
	outline:none;
}
.footer-links a:active {
	color:#0CF;
	text-decoration:none;
	font-weight: bold;
}
#footer-divider {
	background:url(../images/divider.png) center no-repeat;
	display:block;
	float:left;
	width:960px;
	height:4px;
	margin-top:10px;
}
.copyright {
	color: #CCC;
}
#footer-divider {
	background:url(../images/divider.png) center no-repeat;
	display:block;
	float:left;
	width:960px;
	height:4px;
	margin-top:10px;
}
.copyright {
	color:#CCC;
}
.catimage{
	border:2px solid #CCC;
}
.notation-cell{
	background-color:#000;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
.notation-cell1{
	background-color:#000;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	font-size:11px;
}
.notation-cell2{
	background-color:#000;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
.notation-notes{
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:14px;
}
.notation-notes1{
	font-family:arial;
	color:#000;
	font-size:11px;
}
keys{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	font-size: 12px;
}
#blackborder{
	border:2px solid #CCC;
}
#blackborder1{
	border-top:1px solid #000;
	border-left:1px solid #000;
}
#blackborder2{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#blackborder3{
	border-top:1px solid #000;
	border-right:1px solid #000;
}
#blackborder4{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
#blackborder5{
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
#blackborder6{
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#blackborder7{
	border-right:1px solid #000;
}
.positionkey {
	font-size: 20px;
}
.day-field {
	background-color:#000;
	color:#000;
	width:60px;
	height:60px;
	border:1px solid #CCC;
}
.weekday {
	color:#FFF;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.month {
	color:#FFF;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
}
.day {
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:22px;
}
.date-divider {
	height:2px;
	background-color:#AAA;
	width:100%;
}
.show-row {
	border:1px solid #333;
	background-color:#E5E5E5;
}
.venue {
	color:#000;
	font-family:arial;
	font-size:10px;
}
#content #short-container blockquote p {
	text-align: left;
}
.fblike {
	margin-top:1px;
}
.followus {
	width:160px;
	height:24px;
	float:right;
	margin-top:-22px;
	margin-right:-12px;
	position:relative;
}
.leeartist{
	width:200px;
	height:40px;
	display:inline;
	float:right;
	position:relative;
	margin-top:-30px;
	margin-right:-20px;
}
.pitchbox {
	width:420px;
	height:60px;
	border:2px solid #000;
	background-color: #E6E6E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	float:right;
	margin-top:-50px;
	margin-right:24px;
	padding:6px 8px 18px 15px;
	line-height:24px;
}
.pitchtxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.pitchtxt1{
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	color: #000;
}.pro-heading {
	font-size: 20px;
	font-weight: normal;
}