@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	outline:none;
}
body img{
border:0px;
}
body{
	background-image:url(../images/body_bkg.jpg);
	background-position:center top;
	background-color:#91CAD4;
	background-repeat:repeat-y;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:12px;
}
h1{
font-size:30px;
color:#000;
margin-bottom:10px;
}
h1 span{
display:none;
}
h1 img{
margin-bottom:20px;
}
h1 img.guitar{
margin-top:-15px;
margin-bottom:0px!important;
}
h2{
font-size:24px;
color:#005882;
margin-bottom:15px;
}
h3{
margin-top:5px;
font-size:16px;
color:#005882;
margin-bottom:10px;
}

body a:link, body a:active, body a:visited{
color:#007CAB;
text-decoration:none;
font-weight:bold;
}

body a:hover{
color:#007CAB;
text-decoration:underline;
}

p{
margin-bottom:10px;
}
strong{
color:#444;
}
#wrapper{
	margin:auto;
	background-image:url(../images/stage2.jpg);
	background-position:0px 0px;
	width:1110px;
	height:500px;
	position:relative;
	z-index:2;
}
#header{
	width:1110px;
	position:absolute;
	top:0px;
}
#logo{
	position:absolute;
	top:102px;
	left:180px;
}
ul#menu{
position:absolute;
top:215px;
width:1040px;
left:47px;
margin-left:0px;
}
ul#menu li{
	display:inline;
	text-align:center;
	position:absolute;
	top:0px;
}
ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited{
	color:#000000;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
ul#menu li a:hover{
	text-decoration:none;
	color:#006EB0;
}
ul#menu li a{
	text-align:center;
	background:no-repeat;
	vertical-align:text-bottom;
}
ul#menu li#home{
	left:0px;
	width:43px;
}
ul#menu li#home a:link div, ul#menu li#home a:link div, ul#menu li#home a:visited div{
	background-image:url(../images/icons/home.png);
	background-repeat:no-repeat;
	width:43px;
	height:50px;
	margin-left:0px;
	margin-bottom:-5px;
}
ul#menu li#home a:hover div{
	background-position:0 -100px;
}
ul#menu li#guitars{
	left:44px;
	width:74px;
}
ul#menu li#guitars a:link div, ul#menu li#guitars a:active div, ul#menu li#guitars a:visited div{
	background-image:url(../images/icons/guitar.png);
	width:64px;
	height:50px;
	margin-left:20px;
	margin-bottom:-5px;
}
ul#menu li#guitars a:hover div{
	background-position:0 -100px;
}
ul#menu li#band{
	left:108px;
	width:140px;
}
ul#menu li#band a:link div, ul#menu li#band a:active div, ul#menu li#band a:visited div{
	background-image:url(../images/icons/trumpet.png);
	width:75px;
	height:40px;
	margin-left:30px;
	margin-bottom:-5px;
	margin-top:10px;
}
ul#menu li#band a:hover div{
	background-position:0 -100px;
}
ul#menu li#drums{
	left:245px;
	width:60px;
}
ul#menu li#drums a:link div, ul#menu li#drums a:active div, ul#menu li#drums a:visited div{
	background-image:url(../images/icons/drumset.png);
	width:60px;
	height:50px;
	margin-left:0px;
	margin-bottom:-5px;
}
ul#menu li#drums a:hover div{
	background-position:0 -100px;
}
ul#menu li#pa_keys{
	left:312px;
	width:124px;
}
ul#menu li#pa_keys a:link div, ul#menu li#pa_keys a:active div, ul#menu li#pa_keys a:visited div{
	background-image:url(../images/icons/keyboard.png);
	width:72px;
	height:40px;
	margin-left:26px;
	margin-bottom:-5px;
	margin-top:10px;
}
ul#menu li#pa_keys a:hover div{
	background-position:0 -100px;
}
ul#menu li#sheet_music{
	left:450px;
	width:90px;
}
ul#menu li#sheet_music a:link div, ul#menu li#sheet_music a:active div, ul#menu li#sheet_music a:visited div{
	background-image:url(../images/icons/sheet_music.png);
	width:50px;
	height:50px;
	margin-left:10px;
	margin-bottom:-5px;
}
ul#menu li#sheet_music a:hover div{
	background-position:0 -100px;
}
ul#menu li#pianos{
	left:542px;
	width:60px;
}
ul#menu li#pianos a:link div, ul#menu li#pianos a:active div, ul#menu li#pianos a:visited div{
	background-image:url(../images/icons/piano.png);
	width:50px;
	height:45px;
	margin-left:5px;
	margin-bottom:-5px;
	margin-top:5px;
}
ul#menu li#pianos a:hover div{
	background-position:0 -100px;
}
ul#menu li#shop{
	left:612px;
	width:82px;
}
ul#menu li#shop a:link div, ul#menu li#shop a:active div, ul#menu li#shop a:visited div{
	background-image:url(../images/icons/cart.png);
	width:52px;
	height:50px;
	margin-left:15px;
	margin-bottom:-5px;
}
ul#menu li#shop a:hover div{
	background-position:0 -100px;
}
ul#menu li#lessons{
	left:709px;
	width:55px;
}
ul#menu li#lessons a:link div, ul#menu li#lessons a:active div, ul#menu li#lessons a:visited div{
	background-image:url(../images/icons/lessons.png);
	width:45px;
	height:50px;
	margin-left:5px;
	margin-bottom:-5px;
}
ul#menu li#lessons a:hover div{
	background-position:0 -100px;
}
ul#menu li#repair{
	left:764px;
	width:75px;
	}
ul#menu li#repair a:link div, ul#menu li#repair a:active div, ul#menu li#repair a:visited div{
	background-image:url(../images/icons/wrench.png);
	width:75px;
	height:42px;
	margin-left:0px;
	margin-bottom:-5px;
	margin-top:8px;
}
ul#menu li#repair a:hover div{
	background-position:0 -100px;
}
ul#menu li#locations{
	left:844px;
	width:70px;
}
ul#menu li#locations a:link div, ul#menu li#locations a:active div, ul#menu li#locations a:visited div{
	background-image:url(../images/icons/compass.png);
	background-repeat:no-repeat;
	width:60px;
	height:50px;
	margin-left:5px;
	margin-bottom:-5px;
}
ul#menu li#locations a:hover div{
	background-position:0 -100px;
	}
ul#menu li#contact{
	left:924px;
	width:90px;
}
ul#menu li#contact a:link div, ul#menu li#contact a:active div, ul#menu li#contact a:visited div{
	background-image:url(../images/icons/phone.png);
	background-repeat:no-repeat;
	width:80px;
	height:50px;
	margin-left:5px;
	margin-bottom:-5px;
}
ul#menu li#contact a:hover div{
	background-position:0 -100px;
}

#stage_guitar{
	position:absolute;
	top:0px;
	left:70px;
	}
#stage_drums{
	position:absolute;
	top:0px;
	left:187px;
	}
#stage_keyboard{
	position:absolute;
	top:0px;
	right:30px;
	}
#main_content{
	width:995px;
	position:absolute;
	top:315px;
	left:55px;
	z-index:1;
	}
#main_content div{
position:relative;
z-index:1;
}
/** SCROLLABLE STYLES **/

.scrollable {
	width:610px;
	height:230px;
	position:relative;
	margin-top:0px;
	padding-top:26px;
	margin-left:2px;
	overflow:hidden;
	}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
.scrollable div.item {
	float:left;
	width:580px;
	height:230px;
	padding:0px 15px 0px 15px;
	margin-top:-12px;
}
#specials .scrollable div.item {
	float:left;
	width:580px;
	height:230px;
	padding:0px 15px 0px 15px;
	margin-top:-22px;
}

/* position and dimensions of the navigator */
.navi {
	width:100px;
	height:20px;
	position:absolute;
	top:7px;	
	left:280px;
	z-index:1;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

#specials{
background-image:url(../images/specials_bkg.png);
/*background-image:url(../images/specials_bkg2.png);*/
width:610px;
height:266px;
position:relative;
}
#vid{
float:right;
width:364px;
}
#space{
width:100%;
height:30px;
}
#left_collumn{
float:left;
width:275px;
margin-left:15px;
}
#mid_collumn{
float:left;
width:275px;
margin-left:25px;
}
#right_collumn{
float:right;
width:350px;
margin-right:15px;
}
#left_collumn div, #mid_collumn div, #right_collumn div{
padding-bottom:15px;
}
.left{
float:left;
margin-right:15px;
}
.right{
float:right;
margin-left:15px;
}
.left_nm{
float:left;
margin-right:0px;
}
.right_nm{
float:right;
margin-left:0px;
}
.border9{
border:1px solid #999;
}
.spacer{
clear:both;
height:1px;
}

.mb10{
margin-bottom:10px;
}
.mt10{
margin-top:10px;
}
#footer{
background-image:url(../images/footer.jpg);
background-position:center bottom;
width:1030px;
height:81px;
position:relative;
z-index:1!important;
clear:both;
margin:0px;
left:-17px;
}
#footer div{
text-align:center;
position:relative;
margin:auto;
top:50px;
color:#333;
font-size:12px;

}
#footer div a:link, #footer div a:active, #footer div a:visited{
text-decoration:none;
color:#333;
}
#footer div a:hover{
text-decoration:underline;
color:#000;
}

.brands h3{
margin-top:15px;
color:#000;
}
.brands img{
margin-right:15px;
margin-bottom:10px;
vertical-align:middle;
}

.drum_brands h3{
margin-top:50px;
color:#000;
}
.drum_brands img{
margin-right:10px;
margin-bottom:10px;
vertical-align:middle;
}
.guitar_brands h3{
color:#000;
}
.guitar_brands img{
margin-right:10px;
margin-bottom:10px;
vertical-align:middle;
}

#two_collumn_left{
float:left;
width:565px;
margin-left:15px;
position:relative;
z-index:1;
}
#two_collumn_right{
float:right;
width:350px;
margin-right:15px;
}
#left_collumn div, #mid_collumn div, #right_collumn div{
padding-bottom:10px;
}
.item p{
font-size:14px;
}
div.faq p{
margin-left:40px;
margin-bottom:20px;
}
div.faq span{
font-size:30px;
color:#666;
margin-left:-40px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
}
div.faq p.quest span{
font-size:30px;
color:#005882;
margin-left:-40px;
float:left;
margin-top:-10px;
}
div.faq p.quest{
font-size:16px;
color:#005882;
font-style:italic;
font-variant:normal;
}

ul{
margin-left:30px;
}
ul li{
margin-bottom:10px;
}
em{
color:#555;
}

ul.sl_menu{
margin-left:0px;
}

ul.sl_menu li{
list-style:none;
display:inline;
}

ul.sl_menu li a:link, ul.sl_menu li a:active, ul.sl_menu li a:visited, ul.sl_menu li a:hover{
color:#000;
}

.indent{
text-indent:15px;
}

.inline_image{
vertical-align:middle;
}
div.fso{
width:1000px;
}
.fso ul{
margin-left:160px;
}
div.fso div{
float:left;
text-align:center;
width:130px;
}
div.fso div img{
margin-top:10px;
}

.small{
font-size:80%;
color:#555;
}
div.music_pubs h4 a:link, div.music_pubs h4 a:active, div.music_pubs h4 a:visited{
font-weight:normal;
font-size:11px;
}

a:link.profile, a:active.profile, a:visited.profile, a:hover.profile{
border-bottom:1px dashed #666;
display:block;
padding:10px;
margin-bottom:5px;
text-decoration:none;
font-weight:normal;
height:130px;
}
a:hover.profile{
background:url(../images/pro_bkg.jpg) repeat-x bottom;
}
.profile h2{
font-size:18px;
margin-bottom:0px;
}
.profile img{
float:left;
border:1px solid #666;
margin-right:15px;
margin-bottom:10px;
}
.profile p{
font-size:11px;
color:#333;
line-height:14px;
}
.profile em{
color:#666;
font-size:14px;
line-height:24px;
}
.profile p em{
font-size:11px;
color:#007CAB;
line-height:14px;
margin-left:5px;
}
.black, h3.black, h3.black a:link, a.black{
color:#000;
}
.center{
margin:auto;
}
p.loc{
	font-size:12px;
	margin:10px 10px 20px 5px;
	width:460px;
	}
#footer p.small a{
font-weight:normal;
color:#775A4D;
}
#footer p.small{
margin-top:2px;
}