/*

	Site Name CSS
	Your Name
	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
	7.0 UK and I

	
*/


/* =================== 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(img/bg-body.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#411E54;
	padding:0;
	margin:0;
	display:block;

}


div#wrapper {
	text-align:left;
	width:780px;
	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 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #77268d;
	line-height:18px;
	padding:0;
	margin:10px 0 2px 0;
}

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

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

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

}


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



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

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:145px;
	float:right;
	text-align:right;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}

div#header-layers div#signup {
	width:312px;
	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(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;
}




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


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

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


div#primary-nav a#classes {
	background-image:url(img/bg-nav-classes.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:260px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a#classes:hover {
	background-image:url(img/bg-nav-classes-h.gif);
}

div#primary-nav a#teach {
	background-image:url(img/bg-nav-teach.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:256px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a#teach:hover {
	background-image:url(img/bg-nav-teach-h.gif);
}

div#primary-nav a#shop {
	background-image:url(img/bg-nav-shop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:264px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a#shop:hover {
	background-image:url(img/bg-nav-shop-h.gif);
}


/* ------------------- 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(img/bg-subnav-classes.jpg);
	background-repeat:repeat-x;
	padding-left:40px;
}

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

div#classes-current  {
	background-image:url(img/bg-nav-classes-current.gif);
	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:url(img/bg-subnav-teach.jpg);
	background-repeat:repeat-x;
	padding-left:120px;
}

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

div#teach-current  {
	background-image:url(img/bg-nav-teach-current.gif);
	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:url(img/bg-subnav-shop.jpg);
	background-repeat:repeat-x;
	padding-left:45px;
}

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

div#shop-current  {
	background-image:url(img/bg-nav-shop-current.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:273px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-37px;
	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 =========================== */


div#home-spotlight {
	background:url(img/home-bg-mainarea.jpg);
	width:780px;
	height:373px;
	display:block;
	overflow:hidden;
}

div#home-spotlight div#left-side {
	width:427px;
	height:348px;
	display:block;
	float:left;
	overflow:hidden;
	padding:25px 0 0 17px;
}

div#home-spotlight div#left-side div#movie-area {
	background:url(img/bg-home-spotlight.gif);
	background-repeat:no-repeat;
	width:359px;
	height:282px;
	display:block;
	overflow:hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


div#home-spotlight div#right-side {
	width:336px;
	display:block;
	float:left;
	padding:35px 0 0 0;
}

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:15px 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-spotlight-cover {
	background-image:url(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:url(img/home-btn-freeclass.gif);
	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:url(img/home-btn-freeclass-h.gif);
}

div#home-spotlight-cover a#find-class {
	background:url(img/home-btn-findclass.gif);
	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:url(img/home-btn-findclass-h.gif);
}


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;
}


div#home-teach {
	width:506px;
	height:172px;
	display:block;
	overflow:hidden;
	background-color:#fcf8ed;
	background-image:url(img/home-bg-teach.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	padding:18px 0 15px 14px;
	text-align:left;
	float:left;
}

div#home-teach p {
	padding:0 15px 0 0;
}

div#home-shop {
	width:245px;
	height:175px;
	background-color:#f5fdfc;
/*  background-color:#02c7b3; */	
	background-image:url(img/home-bg-shop.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
	text-align:left;
	padding:18px 0 12px 15px;
}

div#home-shop p {
	width:137px;
}

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

div#home-teach a#more {
	width:90px;
	height:22px;
	display:block;
	float:right;
	background:url(img/home-btn-more-info.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
	margin-top: 10px;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 0;
}

div#home-teach a#more:hover {
	background:url(img/home-btn-more-info-h.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#home-shop a#shop-link {
	width:90px;
	height:22px;
	display:block;
	padding:0;
	margin:0 auto 0 auto;
	background:url(img/home-btn-shop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}

div#home-shop a#shop-link:hover {
	background:url(img/home-btn-shop-h.gif);
	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-image:url(img/home-bg-divider.gif);
	background-repeat:repeat-x;
	height:3px;
	overflow:hidden;
	width:780px;
	padding:0;
	margin:0;
	display:block;
}


div#home-third-row {
	width:780px;
	height:195px;
	padding:25px 0;
	margin:0;
	display:block;
	background:#fff;
}


div#home-third-row ul li {
	list-style-type:none;
	background:url(img/icon-arrow.gif);
	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-image:url(img/home-btn-try.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#home-third-row a#home-try:hover {
	background-image:url(img/home-btn-try-h.gif);
}


div#home-third-row div#quote {
	padding:0 0 0 34px;
	margin:0;
	background:url(img/bg-quote-start.gif);
	background-repeat:no-repeat;
	background-position: top left;
	width:160px;
}


div#home-third-row div#quote p {
	background:url(img/bg-quote-end.gif);
	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-wrapper {
	background-color:#fff;
	padding:30px 0 0 15px;
	margin:0;
	width:765px;
	position:relative;
	display:block;
	overflow:auto;
}

#content {
	padding:30px;	
}


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


h2.stylized {
	display:inline;
	font-size:24px;
	line-height:18px;
	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:url(img/icon-music-note.gif);
	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-image:url(img/bg-content-classes.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.teach {
	background-image:url(img/bg-content-teach.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.shop {
	background-image:url(img/bg-content-shop.jpg);
	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 --- */


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


div.classes h1 {
	background:url(img/hdr-classes-blank.gif);
	background-repeat:no-repeat;
	color:#713495;
}

div.shop h1 {
	background:url(img/bg-hdr-shop-blank.gif);
	background-repeat:no-repeat;
	color:#00ae94;

}


div.teach h1 {
	background:url(img/hdr-teach-blank.gif);
	background-repeat:no-repeat;
	color:#ff9900;

}


div.shop h1#hdr-shop {
	background:url(img/hdr-shop.gif);
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}



/* ------------------- 5.2 Split Content Pages -- Left Side -------------------- */

#content-left {
	width:505px;
	padding:30px 30px 30px 15px;
	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;
}


/* ------------------- 5.3 Split Content Pages -- Right Side -------------------- */

#content-right {
	float:left;
	width:180px;
 	padding:30px 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:15px 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-started {
	background-image:url(img/bg-teach-started.gif);
	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-started a#btn-enroll {
	background:url(img/btn-enroll-today.gif);
	width:106px;
	height:24px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block-started a#btn-enroll:hover {
	background:url(img/btn-enroll-today-h.gif);
}


div.teach #content-right div.feature-block-started a.enroll-more {
	background: url(img/icon-arrow-circle.gif);
	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-started a.enroll-more:hover {
	text-decoration:underline;
}


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

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

div.teach #content-right h2.teach-individuals {
	background:url(img/bg-hdr-teach-individuals.gif);
	background-repeat:no-repeat;

}

div.teach #content-right h2.teach-organizations {
	background:url(img/bg-hdr-teach-organizations.gif);
	background-repeat:no-repeat;

}

div.teach #content-right h2.teach-questions {
	background:url(img/bg-hdr-teach-questions.gif);
	background-repeat:no-repeat;

}



div.shop #content-right h2.shop-categories {
	background:url(img/bg-hdr-shop-categories.gif);
	background-repeat:no-repeat;
}

div.shop #content-right h2.shop-class {
	background:url(img/bg-hdr-shop-class.gif);
	background-repeat:no-repeat;
}

div.shop #content-right h2.shop-services {
	background:url(img/bg-hdr-shop-services.gif);
	background-repeat:no-repeat;
}

div.shop #content-right h2.shop-help {
	background:url(img/bg-hdr-shop-help.gif);
	background-repeat:no-repeat;
}



div.classes #content-right h2.classes-try {
	background:url(img/bg-hdr-classes-try.gif);
	background-repeat:no-repeat;
}

div.classes #content-right h2.classes-classes {
	background:url(img/bg-hdr-classes-classes.gif);
	background-repeat:no-repeat;
}

div.classes #content-right h2.classes-locator {
	background:url(img/bg-hdr-classes-find.gif);
	background-repeat:no-repeat;
}



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

div.teach #content-right ul li {
	background:url(img/icon-music-note-orange.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}




div.classes #content-right ul li {
	background:url(img/icon-music-note-purple.gif);
	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:url(img/icon-music-note-blue.gif);
	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:url(img/icon-arrow-blue.gif);
	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.nested a {
	font-weight:normal;
}


div.shop div#content-right div.feature-block ul li.current {
	background:url(img/icon-music-note-green.gif);
	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:url(img/btn-sign-up.gif);
	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:url(img/btn-sign-up-h.gif);
}

div.classes #content-right a#btn-signup {
	background:url(img/btn-sign-up-purple.gif);
	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:url(img/btn-sign-up-purple-h.gif);
}

div.classes #content-right a#btn-search {
	background:url(img/btn-search-purple.gif);
	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:url(img/btn-search-purple-h.gif);
}


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

div.shop div#shop-crumbs {
	color:#00c7b2;
	display:block;
	width:500px;
	text-align:right;
	padding:0;
	margin:0;
	padding-top:10px;
	background:url(img/hr-blue-dots.gif);
	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:505px;
	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:170px;
}


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:url(img/bg-more-info.gif);
	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:url(img/bg-add-to-cart.gif);
	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:url(img/icon-enlarge.gif);
	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:url(img/icon-email.gif);
	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:url(img/btn-checkout.gif);
	background-repeat:no-repeat;
	top:36px;
	right:30px;
	width:85px;
	height:24px;
	text-decoration:none;
}

a#btn-checkout:hover {
	background:url(img/btn-checkout-h.gif);
}



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


div#class-list {
	width:695px;
	height:295px;
	background:url(img/bg-class-list.jpg);
	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-image:url(img/bg-family-time.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

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

div#class-list div#village a:hover {
	background-image:url(img/bg-village.gif);
	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-image:url(img/bg-sign-sing.gif);
	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-image:url(img/bg-our-time.gif);
	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-image:url(img/bg-imagine-that.gif);
	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-image:url(img/bg-young-child.gif);
	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-image:url(img/bg-adventure.gif);
	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-image:url(img/bg-music-me.gif);
	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-image:url(img/home-btn-try.gif);
	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-image:url(img/home-btn-try-h.gif);
}


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:url(img/icon-music-note-red.gif);
	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:url(img/bg-classes-video.gif);
	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 {

}




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


div#pre-footer {
	width:780px;
	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:url(img/icon-arrow.gif);
	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;
}


div#pre-footer div.quote-wrapper {
	width:480px;	
	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 {
	list-style-type:none;
	background:url(/img/icon-arrow.gif);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0 0 10px 10px;
	line-height:15px;
}

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

div#pre-footer a#home-try {
	width:155px;
	height:24px;
	background-image:url(img/home-btn-try.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#pre-footer a#home-try:hover {
	background-image:url(img/home-btn-try-h.gif);
}



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


div#pre-footer div#quote p {
	background:url(img/bg-quote-end.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:450px; 
	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;
}

/* =================== 7.0 UK and I  ================================ */

/* --- to aid incorporation of legacy Pages - makes like H2 --- */

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