
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #343434;
	}

.masterPageBody #container {
	width: 771px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: thin solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}



#content{
 width: 771px ;
  margin: auto ;
  border: thin solid #000000;
  text-align: left;
 }

.LeftPanel{ 
position: absolute;
top: 135px;
height: 8475px;
width: 771px;
margin: 0 auto;
border: thin solid #000000;
text-align: left;
background-color:FFFFFF;
}

/* .LeftPanelOLD{      /*
/* position: absolute; /*
/* top: 143px;         /*
/* width: 5px;         /*
/* background-color:;  /*
/* }                   /*

/* .RightPanel{           /*
/* position: absolute;    /*
/* top: 143px;            /*
/* width: 725px;          /*
/* padding-left: 46px;    /*
/* border-left-style: ;   /*
/* }



/*.CenterPanel{*/
/*right: 205px;  position: absolute;*/
/*top: 120px;*/
/*margin-left: 291px;*/
/*margin-right: 210px;*/
/*padding-left: 12px;*/
/*padding-right: 12px;*/
/*border-style: solid;*/
/*}*/


/*=================================================================================*/

/* All HEADER ELEMENTS BEGIN */

.TopPanel{
position: absolute;
top: 5px;
width: 772px;
height: 100px;
border-style: solid;
border-width: 0px;
background-color: black;
}



.LeftBigColumn{
width: 765;
position:absolute;
left:5px;
top:0px;
border-left: none;
border-top width: 0px;
background-color: #FFFFFF;
}


.RightBigColumn{
width: 190;
position:absolute;
left:565px;
top:10px;
border-left: none;
border-top width: 0px;
background-color: #fbef99;
}


.secondpagehalf{
width: 750;
position:absolute;
left:5px;
right: 5px;
top:1060px;
border-left: none;
border-top width: 0px;
background-color: #FFFFFF;
}

.thirdpagehalf{
width: 750;
position:absolute;
left:10px;
right: 10px;
top:2470px;
border-left: none;
border-top width: 0px;
background-color: #FFFFFF;
}




.FeatureHighlight {
	color: blue;
	background-color:#FF0;
	font-weight:bold;
	text-decoration:none;
}


/* set image position for top panel mic4.jpg */
.twoguitars{
position:absolute;
left:1px;
top:1px;
}

/* set image position for top panel 3dimageguitartalkshowc.gif */
.guitarimgtext{
position:absolute;
left:195px;
top:0px
}

/* set image position for left panel worldclass.jpg */
.worldclass{
position:absolute;
top:40px;
left: 210;
border-style: none;
}

/* set image position for left panel worldclass.jpg */
.navigater{
position:absolute;
top:75px;
left: 370;
border-style: none;
}



/* set image position for top panel TalkShowStripA.jpg */
.imagefilmnew{
position:absolute;
left:520px;
top:1px;
}

/* set image position for top panel redblackstripe BannerStripScreenShot.gif */
.redblackstripe{
position:absolute;
left:0px;
top:95Px
}

/* set image position for top panel IMAGE STRIP sokstrip2.jpg */
img.imagestrip{
position:absolute;
left:0px;
top:107px
}


/* SCREEN SHOT COLLECTION OF PROGRAM WITH ARROWS */

/* set image position for top panel GUITAR MAIN SCREEN SHOT sokstrip2.jpg */
.guitarmain{
position:absolute;
left:50px;
top:350px
}

/* set image position for top panel GUITAR LIBRARY SCREEN SHOT sokstrip2.jpg */
.guitarlibrary{
position:absolute;
left:415px;
top:350px
}

/* set image position for top panel GUITAR LESSON SCREEN SHOT sokstrip2.jpg */
.guitarlesson{
position:absolute;
left:50px;
top:830px
}

/* set image position for top panel GUITAR DUAL SCREEN SHOT sokstrip2.jpg */
.guitardual{
position:absolute;
left:415px;
top:605px
}

/* set image position for top panel GUITAR NOTATION SCREEN SHOT sokstrip2.jpg */
.guitarnotation{
position:absolute;
left:415px;
top:865px
}

/* set image position for top panel GUITAR FULL SCREEN SHOT sokstrip2.jpg */
.guitarfullscreen{
position:absolute;
left:415px;
top:1125px
}

/* set image position for top panel GUITAR FULL SCREEN SHOT sokstrip2.jpg */
.guitarscheduler{
position:absolute;
left:50px;
top:1145px
}


/* set image position for top panel ARROW 1 SCREEN SHOT sokstrip2.jpg */
.arrowA{
position:absolute;
left:352px;
top:450px
}


/* set image position for top panel ARROW 1 SCREEN SHOT sokstrip2.jpg */
.arrowB{
position:absolute;
left:352px;
top:930px
}

/* set image position for top panel ARROW DOWN SCREEN SHOT sokstrip2.jpg */
.arrowdown{
position:absolute;
left:200px;
top:575px
}

/* set image position for top panel ARROW DOWN SCREEN SHOT sokstrip2.jpg */
.arrowangleup{
position:absolute;
left:355px;
top:780px
}

/* set image position for top panel ARROW DOWN SCREEN SHOT sokstrip2.jpg */
.arrowangledown{
position:absolute;
left:355px;
top:1045px
}

/* set image position for top panel ARROW DOWN SCREEN SHOT sokstrip2.jpg */
.arrowstraightdownshort{
position:absolute;
left:50px;
top:1063px
}


/* set image position for top panel ARROW DOWN SCREEN SHOT sokstrip2.jpg */
.titlenav{
color:#BD0D0D;
position:absolute;
left:15px;
top:315px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LIBRARY SCREEN SHOT sokstrip2.jpg */
.titlelibrary{
color:#BD0D0D;
position:absolute;
left:415px;
top:305px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titlelesson{
color:#BD0D0D;
position:absolute;
left:0px;
top:1040px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titlelesson2{
color:#BD0D0D;
position:absolute;
left:125px;
top:1055px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titledual{
color:#BD0D0D;
position:absolute;
left:415px;
top:560px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titlenotation{
color:#BD0D0D;
position:absolute;
left:415px;
top:820px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titlefullscreen{
color:#BD0D0D;
position:absolute;
left:415px;
top:1080px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.titlescheduler{
color:#BD0D0D;
position:absolute;
left:25px;
top:1115px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* END OF SECTION OF SCREEN SHOTS WITH ARROWS */


/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.sectionlearning{
position:absolute;
left:200px;
top:965px;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.sectionlearningB{
position:absolute;
left:25px;
top:995px;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.sectionlearningC{
position:absolute;
left:25px;
top:1035px;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.sectionlearningD{
position:absolute;
left:25px;
top:1110px;
}

/* set image position for top panel LESSON SCREEN SHOT sokstrip2.jpg */
.electricguitar{
position:absolute;
left:230px;
top:4320px;
}





/* set image position for top panel bannercollage.jpg */
img.imageB{
position:absolute;
left:466px;
top:0px
}

/* FLOATING ELEMENTS */

img.floatright{
float: right;
}

img.floatleft{
float: left;
}

.sidebar {
width: 120;
float: right;
margin: 5px;
border: solid 1px #fdd041;
border-top width: 0px;
padding: 10px;
background-color: #fbef99;
}

img.floatrightb{
float: right;
width: 225 px;
padding: 10px;
margin: 10px;
}



/* All HEADER ELEMENTS END */
/*=================================================================================*/


/* set image atttibutes (no border) for DVD Cover */
.dvdcover{
border-style: none;
position:absolute;
left:0px;
top:15px;
}

/* set image atttibutes (no border) for Right Panel micicon.jpg */
.titleB{
position:absolute;
left:192px;
top:28px;
font-size: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titleA {
position:absolute;
left:224px;
top:0px;
color:#BD0D0D;
text-decoration:none;
font-size: 16pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
text-transform: none;	font-variant: normal;
text-align: center;
}

.titleC {
position:absolute;
left:320px;
top:0px;
color:#BD0D0D;
text-decoration:none;
font-size: 16pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
text-transform: none;	font-variant: normal;
text-align: center;
}

.titleD {
position:absolute;
left:205px;
top:125px;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: ;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: ;
}

.titleE {
position:absolute;
width: 320px;
margin: 5px;
left:243px;
top:73px;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: ;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: ;
}

.titleF {
position:absolute;
margin: 5px;
left:30px;
top:225px;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: ;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: ;
}

.titleG {
position:absolute;
margin: 0px;
left:300px;
top:5955px;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: ;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: ;
}

a:link{
color: black;
border-style: none;
}

a:visited{
color: black;
border-style: none;
}


/* set why listen list */
.list{
font-style: italic;
}


ul{
list-style-image: url('Bullet.gif');
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* set image position for welcome text */
p.welcometext{
position:absolute;
left:300px;
top:300px;
}


/* set image atttibutes (no border) for Right Panel micicon.jpg */
.micicon{
border-style: none;
}

/* set image atttibutes for Right Panel TalkShowStripASeparater.jpg */
.talkstrip{
position:absolute;
left:125px;
border-style: none;
}


/* set image position for TOP PANEL advertising space */
.advertise{
position:absolute;
top:160px;
left:0px;
border-style:;
border-width:;
}










/* set image position for left panel sokbanner.jpg */
.leftsok{
position:absolute;
left:38px;
border-style: none;
}


/* set image position for left panel guitarmagic */
.guitarmagic{
position:absolute;
top:243px;
border-style: none;
}


/* set image position for left panel bassmagic */
.bassmagic{
position:absolute;
top:259px;
border-style: none;
}

/* set image position for left panel gmpicking */
.gmpicking{
position:absolute;
top:275px;
border-style: none;
}

/* set position for left panel Contact */
.contact{
position:absolute;
top:290px;
border-style: none;
}






/* set attributes for right panel paragraph shading */
.paragraph{
background-color: #E0E0E0;
}



h1.interiorPageHeader {
color:#BD0D0D;
text-decoration:none;
font-size: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: center;
}

h3.interiorPageHeader {
color:#000000;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: center;
}

h2.interiorPageHeader {
color:#BD0D0D;
text-decoration:none;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: ;
text-transform: none;	font-variant: normal;
text-align: center;
}




.interiorContent {	
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.interiorContentshade {	
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E0E0E0;
}

.interiorContentshadeW {	
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E0E0E0;
width: 500px;
margin-left: 110px;
margin-top: 15px;
}



.interiorContentB {	
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}



/*=================================================================================*/

/* All FOOTER ELEMENTS BEGIN */

.BottomPanel{
position: absolute;
top: 8450px;
left: 0px;
width: 771px;
height: 25px;
border-style: solid;
border-width: 1px;
background-image: url('bgGreyIndex.gif');
}


.bottominteriorContent {	
position:absolute;
top:10px;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* set image position for bottom panel redblackstripe BannerStripScreenShot.gif */
.redblackstripebottom{
position:absolute;
left:0px;
top:0px;
}


/* All FOOTER ELEMENTS END */
/*=================================================================================*/





h4{
background-color: #000000;
color: #FFFFFF;
font-weight: strong;
font-size: 10pt;
margin-bottom: 4px;
}

/* background-color: #003399; blue*/
/* background-color: #FFFFFF; white*/
/* background-color: #CC0000; red*/
/* background-color: #E0E0E0; light grey*/
/* background-color: #000000; light grey*/