/* CSS Document */

body#current a#menu-current,
body#pixiefashion a#menu-fashion,
body#workshops a#menu-workshops,
body#hooping a#menu-hooping,
body#gallery a#menu-gallery,
body#history a#menu-history,
body#performance a#menu-performance,
body#tribe a#tribe,
body#contact a#menu-contact,
body#links a#menu-links{
	color:#B4E6FB;
}

body {
	margin:0;
	padding:0;
	background-color: #FFF;
	background-image: url(../images/2010/testbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}


a {
color:#90278E;
text-decoration: none;
}

a:hover {
border-bottom: none;
}

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

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

#headerbg
{
width:100%;
height:200px;
float:left;
margin:0px;
padding:0px;
background-repeat:repeat-x;
}

#headerblank
{
width:1004px;
height:740px;
float:none;
margin:0 auto;
padding:0px;
}

#contentholder {
	width:1030px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	background-color: #FFF;
	padding-bottom: 20px;
	padding-top: 0px;
}

#image_map{
	width:1063px;
	height: 325px;
	margin:0 auto;
	padding:0px;
	background-image: url(../images/2010/bg-004ph.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#image_map a{
display:block;
position:absolute;
}

#image_map a.menu{
width:100px;
height:50px;
top:340px;
}

#image_map a#link1{
	width:285px;
	height:275px;
	top:30px;
	left:62px;
}


#contentmain {
width:1000px;
height: auto;
float: left;
padding-bottom: 35px;
padding-top: 5px;
text-align: center;
background: url(details-learn-roll.jpg) no-repeat -9999 -9999;
}

#columns {
	width:735px;
	height: auto;
	float: left;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: center;
	background: url(details-learn-roll.jpg) no-repeat -9999 -9999;
}

#contentmain1 {
width:910px;
height: auto;
text-align: center;
clear: left;
padding-left: 45px;
padding-right: 45px;
padding-top: 5px;
padding-bottom: 5px;
background: url(details-pixies-roll.jpg) no-repeat -9999 -9999;
}

.h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #666;
display: inline;
font-weight: normal;
}

.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #27A8E2;
display: inline;
font-weight: bold;
}

.contentdetails2 {
width:420px;
text-align: justify;
float: left;
margin-top: 20px;
margin-left: 57px;
background: url(details-tribe-roll.jpg) no-repeat -9999 -9999;
}

.contentdetails22 {
width:350px;
text-align: justify;
float: left;
margin-top: 20px;
margin-left: 100px;
background: url(details-hoops-roll.jpg) no-repeat -9999 -9999;
}

.contentdetailslinks {
width:300px;
text-align: left;
float: left;
margin-top: 20px;
margin-left: 45px;
font-size: 14px;
}

.contentdetailslinks2 {
	width:200px;
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
	line-height: 28px;
	font-size: 14px;
}

.contentdetailspixies {
width:410px;
text-align: center;
float: left;
margin-top: 20px;
margin-left: 50px;
}

.contentdetails4 {
	width:200px;
	text-align: justify;
	float: left;
	margin-right: 1px;
	margin-left: 44px;
	margin-top: 2px;
	padding-top: 16px;
}

.contentdetailsfb {
width:220px;
text-align: justify;
margin-top: 2px;
float: right;
margin-right: 22px;
}

#details {
	float: none;
	margin-left: 20px;
	width: 730px;
}

#details a:hover {
border: none;
}

#details a:visited {
border: none;
}

.display{
	float: left;
	height: 165px;
	width: 225px;
	background-repeat: no-repeat;
	padding-right: 8px;
	padding-left: 10px;
}

.workshopdetails{
	width:420px;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 35px;
	background-color: #CCE6F8;
	background-image: url(../images/2009/workshoptop-bar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 50px;
}

.workshopdetailsright {
	width:485px;
	text-align: center;
	float: left;
	margin-left: 65px;
	background-color: #FFF;
	height: auto;
	margin-top: 25px;
}


.workshopdetailsone{
	width:950px;
	text-align: justify;
	float: left;
	margin-left: 9px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 20px;
	padding-right: 20px;
}

.workshopholder {
	float: left;
	height: 285px;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 35px;
}

.workshopholdertop {
float: left;
height: 50px;
width: 950px;
margin: 10px;
background-color: #A8D9F6;
}

.workshopholder2 {
	float: left;
	height: 285px;
	width: 580px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 35px;
}

.workshopholder3 {
	float: left;
	height: 285px;
	width: 240px;
	margin-right: 10px;
	margin-top: 10px;
	=text-align: center;
	line-height: 35px;
}

.workshopholder4 {
	float: left;
	height: 285px;
	width: 400px;
	background-color: #FFF;
	margin: 10px;
	text-align: center;
	line-height: 35px;
}

.workshopholder5 {
	float: left;
	height: 285px;
	width: 270px;
	background-color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	line-height: 35px;
}
.cityworkshops{
	width:330px;
	text-align: justify;
	float: left;
	margin-top: 20px;
	background-color: #CBE8F9;
	height: 600px;
	background-image: url(../images/2010/workshops/workshoptop-bar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 25px;
	margin-right: 6px;
	margin-left: 6px;
}

.cityworkshopsinside {
	width:290px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
}

.regbuttons {
	width:290px;
	text-align: center;
	height: 45px;
}




/* These styles create the dropdown menus. */

#navbar {
	width: 1030px;
	height: 25px;
	margin: 0px;
	float: left;
	background-image: url(../images/2009/toolbar2.jpg);
	background-repeat: no-repeat;
	padding-bottom: 28px;
	display: inline;
	padding-top: 14px;
	padding-left: 110px;
}
	
#navbar li {
	list-style: none;
	float: left;
	padding-left: 5px;
	text-align: left;
}
   
#navbar li a {
	display: block;
	text-decoration: none;
	height: 30px;
	width: auto;
	color: #FFF;
	font-size: 12pt;
	font-weight: bolder;
	text-align: center;
	border: none;
	text-decoration: none;
	padding-right: 20px;
}

#navbar li a:hover {
	color: #E0BBE8;
	border: none;
	text-decoration:none;
}
   
#navbar li ul {
	display: none;
	width: 15em; /* Width to help Opera out */
	background-color: #9A008B;
	margin: 0px;
	padding: 0px;
}

   
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
   }
   
#navbar li:hover li, #navbar li.hover li {
   float: none; }
   
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #9A008B;
	border-top: 10px solid #9A008B;
	border-left: 6px solid #9A008B;
	color: #FFF;
	text-align: left;
   }
   
#navbar li li a:hover {
	background-color: #E0BBE8;
	border-top: 10px solid #E0BBE8;
	border-left: 6px solid #E0BBE8;
	color: #9A008B;
 }



#signupframe {
color: #666666;
width: 170px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
text-align: left;
border-color: #DBECF1;
border-width: 4px;
border-style: solid;
line-height: 21px;
background-color: #E8F9FF;
padding-bottom: 6px;
}


#SignUp .signupframe {
background: #ffffff;
color: #498FB3;
font-family: Arial, Helvetica, sans-serif;
}

.paypal {
float: left;
width: 300px;
}

.paypalclasses {
float: none;
height: auto;
width: 350px;
text-align: center;
padding-left: 55px;
}

.paypalclasses2 {
float: none;
height: auto;
width: 350px;
text-align: center;
padding-left: 75px;
}


#contentmain {
	width:1000px;
	height: auto;
	float: left;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: center;
}

.contentstore {
	width:420px;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	background-color: #CBE8F9;
	height: 2470px;
	background-image: url(../images/2009/workshoptop-bar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 45px;
}

.contentstorespecial {
	width:420px;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	background-color: #CCE6F8;
	height: 1350px;
	background-image: url(../images/2009/workshoptop-bar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 45px;
}

.contentstoreinside {
width:380px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}


.storedetails {
	width:485px;
	text-align: center;
	float: left;
	margin-left: 65px;
	background-color: #FFF;
	height: auto;
	margin-top: 15px;
}


.storedetailsspecial {
width:475px;
text-align: center;
float: left;
margin-left: 35px;
background-color: #FFF;
height: auto;
margin-top: 20px;
}

.store {
width:485px;
text-align: left;
float: left;
height: 325px;
background-color: #FFF;
margin-bottom: 15px;
padding-top: 10px;
border-bottom: 2px;
border-bottom-color: #CCC;
border-bottom-style: dotted;
line-height: 18px;
}

.storefirst {
width:500px;
text-align: center;
float: left;
height: 300px;
background-color: #FFF;
padding: 10px;
margin-bottom: 15px;
}

.storelast {
width:485px;
text-align: left;
float: left;
height: 75px;
background-color: #FFF;
margin-bottom: 5px;
padding-top: 10px;
line-height: 18px;
}

.storecustomhoop {
	width:485px;
	text-align: left;
	float: left;
	height: 520px;
	background-color: #FFF;
	margin-bottom: 15px;
	padding-top: 10px;
	border-bottom: 2px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	line-height: 18px;
}

.storeshamspecial {
	width:485px;
	text-align: left;
	float: left;
	height: 550px;
	background-color: #FFF;
	margin-bottom: 15px;
	padding-top: 15px;
	border-bottom: 2px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	line-height: 18px;
}

.workshops {
width:450px;
text-align: center;
float: left;
background-color: #FFF;
border-bottom: 3px;
border-bottom-color: #CCC;
border-bottom-style: dotted;
line-height: 18px;
padding-top: 18px;
padding-bottom: 10px;
}

.workshopsfirst {
width:500px;
text-align: center;
float: left;
height: 300px;
background-color: #FFF;
padding: 10px;
margin-bottom: 15px;
}

.workshopslast {
	width:430px;
	text-align: justify;
	float: left;
	background-color: #FFF;
	line-height: 18px;
	padding-top: 10px;
	;
	padding-bottom: 10px;
}



/* STORE IMAGES */ 


#container {
width:100px;
margin:0px auto;
position: relative;
float: left;
margin-right: 25px;
}

#container a.pics {
float:left;
margin:4px 0px 4px;
display:inline;
color:#000;
text-decoration:none;
width:100px;
height:66px;
cursor:default;
}

#container a.pics img.thumb {
display:block;
border:0px;
}

#container a.pics span {
display:none;
border:0px;
width:375px;
text-align:center;
height: 265px;
}

#container a.pics span img {
margin:0px auto; 
border:0px;
}

#container a.pics:hover {
white-space:normal; 
border:0px;
}

#container a.pics:hover span {
display:block; 
position:absolute; 
left:115px; 
top:20px; 
z-index:5; 
height:265px;
}

#container a.pics:active {
border:0px;
} 

#container a.pics:active span {
display:block; 
position:absolute; 
left:115px; 
top:5px; 
z-index:5; 
height:250px;
border:0px;
}

#container a.pics:focus {
outline:0;
border:0px;
}

#container a.pics:focus span {
display:block; 
position:absolute; 
left:115px; 
top:5px; 
z-index:5; 
outline:0;
border:0px;
}

#container span.info {
clear:left; 
display:block; 
text-align:center; 
line-height:20px; 
margin:0; 
padding:100px 0 0 0; 
width:200px; 
text-align:center; 
color:#eee;
z-index:1;
border:0px;
}

#container span.info a {
color:#000;
border:0px;
}

#container span.info a:hover {
text-decoration:none;
border:0px;
}



#footerbg
{
width:100%;
height:175px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/footerbg.jpg);
background-repeat:repeat-x;
}


#footerblank
{
width:1004px;
height:175px;
float: none;
margin:0 auto;
padding:0px;
}

#footer2
{
width:1004px;
height:175px;
float: left;
margin:0px;
padding:0px;
}

#footerlinks
{
width:1004px;
float: left;
margin:20px 0 0 0;
padding:0px;
font-family:Arial;
font-size:11px;
color:#FFF;
text-align:center;
border:0px;
}


.footerlinks
{
font-family:Arial;
font-size:11px;
color:#FFF;
text-align:center;
text-decoration:none;
padding:0 3px 0 3px;
}


.footerlinks:hover
{
font-family:Arial;
font-size:11px;
color:#FFF;
text-align:center;	
padding:0 3px 0 3px;
border-bottom:1px dotted;

}

#copyrights
{
	width:975px;
	float: left;
	margin:5px 0 0 0;
	padding:5px 10px;
	font-family:Arial;
	font-size:11px;
	color:#ABE1FB;
	text-align:center;
}


#icons
{
width:1004px;
float: left;
margin:10px 0 0 0;
padding:5px 0px;
font-family:Arial;
font-size:11px;
color:#ABE1FB;
text-align:center;
padding-top: 10px;
}

#icons a:hover
{
border:none;
}


/* Extras */ 

.style10 {
color: #CCCCCC;
line-height: 40px;
}

.medblue {
	font-size: 12px;
	font-weight: bold;
	color: #28AAE1;
	font-family: Arial, Helvetica, sans-serif;
}

.medgreen {
font-size: 16px;
font-weight: bold;
color: #3C3;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}

.medpink {
	font-size: 16px;
	font-weight: bold;
	color: #C90;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.medorange {
	font-size: 12px;
	font-weight: bold;
	color: #F60;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.medpurple {
	font-size: 16px;
	font-weight: bold;
	color: #606;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.medwhite {
font-size: 16px;
font-weight: bold;
color: #FFF;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}

.medpurple {
	font-size: 14px;
	font-weight: bold;
	color: #A12164;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.largeblue {
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #28AAE1;
}

.largepurple {
	font-size: 16px;
	font-weight: bold;
	color: #A12164;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.purple-bold {
color: #F60;
}

.imagecenter {
text-align: center;
vertical-align: bottom;
}

.header1 {
font-weight: bold;
font-size: 16px;
color: #28AAE1;
text-decoration:none;
border-bottom:1px dotted;
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
}

.header2 {
	font-weight: bold;
	font-size: 16px;
	color: #939FAB;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}


.style16 {
font-style: italic;
font-size: 9px;
}

.BOLD {
font-weight: bold;
color: #F60;
}

.medlarge {
font-size: 16px;
}
   
.floatimgleft {
    float:left;
    margin-top:5px;
    margin-right:20px;
    margin-bottom:3px;
    }
	
.medgrey {
	font-size: 14px;
}