/*

	Peekaboo Alley CSS
	Beth Fox
	portentinteractive.com
	
	TABLE OF CONTENTS 
	
	1.0 Global items
		1.1 Housecleaning
		1.2 Outer structural parts 
		1.3 Default text/img styles
	2.0 Header Items  
		2.1 search 
	3.0 Navigation & Link Styles
		3.1 Primary
		3.2 Sub
	4.0 Homepage-specific
	5.0 Content-specific
		5.1 Standard content guidelines
		5.2 Split Content Pages -- Left Side
		5.3 Split Content Pages -- Right Side
		5.4 Shopping Section
		5.5 Classes Section
		5.6 Pre-Footer (inc quote and links)
	6.0 Footer items

	
*/


/* =================== 1.0 GLOBAL ITEMS ================================ */
   					
/* ------------------- 1.1 housecleaning ----------------- */

html, body, form {
	margin:0;
	padding:0;
}


a img {
	border:0;
}


	
.clear {clear:both;} /* generic clearing class used to stretch bgs */

/* ------------------- 1.2 Outer structural parts -------- */

div#main-wrapper {
	background-image:url(http://www.peekabooalleymusic.com/images/img/bg-body.jpg);
	/*background-repeat:repeat-x;
	background-position:top left;
	background-color:none;
	padding:0;
	margin:0;
	display:block;
*/
}

/* width:780px */
div#wrapper {
	text-align:left;
	width:970px;
	position:relative;
	display:block;
	padding:0;
	margin:0;
}

div#wrapper-wide {
	text-align:left;
	width:970px;
	position:relative;
	display:block;
	padding:0;
	margin:0;
}


/* ------------------- 1.3 Default text/img -------------- */

body {
	font-size:12px;
	line-height:16px;
	color:#666666;
	background-color:#fff;
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	}

form, input, textarea, select, radio {
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
}


p {  
	font-family: arial, helvetica, sans-serif;
	vertical-align:top;
	margin:0;
	padding: 0 0 15px 0;
	display:block;
}


h1 {
	font-family:arial, helvetica, verdana, sans-serif;
	line-height: 16px;
	font-size: 16px;
	color: #ff9900;
	
}

h2, .pseudo-h2 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #77268d;
	line-height:18px;
	padding:0;
	margin:10px 0 2px 0;
	font-weight: bold;
}

h3, .pseudo-h3 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #77268d;
	margin:0;
	padding:0;
	font-weight: bold;
}

h4, .pseudo-h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin:0 0 5px 0;
	padding:0;
	font-weight: bold;
}

h5,h6, .pseudo-h5 {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;

}


a {
	text-decoration: underline;
	color: #ff9900;
}



a:hover {
	text-decoration: underline;
	color:#b68cc3;
}

a.specialeffects:hover {
    color:purple ;
    text-decoration:none;
    background-color: #F5F5F5 ;
}

a.specialeffects:link {
    color:purple ;
    text-decoration:none;
}

a.specialeffects:visited {
    color:black ;
    text-decoration:none;
}

a span {
	visibility:hidden;
	text-decoration:none;	
}


img.align-left {
	padding: 0;
	margin: 0;
	display:block;
	float:left;
	margin-right:10px;
}

img.align-right {
	display:block;
	float:right;
	margin-left:10px;
}

img.align-center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.text {
	border:1px solid #999;
	padding:1px;
	color:#666;
}


input.text,
img.submit {
	vertical-align:middle;
}

/* =================== 2.0 HEADER ITEMS ================================ */

div#header {
	width:780px;
	height:108px;
	display:block;
}


div#header-layers {
	width:500px;
	text-align:right;
}

div#header-layers div#signup {
	width:500px;
	height:25px;
	margin:0;
	padding:0;
	position:relative;
	right:0;
}

div#header-layers div#signup-cover input.text,
div#header-layers div#signup input.text,
div#header-layers div#search-cover input.text,
div#header-layers div#locations-cover input.text {
	background:url(http://www.peekabooalleymusic.com/images/img/bg-txt-form.jpg);
	background-repeat:repeat-x;
	border:1px solid #cac7cc;
	border-right:0;
	color:#999;
	height:16px;
	padding:2px 0 0 2px;
	margin:0;
	font-size:12px;
	vertical-align:middle;
	width:135px;
}

div#header-layers div#signup-cover img,
div#header-layers div#signup img,
div#header-layers div#search-cover img,
div#header-layers div#locations-cover img {
	margin:0;
	padding:0;
	vertical-align:middle;
}

div#header-layers img.icon {
	margin:10px 3px 0 0;
	vertical-align:bottom;
}

div#header-layers div#signup-cover,
div#header-layers div#search-cover,
div#header-layers div#locations-cover {
	position:absolute;
	z-index:5000;
	background:#fff;
	width:312px;
	padding:10px;
	margin:-10px;
	top:0;
	left:0;
}


/*--------------------------------------------------------*/
.TabMenu {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration: none;
	float:left;
	position:relative;
	top:0px;
	height:22px;
	width:72px;
	margin-left:0px;
	margin-right:0px;
} 

.TabMenu a {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration:none;
	text-align:center;
	float:left;
	background: url(http://www.peekabooalleymusic.com/images/img/TabOrange.jpg) left top no-repeat ;
	margin-left:0px;
	margin-right:0px;
}

.TabMenu a:hover {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration:none;
	text-align:center;
	background:transparent;
	margin-left:-1px;
	overflow:inherit
} 

.TabMenuHighlight {
	color: #fff;
	background-image:none;
	background-color:White;
	text-decoration: none;
	float:left;
	position:relative;
	top:0px;
	height:22px;
	width:72px;
	margin-left:0px;
	margin-right:0px;
} 

.TabMenuHighlight a {
	color: #fff; 
	background-color:White;
	text-decoration:none;
	text-align:center;
	float:left;
	background:transparent;
	margin-left:-1px;
	margin-right:0px;
}


/*--------------------------------------------------------*/
/* ----------- HIMANSHU -------------------------- */

div#Login {
	width:400px;
	left:500px;
	top:30px;
	position:absolute;
	margin:30px 15px 0 0;
	text-align:left;
}

div#search-layers {
	width:312px;
	float:left;
	margin:30px 15px 0 0;
	text-align:left;
}

div#search-layers div#search {
	width:312px;
	height:25px;
	margin:0;
	padding:0;
	position:relative;
	right:0;
}

div#search-layers div#searchup-cover input.text,
div#search-layers div#searchup input.text,
div#search-layers div#search1-cover input.text,
div#search-layers div#locations1-cover input.text {
	background:transparent;
	background-repeat:repeat-x;
	border:1px solid #cac7cc;
	border-right:0;
	color:#999;
	height:16px;
	padding:2px 0 0 2px;
	margin:0;
	font-size:12px;
	vertical-align:middle;
	width:135px;
}

div#search-layers div#searchup-cover img,
div#search-layers div#searchup img,
div#search-layers div#search1-cover img,
div#search-layers div#locations1-cover img {
	margin:0;
	padding:0;
	vertical-align:middle;
}

div#search-layers img.icon {
	margin:10px 3px 0 0;
	vertical-align:bottom;
}

div#search-layers div#searchup-cover,
div#search-layers div#search1-cover,
div#search-layers div#locations1-cover {
	position:absolute;
	z-index:5000;
	background:#fff;
	width:312px;
	padding:10px;
	margin:-10px;
	top:0;
	left:0;
}

input.groovybutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   width:84px;
   height:24px;
   background:transparent;
   border-style:none;
}

input.copybutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   height:24px;
   width:170px;
   background:transparent;
   border-style:none;
}

input.logoutbutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   width:38px;
   height:24px;
   background:transparent;
   border-style:none;
}

/* width:780px */
div#home-login {
	width:970px;
	padding:5px 0;
	margin:0;
	display:block;
	background:#fff;
	float:left;
}

/* ----------- HIMANSHU END -------------------------- */




/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */


/* ------------------- 3.1 Primary Nav ------------------- */

div#primary-nav {
	height:33px;
	display:block;
	overflow:hidden;
}


div#primary-nav a#classes {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	width:260px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.classes-current {
	background:transparent;
	width: 270px !important;
	margin-right: -10px !important;
	position: relative;
	z-index: 10;
}

div#primary-nav a#classes:hover {
	background:transparent;
}

div#primary-nav a#teach {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	width:256px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.teach-current {
	background:transparent;
	width: 280px !important;
	margin: 0 -12px !important;
}

div#primary-nav a#teach:hover {
	background:transparent;
}

div#primary-nav a#shop {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	width:264px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.shop-current {
	background:transparent;
	background-position: right top !important;
	width: 276px !important;
	margin-left: -12px !important;
}

div#primary-nav a#shop:hover {
	background:transparent;
}


/* ------------------- 3.2 Sub Nav ------------------- */

div.subnav {
	display:block;
	height:45px;
	color:#fff;
	padding:0;
	margin:0;
	position:relative;
	display:block;
}

div.subnav a {
	font-weight:bold;
	text-decoration:none;
}

div.subnav a:hover {
	text-decoration:underline;	
}

div.subnav ul {
	padding:15px 0 0 0;
	margin:0;
}

div.subnav ul li {
	float:left;
	display:block;
	margin:0 15px 0 0;
	background:transparent;
	list-style-type:none;
}

div.subnav ul li a.current {
	text-decoration:underline;
}

div.subnav a.btn-rss {
	width:16px;
	height:16px;
	float:right;
	margin:16px 17px 0 0;
}


/* ---------- CLASSES subnav ---------- */

div#subnav-classes {
	background:url(www.peekabooalleymusic.com/images/img/bg-subnav-classes.jpg);
	background-repeat:repeat-x;
	padding-left:40px;
}

div#subnav-classes a {
	color:#fff;
}

div#classes-current  {
	background:transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
	width:268px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:0px;
	padding:0;
	margin:0;
}

div#classes-current a {
	width:260px;
	height:37px;
	display:block;
	margin:0;
	text-decoration:none;
}



/* ---------- TEACH subnav ---------- */

div#subnav-teach {
	background:transparent;
	background-repeat:repeat-x;
	padding-left:120px;
}

div#subnav-teach a {
	color:#8a7442;
}


div#teach-current  {
	background:transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
	width:277px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:248px;
	padding:0;
	margin:0;
}

div#teach-current a {
	width:260px;
	height:37px;
	display:block;
	margin:0 0 0 5px;
	text-decoration:none;
}

/* ---------- SHOP subnav ---------- */

div#subnav-shop {
	background:transparent;
	background-repeat:repeat-x;
	padding-left:45px;
}

div#subnav-shop a {
	color:#005976;
}

div#shop-current  {
	background:transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
	width:273px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:507px;
	padding:0;
	margin:0;
}

div#shop-current a {
	width:262px;
	height:37px;
	display:block;
	margin:0 10px 0 5px;
	text-decoration:none;
}





/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */

/* width:780px; */
div#home-spotlight {
	background:url(www.peekabooalleymusic.com/images/img/home-bg-mainarea-new.jpg);
	width:970px;
	height:316px;
	display:block;
	overflow:hidden;
}

div#home-spotlight div#left-side {
	width:320px;
	height:373px;
	display:block;
	float:left;
	overflow:hidden;
	margin:20px 0 0 22px;
}

div#home-spotlight div#left-side div#movie-area {
	background:url(www.peekabooalleymusic.com/images/img/bg-home-spotlight.gif);
	background-repeat:no-repeat;
	width:350px;
	height:373px;
	display:block;
	overflow:hidden;
	padding:24px 24px;
}


div#home-spotlight div#right-side {
	width:593px;
	height: 373px;
	display:block;
	overflow:hidden;
	float:left;
	margin:20px 0 0 22px;
}

div#home-spotlight div#right-side img.img-hdr {
	margin:0 0 10px 0;
}

div#home-spotlight div#right-side img.align-right {
	margin:0 10px 0 0;
	padding:0 0 0 10px;
}

div#home-spotlight div#right-side div.find-form-styling {
	width:248px;
	display:block;
	float:left;
	margin:10px 0 0 0;
}

div#home-spotlight div#right-side img.or {
	margin:0 20px 0 25px;
	vertical-align:middle;
	width:31px;
	height:28px;
	display:block;
	position:relative;
	top:-25px;
	left:165px;
}

div#home-spotlight div#right-side input.text {
	width:130px;
}


div#home-spotlightb {
	background:transparent;
	width:970px;
	height:416px;
	display:block;
	overflow:hidden;
	background-repeat: no-repeat;
}

div#home-spotlightb div#left-side {
	width: 360px;
	float: left;
	margin-top: 46px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	line-height: 19px;
	height: 340px;
	padding: 0px;
}

div#home-spotlightb div#left-side div#movie-area {
	background:url(www.peekabooalleymusic.com/images/img/bg-home-spotlight.gif);
	background-repeat:no-repeat;
	width:350px;
	height:373px;
	display:block;
	overflow:hidden;
	padding:24px 24px;
}


div#home-spotlightb div#right-side {
	float: right;
	width: 550px;
	margin-top: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #777777;
	padding: 0px;
}

div#home-spotlightb span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7e3da2;
}

div#home-spotlightb div#left-side div#learn_more {
	float: right;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #704594;
	clear: left;
	margin-top: 60px;
}
div#home-spotlightb div#right-side div#findaclass {
	padding-left: 30px;
	margin-top: 30px
}

div#home-spotlightb div#right-side h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7e3da2;
}

div#home-spotlightb div#right-side input.text {
	width:130px;
}



div#home-spotlight-cover {
	background-image:url(www.peekabooalleymusic.com/images/img/bg-home-spotlight-cover.jpg);
	background-color:#a48ebd;
	width:755px;
	height:358px;
	display:block;
	overflow:hidden;
	position:absolute;
	padding:15px 0 0 25px;
	color:#fff;
	top:140px;
	left:0;
	z-index:500;
}

div#home-spotlight-cover p {
	margin:12px 0 0 0;
	padding:0 0 8px 0;
}

div#home-spotlight-cover a#free-class {
	background:transparent;
	background-repeat:no-repeat;
	width:127px;
	height:22px;
	display:block;
	float:left;
	margin:5px 10px 10px 25px;
	text-decoration:none;
}

div#home-spotlight-cover a#free-class:hover {
	background:transparent;
}

div#home-spotlight-cover a#find-class {
	background:transparent;
	background-repeat:no-repeat;
	width:127px;
	height:22px;
	display:block;
	margin:5px 0 0 0;
	float:left;
	text-decoration:none;
}

div#home-spotlight-cover a#find-class:hover {
	background:transparent;
}


div#home-spotlight-cover img.close-video {
	position:absolute;
	top:28px;
	right:10px;
}

div#home-spotlight-cover div#video-player {
	display:block;
	float:left;
	width:320px;
	height:267px;
	margin:20px 28px 0 10px;
}

div#home-spotlight-cover div#video-thumbs {
	display:block;
	width:387px;
	height:300px;
	margin:5px 0 0 0;
	float:left;
}

div#home-spotlight-cover div#video-thumbs img.align-left {
	padding:0 3px 0 0;
	margin:0;
}

/* width:506px */
div#home-teach
{
    width: 620px;
    height: 175px;
    display: block;
    overflow: hidden;
    background-color: #fcf8ed;
    background:transparent;
    background-position: right top;
    background-repeat: repeat-y;
    padding: 18px 0 15px 14px;
    text-align: left;
    float: left;
}

div#home-teach p {
	padding:0 15px 0 0;
}
/* width:245px */
div#home-shop {
	width:321px;
	height:175px;
	background-color:#f5fdfc;
	background:transparent;
	background-position:top left;
	background-repeat: no-repeat;
	overflow:hidden;
	float:left;
	text-align:left;
	padding:18px 0 15px 15px;
}

/* width:230px */
div#home-shop p {
	width:306px;
}

div#home-teach a,
div#home-shop a {
	text-decoration:underline;
}

div#home-teach a#btnMarch {
	width:200px;
	height:196px;
	display:block;
	float:left;
	margin:15px 14px 0 0;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnMarch:hover {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	
	
}

div#home-teach a#btnJob {
	width:185px;
	height:46px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnJob:hover {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;

}

div#home-teach a#btnBusiness {
	width:185px;
	height:46px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnBusiness:hover {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
}

div#home-teach a#more {
	width:90px;
	height:22px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}

div#home-teach a#more:hover {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
}

div#home-shop a#shop-link {
	width:185px;
	height:46px;
	display:block;
	padding:0;
	margin:0 auto 0 auto;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}

div#home-shop a#shop-link:hover {
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
}



div#home-teach a:hover,
div#home-shop a:hover {
	color:#b68cc3;
}


div.home-divider {
	background-color:#fff;
	background:transparent;
	background-repeat:repeat-x;
	height:3px;
	overflow:hidden;
	width:780px;
	padding:0;
	margin:0;
	display:block;
}

/* width:780px */
div#home-third-row {
	width:970px;
	height:198px;
	padding: 0px 0;
	margin:0;
	display:block;
	background:#fff;
	float:left;
}


div#home-third-row ul li {
	list-style-type:none;
	background:transparent;
	background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0 0 10px 10px;
	line-height:15px;
}


div#home-third-row div.side-column {
	width:235px;
	display:block;
	overflow:hidden;
	padding:0 14px 10px 14px;
	float:left;
}


div#home-third-row div.home-third-middle {
	width:216px;	
	padding:0 10px 10px 14px;
	display:block;
	border-left:1px solid #ddd8d8;
	border-right:1px solid #ddd8d8;
	float:left;
}

div#home-third-row ul {
	margin:0 0 0 3px;
	padding:0;
}


div#home-third-row ul li {
	padding:0 0 3px 10px;
	margin:0;
}

div#home-third-row div.home-third-middle p {
	padding:0 0 10px 34px;
}

div#home-third-row a#home-try {
	width:155px;
	height:24px;
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#home-third-row a#home-try:hover {
	background:transparent;
}


div#home-third-row div#quote {
	padding:0 0 0 34px;
	margin:0;
	background:transparent;
	background-repeat:no-repeat;
	background-position: top left;
	width:160px;
}


div#home-third-row div#quote p {
	background:transparent;
	background-repeat:no-repeat;
	background-position:bottom right;
	width:170px;
	padding:7px 0 10px 0;
}





/* =================== 5.0 CONTENT-SPECIFIC ============================ */


	

/* Include unique page styles here, like press page, products page etc. */
/* Make sure to include these in the table of contents */

/* ------------------- 5.1 Standard content guidelines -------------------- */

div#content-freeClass 
{
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	height:500px;
}
div#overview-freeClass 
{
	width:300px;
	text-align:justify;
	font-size:12px;
}

/* padding:30px 0 0 15px; */
/* width:765px; */
div#content-wrapper {
	background-color:#fff;
	padding:5px 0 0 15px;
	margin:0;
	width:955px;
	position:relative;
	display:block;
	overflow:hidden;
}

div#content-wrapper-wide {
	background-color:#fff;
	padding:5px 0 0 15px;
	margin:0;
	width:955px;
	position:relative;
	display:block;
	overflow:hidden;
}

div#title 
{
    text-align:center;
}

#content {
	padding:30px;	
}


img.hdr-image {
	width:765px;
	height:35px;
}


h2.stylized {
	display:inline;
	font-size:24px;
	line-height:26px;
	font-family:"Times New Roman", Georgia, serif;
	padding: 0 5px 0 0;
	margin:0;
	font-weight:normal;
}

h2.stylized span {
	font-size:36px;
	line-height:26px;
}

#content ul li,
#content-left ul li {
	list-style-type:none;
	background:transparent;
	background-repeat:no-repeat;
	background-position: left 1px;
	padding: 0 0 10px 20px;
	line-height:16px;
	position:relative;
}

#content-left-wide ul li {
	list-style-type:none;
	background:transparent;
	background-repeat:no-repeat;
	background-position: left 1px;
	padding: 0 0 10px 20px;
	line-height:16px;
	position:relative;
}

div.top-paragraph {
	margin:0 0 15px 0;
}


/* --- sets the background gradients --- */

div.classes {
	background:transparent;
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.teach {
	background:transparent;
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.shop {
	background:transparent;
	background-position:left bottom;
	background-repeat:repeat-x;
}

/* --- sets default colors for sections --- */

div.shop a,
div.shop h1,
div.shop h2,
div.shop h3 {
	color:#0099cc;
}

div.teach #content-right h2,
div.teach #content-right a {
	color:#cf7518;
}

div.classes #content-right a,
div.classes #content-right h2,
div.classes #content-right h3 {
	color:#77268d;
}


#content-right a {
	text-decoration:none;
	font-weight:bold;
}


#content-right a:hover {
	text-decoration:underline;
}


/* --- sets headers on main pages --- */


/* width:710px; */
/* padding:11px 10px 0px 45px; */
div#content-wrapper h1
{
    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    padding: 11px 10px 12px 45px;
}

div#content-wrapper-wide h1
{

    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    padding: 11px 10px 12px 45px;
}

div.classes h1 {
	background:transparent;
	background-repeat:no-repeat;
	color:#713495;
}

div.shop h1 {
	background:transparent;
	background-repeat:no-repeat;
	color:#00ae94;

}

div.teach h1 {
	background:transparent;
	background-repeat:no-repeat;
}

div.teach h1#hdr-teach {
	background:transparent;
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.teach h2#hdr-teach1 {
	background:transparent;
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}
div.teach h2#hdr-teach2 {
	background:transparent;
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}



div.shop h1#hdr-shop {
	background:transparent;
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop1 {
	background:transparent;
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop2 {
	background:transparent;
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop3 {
	background:transparent;
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}


div.teach h1#hdr-teach span,
div.shop h1#hdr-shop span {
	display:none;
}

/* ------------------- 5.2 Split Content Pages -- Left Side -------------------- */
/* width:520; */
/* padding:30px 30 30 15px; */
#content-left { 
	width:750px;
	padding:20px 10px 20px 5px;
	margin:0;
	display:block;
	position:relative;
	float:left;
}

#content-left-wide { 
	width:750px;
	padding:20px 10px 20px 5px;
	margin:0;
	display:block;
	position:relative;
	float:left;
}

img.feature-image {
	margin:0 0 20px 0;
}

#content-left img.align-right {
	border:1px solid #bfbfbf;
}

#content-left-wide img.align-right {
	border:1px solid #bfbfbf;
}


/* ------------------- 5.3 Split Content Pages -- Right Side -------------------- */
/* 	padding:30px 0px 30px 10px; */
#content-right {
	float:right;
	width:180px;
 	padding:5px 0px 30px 10px;
	margin:0;
	display:block;
	position:relative;
}

#content-right ul {
	padding:0;
	margin:0;
}


#content-right select {
	font-weight:normal;
	font-size:10px;
	display:block;
	width:156px;
	color:#666;
	margin:0 0 10px 0;
}

#content-right input {
	width:147px;
	padding:1px 1px 0 5px;
	margin: 0 0 10px 0;
	color:#666;
	font-size:10px;
}


/* --- sets bg's on block features --- */

#content-right div.feature-block {
	width:158px;
	display:block;
	margin:0 0 20px 0;
	padding:5px 10px 15px 11px;
	position:relative;
}

div.teach #content-right div.feature-block {
	background-color:#f0ecf5;
}

div.shop #content-right div.feature-block {
	background-color:#e9f5f9;
}

div.classes #content-right div.feature-block {
	background-color:#fceac4;
}

#content-right div.feature-block img.btn {
	margin-left:25px;
	width:106px;
	height:24px;
}


div.teach #content-right div.feature-block-get-started {
	background:transparent;
	width:158px;
	height:50px;
	display:block;
	margin:0 0 20px 0;
	padding:50px 10px 15px 11px;
	text-align:center;
	color:#6b2c91;
}


div.teach #content-right div.feature-block-get-started a#btn-get-started-download {
	background:transparent;
	background-repeat:no-repeat;
	width:150px;
	height:49px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block-get-started a#btn-get-started-download:hover {
	background:transparent;
	background-repeat:no-repeat;

}	


div.teach #content-right div.feature-block-started {
	background:transparent;
	width:158px;
	height:129px;
	display:block;
	margin:0 0 20px 0;
	padding:50px 10px 15px 11px;
	text-align:center;
	color:#6b2c91;
}

div.teach #content-right div.feature-block a#btn-enroll {
	background:transparent;
	width:150px;
	height:24px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block a#btn-enroll:hover {
	background:transparent;

}	



div.teach #content-right div.feature-block a#btn-enroll-own {
	background:transparent;
	width:150px;
	height:24px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block a#btn-enroll-own:hover {
	background:transparent;
}

div.teach #content-right div.feature-block a#btn-tools {
	background:transparent;
	width:150px;
	height:24px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block a#btn-tools:hover {
	background:transparent;
}



div.teach #content-right div.feature-block a.enroll-more {
	background:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:normal;
	text-decoration:none;
	display:block;
	margin:25px 0 0 20px;
	padding:0 0 0 26px;
	text-align:left;
	line-height:14px;
}

div.teach #content-right div.feature-block a.enroll-more:hover {
	text-decoration:underline;
}


/* --- sets bg's on block h2s --- */

#content-right h2, #content-right div.pseudo-h2 {
	width: 141px;
	height: 23px;
	text-transform:uppercase;
	padding:8px 5px 0 33px;
	font-size:11px;
	margin:0;
	font-weight: bold;
}

div.teach #content-right .teach-individuals {
	background:transparent;
	background-repeat:no-repeat;
}
div.teach #content-right .teach-information {
	background:transparent;
	background-repeat:no-repeat;
}

div.teach #content-right .teach-organizations {
	background:transparent;
	background-repeat:no-repeat;
}

div.teach #content-right .teach-questions {
	background:transparent;
	background-repeat:no-repeat;
}



div.shop #content-right .shop-categories {
	background:transparent;
	background-repeat:no-repeat;
}

div.shop #content-right .shop-class {
	background:transparent;
	background-repeat:no-repeat;
}

div.shop #content-right .shop-services {
	background:transparent;
	background-repeat:no-repeat;
}

div.shop #content-right .shop-help {
	background:transparent;
	background-repeat:no-repeat;
}



div.classes #content-right .classes-try {
	background:transparent;
	background-repeat:no-repeat;
}

div.classes #content-right .classes-classes {
	background:transparent;
	background-repeat:no-repeat;
}

div.classes #content-right .classes-locator {
	background:transparent;
	background-repeat:no-repeat;
}



/* --- sets custom list styles for sections --- */

div.teach #content-right ul li {
	background:transparent;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}

div.teach #content-right .feature-block-au ul li{
	background:transparent;
}

div.teach #content-right .feature-block-au ul li a{
	color:#020180;
}

div.classes #content-right ul li {
	background:transparent;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}







/* =================== 5.4 SHOPPING PAGES ================================ */


/* --------- default right nav rules -------- */

div.shop #content-right ul li {
	background:transparent;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}

div.shop #content-right ul li.nested {
	background:transparent;
	background-position: 26px 4px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 34px;
	line-height:16px;
	position:relative;
	line-height:14px;
}

div.shop #content-right ul li.nestedCurrent {
	background:transparent;
	background-position: 26px 4px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 34px;
	line-height:16px;
	position:relative;
	line-height:14px;
	color:#00c7b1;
}

div.shop #content-right ul li.nested a {
	font-weight:normal;
}


div.shop div#content-right div.feature-block ul li.current {
	background:transparent;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
	color:#00c7b1;
}

div.shop div#content-right div.feature-block ul li.current a {
	color:#00c7b1;
}

div.shop #content-right a#btn-signup {
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.shop #content-right a#btn-signup:hover {
	background:transparent;
}

div.SmallAlert {
	font-weight:100;
	font-style:italic;
	color:Red;
}

div.BigAlert {
	font-weight:bold;
	font-size:large;
	font-style:normal;
	color:Red;
}

div.classes #content-right a#btn-signup {
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.classes #content-right a#btn-signup:hover {
	background:transparent;
}

div.classes #content-right a#btn-search {
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.classes #content-right a#btn-search:hover {
	background:transparent;
}


/* --------- shopping page crumb trail ---------- */

div.shop div#shop-crumbs {
	color:#00c7b2;
	display:block;
	width:700px;
	text-align:right;
	padding:0;
	margin:0;
	padding-top:10px;
	background:transparent;
	background-repeat:no-repeat;
	background-position:left bottom;
	height:22px;
}


div.shop div#shop-crumbs a {
	color:#09c;
	text-decoration:none;
}

div.shop div#shop-crumbs a:hover {
	color:#00c7b2;
	text-decoration:underline;
}



/* --------- product features ---------- */

div#prod-feature {
	margin:15px 0 0 0;
	clear:left;
	overflow:visible;
	width:705px;
	padding:0;
	display:block;
}

div#prod-feature span.callout {
	color:#00ae94;
	font-weight:bold;
}

div#prod-feature a {
	text-decoration:none;
}

div#prod-feature a:hover {
	text-decoration:underline;
}


div#prod-feature img {
	border:1px solid #eee;
}

div.prod-feature-pic {
	float:left;
	width:187px;
	display:block;
	margin:0 15px 0 0;
	overflow:visible;
}


div.prod-feature-contents {
	float:left;
	margin:0 0 5px 0;
	width:295px;
	padding:0;
	display:block;
}

div#qty-add {
	width:164px;
	height:30px;
	background:#f2f2f2;
	padding: 10px 15px 15px 120px;
	display:block;
	margin:0;
}

div#qty-add input {
	width:35px;
	border:1px solid #bfbfbf;
	font-size:11px;
	margin:0;
}

div#qty-add img.add {
	position:relative;
	left:10px;
	top:7px;
	margin:0;
	padding:0;
	width:90px;
	height:22px;
}

/* --------- shopping page product thumbs ---------- */

div#prod-thumbs-wrapper {
	margin:30px 0;
	line-height:14px;
}

div#prod-thumbs-wrapper-cat {
	margin:10px 0;
	line-height:14px;
}


div#prod-thumbs-wrapper p,
div#prod-thumbs-wrapper-cat p {
	margin:0;
	padding:0 0 5px 0;
}


div#prod-thumbs-wrapper div.prod-thumb,
div#prod-thumbs-wrapper-cat div.prod-thumb {
	width:100px;
	margin:25px 10px 20px 5px;
	padding:0 10px 0 0;
	display:block;
	float:left;
	border-right:1px solid #eee;
	height:220px;
	overflow:visible;
}

div#prod-thumbs-wrapper-cat div.prod-thumb {
	height:200px;
}


div.prod-thumb-end {
	width:100px;
	margin:25px 0px 20px 5px;
	padding:0 0 0 0;
	display:block;
	float:left;
}

div#prod-thumbs-wrapper a,
div#prod-thumbs-wrapper-cat a {
	text-decoration:none;
}

div#prod-thumbs-wrapper a:hover,
div#prod-thumbs-wrapper-cat a:hover {
	text-decoration:underline;
}

div#prod-thumbs-wrapper a.more-info,
div#prod-thumbs-wrapper-cat a.more-info,
div#prod-feature a.more-info {
	background:transparent;
	background-repeat:no-repeat;
	background-position:left 1px;
	padding:3px 0 3px 20px;
	margin:8px 0 0 0;
	position:relative;
	top:8px;
}


div#prod-thumbs-wrapper a.add-to-cart,
div#prod-thumbs-wrapper-cat a.add-to-cart,
div#prod-feature a.add-to-cart {
	background:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 3px 20px;
	margin:0;
	position:relative;
	top:12px;
}

div#prod-feature a.add-to-cart {
	top:8px;
	left:12px;
}

div#prod-feature a#prod-enlarge {
	background:transparent;
	background-repeat:no-repeat;
	background-position:left 1px;
	padding:3px 0 3px 20px;
	margin:8px 0 0 0;
	position:relative;
	top:8px;
	left:32px;
}

div#prod-feature a#prod-email {
	background:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 3px 20px;
	margin:0;
	position:relative;
	top:12px;
	left:32px;
}

div.prod-clear-row {
	height:1px;
	background:#eee;
	overflow:hidden;
	width:100%;
	display:block;
	clear:left;
}

a#btn-checkout {
	position:absolute;
	display:block;
	background:transparent;
	background-repeat:no-repeat;
	top:10px;
	right:20px;
	width:85px;
	height:24px;
	text-decoration:none;
}

a#btn-checkout1:hover {
	background:transparent;
}



a#btn-checkout1 {
	position:absolute;
	display:block;
	background:transparent;
	background-repeat:no-repeat;
	top:345px;
	right:30px;
	width:85px;
	height:24px;
	text-decoration:none;
}

a#btn-checkout:hover {
	background:transparent;
}


/* =================== 5.5 CLASSES PAGES ================================ */


div#class-list {
	width:695px;
	height:295px;
	background:transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
}


div#class-list a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:144px 5px 0 5px;
	width:71px;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
}

div#class-list div#family-time a {
	height:119px;
}

div#class-list div#family-time a:hover {
	background:transparent;
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#village a {
	height:111px;
}

div#class-list div#village a:hover {
	background:transparent;
	background-position:0px 136px;
	background-repeat:no-repeat;
}

div#class-list div#sign-sing a {
	height:101px;
}

div#class-list div#sign-sing a:hover {
	background:transparent;
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#our-time a {
	height:92px;
}

div#class-list div#our-time a:hover {
	background:transparent;
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#imagine-that a {
	width:72px;
	height:83px;
}

div#class-list div#imagine-that a:hover {
	background:transparent;
	background-position:2px 137px;
	background-repeat:no-repeat;
}

div#class-list div#young-child a {
	height:77px;
}

div#class-list div#young-child a:hover {
	background:transparent;background:transparent;
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#adventures a {
	width:72px;
	height:67px;
}

div#class-list div#adventures a:hover {
	background:transparent;
	background-position:2px 137px;
	background-repeat:no-repeat;
}

div#class-list span#adventures-caption {
	font-size:11px;
	width:72px;
	display:block;
	position:absolute;
	top:215px;
	left:534px;
}


div#class-list div#abc-music a {
	height:62px;
	width:72px;
}

div#class-list div#abc-music a:hover {
	background:transparent;
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list span#abc-caption {
	font-size:11px;
	width:72px;
	display:block;
	line-height:12px;
	position:absolute;
	top:210px;
	left:610px;
}

div#class-list a#classes-try {
	width:155px;
	height:24px;
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
	padding:0;
	position:absolute;
	top:260px;
	left:320px;
}

div#class-list a#classes-try:hover {
	background:transparent;
}


div#content-right div.feature-block ul.content-right-class-list a {
	font-weight:normal;
}


div.classes div#content-right div.feature-block ul.content-right-class-list li.current {
	background:transparent;
	background-repeat:no-repeat;
}


div.classes div#content-right div.feature-block ul.content-right-class-list li.current a {
	color:#de4428;
}



div#classes-video {
	width:454px;
	height:266px;
	display:block;
	background:transparent;
	background-repeat:no-repeat;
	margin:0 0 22px 0;
	padding:24px;
}

div#classes-video ul {
	position:absolute;
	left:335px;
	top:60px;
	width:120px;
	line-height:14px;
	margin-top:0;
}

div#classes-video ul span {
	color:#ea492c;
	font-weight:bold;
}

div#classes-video div.video-placement {

}

div#classes-video-adventures {
	width:454px;
	height:266px;
	display:block;
	background:transparent;
	background-repeat:no-repeat;
	margin:0 0 22px 0;
	padding:24px;
}
div#classes-video-adventures ul {
	position:absolute;
	left:210px;
	top:60px;
	width:120px;
	line-height:14px;
	margin-top:0;
}

div#classes-video-adventures ul span {
	color:#ea492c;
	font-weight:bold;
}




/* ------------------- 5.6 Pre-Footers --------------- */

/* width:780px; */
div#pre-footer {
	width:970px;
	min-height:150px;
	padding:15px 0;
	margin:0;
	display:block;
	background:#fff;
	overflow:visible;	
	display:block;
	position:relative;
}


div#pre-footer ul li {
	list-style-type:none;
	background:transparent;
	background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0 0 10px 10px;
	line-height:15px;
}


div#pre-footer div.side-column {
	width:200px;
	display:block;
	padding:0 14px 10px 28px;
	margin:0;
	background:#fff;
	position:absolute;
}

div#pre-footer div.side-column p {
	padding:10px 0 0 0;
}

/* width:480px; */
div#pre-footer div.quote-wrapper {
	width:680px;	
	padding:7px 10px 10px 24px;
	display:block;
	border-left:1px solid #ddd8d8;
	background-color:#fff;
	position:relative;
	left:240px;
	margin:0;
}

div#pre-footer ul {
	margin:0 0 0 3px;
	padding:0;
}


div#pre-footer ul li {
	padding:0 0 3px 10px;
	margin:0;
}

div#pre-footer div.quote-wrapper p {
	padding:0 0 10px 34px;
}

div#pre-footer a#home-try {
	width:155px;
	height:24px;
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#pre-footer a#home-try:hover {
	background:transparent;
}

div#pre-footer a#teach-try {
	width:155px;
	height:24px;
	background:transparent;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#pre-footer a#teach-try:hover {
	background:transparent;
}


div#pre-footer div#quote {
	padding:8px 0 0 34px;
	margin:0;
	background:url(www.peekabooalleymusic.com/images/img/bg-quote-start.gif);
	background-repeat:no-repeat;
	background-position: top left;
	display:block;
	background-color:#5D3482;
}

/* width:450px; */
div#pre-footer div#quote p {
	background:url(www.peekabooalleymusic.com/images/img/bg-quote-end.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:640px; 
	padding:7px 0 10px 0;
}




/* =================== 6.0 FOOTER ITEMS ================================ */


#footer {
	padding:20px 28px;
	background:transparent;
	font-size:11px;
	color:#fff;
	line-height:14px;
	margin:0;
	}
	
#footer a {
	color:#ffcb05;
}

#footer a:hover {
	color:#e0d4ea;
}


#footer ul {
	color:#ffcb05;
	padding:0;
	margin:0 0 35px 0;
	display:block;
	clear:left;
}

#footer ul li {
	list-style-type:none;
	background:transparent;
	float:left;
	display:block;
	padding:0;
}


#footer div#addtl-info {
	width:215px;
	float:right;
	display:block;
	text-align:right;
}

#footer select {
	color:#666;
	font-size:11px;
	width:212px;
	overflow:visible;
}