* {
	margin: 0;
	padding: 0;
}

.superscript {
vertical-align: 0.5em;
font-size: 0.65em;
text-transform: uppercase;
}


.italics {
	font-style: italic;
}

.bold {
	font-weight: bold;
	font-variant: small-caps;
}

.smallbold {
	font-weight: bold;
}

.red {
color: #770229;
}


a {
	text-decoration: none;
	border: none;
	font-size: 110%;
	color: #FFFFFF;
	background-color: transparent;
}

a:hover {
	text-decoration: underline;
	border: none;
}

a:visited {
	text-decoration: none;
	border: none;
}

a:active
{
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

body {
	background-color: white;
	margin: 0;
	width: 100%;
	height: 100%;
	background: url("../images/background2.jpg") repeat;
}


#container {
	width: 977px;
    margin: 0px auto 0px auto; 
	z-index: 2;
}


#rightside {
	float: right;
	width: 630px;	
	position: relative;
	z-index: 9;
	left: 3px;
}

#leftside {
	float: left;
	width: 340px;
}

#header {
	width: 977px;
	height: 153px;
	margin: 0px auto 0px auto; 
	position: relative;
}

#logo {
	position: absolute;
	background: url("../images/gifguitar.gif") no-repeat top right;
	width: 1493px;
	height: 1787px;
	left: -750px;
	top: -80px;
	z-index: 1;
}

#headercontainer {
	background: url("../images/bfullheader.jpg") repeat-x top center;
	width: 778px;
	height: 153px;
	margin-left: 205px;
	
}

#logo img {
	position: absolute;
	left: 800px;
	top: 70px;
	
}

#logo a {
	position: absolute;
	left: 845px;
	top: 110px;
	height: 250px;
	width: 155px;
	z-index: 20;
}

#toprightnav {
	height: 80px;
	position: absolute;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 30px;
	width: auto;
	z-index: 10;
	text-align: left;
	right: 70px;
	width: auto;
}

#toprightnav li {
	float: left;
}

#toprightnav a {
	display: block;
}

#home {
	width: 86px;
	height: 60px;
	background: url("../images/newhome.png") no-repeat top right;
	text-indent: -1000em;
	padding-right: 20px;
}

#home:hover {
	width: 86px;
	height: 60px;
	background: url("../images/newhome.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-right: 20px;
}

#homeactive {
	width: 86px;
	height: 60px;
	background: url("../images/homeactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-right: 20px;
}

#homeactive:hover {
	width: 86px;
	height: 60px;
	background: url("../images/homeactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-right: 20px;
}

#biography {
	width: 83px;
	height: 59px;
	background: url("../images/newbio.png") no-repeat top right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#biography:hover {
	width: 83px;
	height: 59px;
	background: url("../images/newbio.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#bioactive {
	width: 83px;
	height: 59px;
	background: url("../images/bioactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#bioactive:hover {
	width: 83px;
	height: 59px;
	background: url("../images/bioactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#banddoctor {
	width: 119px;
	height: 60px;
	background: url("../images/newdoctor.png") no-repeat top right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#banddoctor:hover {
	width: 119px;
	height: 60px;
	background: url("../images/newdoctor.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#banddoctoractive {
	width: 119px;
	height: 60px;
	background: url("../images/doctoractive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#banddoctoractive:hover {
	width: 119px;
	height: 60px;
	background: url("../images/doctoractive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#contact {
	width: 137px;
	height: 60px;
	background: url("../images/newcontact.png") no-repeat top right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#contact:hover {
	width: 137px;
	height: 60px;
	background: url("../images/newcontact.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#contactactive {
	width: 137px;
	height: 60px;
	background: url("../images/contactactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#contactactive:hover {
	width: 137px;
	height: 60px;
	background: url("../images/contactactive.png") no-repeat bottom right;
	text-indent: -1000em;
	padding-left: 20px;
	padding-right: 20px;
}

#leftnav {
	width: 300px;	
	text-align: left;
	position: relative;
	margin-top: 200px;
	padding: 0px;
	z-index: 10;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-color: transparent;
	background: url("../images/shine.png") repeat-y top left;
	padding-left: 20px;
	margin-bottom: 30px;
}

#leftnav ul {
	padding: 0;
	margin: 0;
}

#leftnav li {
	background: url("../images/string.png") no-repeat 0% 0%;
	display: block;
}

#leftnav a {
	color: #FFFFFF;
	background-color: transparent;
	font-size: 110%;
	display: block;
	width: 301px;
}

#teach {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/learning.png") no-repeat top left;
}

#teach:hover {
height: 62px;
width: 301px;
	background: url("../images/learning.png") no-repeat bottom left;
	color: #CCCCCC;
}

#teachactive {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/learningactive.png") no-repeat top left;
}

#teachactive:hover {
height: 62px;
width: 301px;
	background: url("../images/learningactive.png") no-repeat bottom left;
	color: #CCCCCC;
}

#style {
text-indent: -1000em;
height: 62px;
width: 301px;
text-indent: -1000em;
background: url("../images/pick.png") no-repeat top left;
}

#style:hover {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/pick.png") no-repeat bottom left;
color: #CCCCCC;
}

#styleactive {
text-indent: -1000em;
height: 62px;
width: 301px;
text-indent: -1000em;
background: url("../images/pickactive.png") no-repeat top left;
}

#styleactive:hover {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/pickactive.png") no-repeat bottom left;
color: #CCCCCC;
}

#musicianship {
text-indent: -1000em;
height: 62px;
width: 301px;
text-indent: -1000em;
background: url("../images/gas.png") no-repeat top left;
}

#musicianship:hover {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/gas.png") no-repeat bottom left;
color: #CCCCCC;
}

#musicianshipactive {
text-indent: -1000em;
height: 62px;
width: 301px;
text-indent: -1000em;
background: url("../images/gasactive.png") no-repeat top left;
}

#musicianshipactive:hover {
text-indent: -1000em;
height: 62px;
width: 301px;
background: url("../images/gasactive.png") no-repeat bottom left;
color: #CCCCCC;
}


#sidetext {
	width: 298px;	
	height: auto;
	text-align: left;
	float: left;
	padding: 0px;
	position: relative;
	z-index: 4;
	margin-left: 20px;
	margin-bottom: 30px;
	background: url("../images/beathead.gif") no-repeat top left;
}

#maintext {
		background: url("../images/seamlessbeat.jpg") repeat-y;
}


#sidetext .date {
font-style: italic;
color: #333333;
padding-left: 170px;
background: url("../images/datestripe.gif") no-repeat left;
font-weight: bold;
font-size: 95%;
}

#sidetext h3 {
	font-variant: small-caps;
	text-align: center;
	text-indent: -1000em;
	background: url("../images/newsbeath1.gif") no-repeat center;
	height: 29px;
	padding-top: 5px;
	margin-top: 25px;
}


#sidetext p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
}

#newsbeatfooter {
background: url("../images/newsbeatfooter.jpg") no-repeat left bottom;
height: 68px;
padding-bottom: 20px;
}

#footer {
	background: url("../images/bfullfooter.jpg") no-repeat bottom center;
	padding: 0;
	width: 971px;
	height: 270px;
    margin: 0px auto 0px auto;
	clear: both; 
	z-index: 6;
	position: relative;  
}

#footerlegal {
	width: 200px;
	position: absolute;
	top: 20px;
	left: 280px;
	height: 150px;
	overflow: hidden;
	font-size: 60%;
	text-align: center;
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 50px;
	color: #ffffff;
	background-color: transparent;
}

#w3c1 { 
	position: absolute;
	right: 180px;
	top: 105px;
}

#w3c2 { 
	position: absolute;
	right: 180px;
	top: 150px;
}

/* CSS for the guitar services sidebar */

#guitarsidetext {
	width: 298px;	
	height: auto;
	text-align: left;
	float: left;
	padding: 0px;
	position: relative;
	z-index: 4;
	margin-left: 20px;
	margin-bottom: 30px;
	background: url("../images/beathead.gif") no-repeat top left;
}

#guitarmaintext {
		background: url("../images/seamlessbeat.jpg") repeat-y;
}

#guitarsidetext h3 {
	font-variant: small-caps;
	text-align: center;
}

#repairs {
	text-indent: -1000em;
	background: url("../images/guitarrepairsh1.gif") no-repeat bottom center;
	height: 26px;
	padding-top: 10px;
}

#amps {
	text-indent: -1000em;
	background: url("../images/amprepairsmodsh1.gif") no-repeat bottom center;
	height: 53px;
	margin: 0 auto;
	width: 217px;
}

#vintage {
	text-indent: -1000em;
	background: url("../images/vintagesourcingh1.gif") no-repeat bottom center;
	height: 52px;
	margin: 0 auto;
	width: 220px;
}

#guitarsidetext p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
}

#sidetextlist {
list-style-type: square;
font-size: 90%;
color: #770229;
}

#sidetextlist li {
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;

}

#guitarsidetext a {
color: #770229;
}

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

#guitarfooter {
background: url("../images/newsbeatfooter.jpg") no-repeat left bottom;
height: 68px;
padding-bottom: 40px;
}

/* RGT sidetext styling */
#rgtsidetext {
	width: 298px;	
	height: auto;
	text-align: left;
	float: left;
	padding: 0px;
	position: relative;
	z-index: 4;
	margin-left: 20px;
	background: url("../images/rgthead.gif") no-repeat top left;
}

#rgtsidetext h3 {
	font-variant: small-caps;
	text-indent: -1000em;
	background: url("../images/rgttitle.gif") no-repeat center;

}

#rgtmain {
	background: url("../images/seamlessrgt.jpg") repeat-y;
}
		
		
#rgtsidetext p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
}

#rgtsidetext a {
color: #990000;
}

#rgtfooter {
background: url("../images/rgtfooter.gif") no-repeat bottom left;
height: 53px;
}

#rgt {
display: block;
text-align: center;
position: relative;
float: left;
padding-right: 8px; 
}

#solidred {
	position: absolute;
	top: 85px;
	left: 193px;
	width: 102px;
	height: 102px;
	text-align: center;
	background: url("../images/solidred.png") no-repeat;
	text-indent: -1000em;
}

.floating-dropcap {
	font-size:40px; 
	line-height:normal; 
	font-weight:bold;
	vertical-align:baseline;
}