@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: url(../images/w.png) repeat #772f68;
	font: 80%/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	}
a img{border:none;}
/*Fonts*/

@font-face {
    font-family: 'ArvoRegular';
    src: url('../fonts/Arvo-Regular-webfont.eot?') format('eot'),
         url('../fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('../fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-Regular-webfont.svg#webfontomnSZCTO') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('../fonts/Arvo-Italic-webfont.eot?') format('eot'),
         url('../fonts/Arvo-Italic-webfont.woff') format('woff'),
         url('../fonts/Arvo-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-Italic-webfont.svg#webfontY2S57ueW') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoRegular';
    src: url('../fonts/Arvo-Bold-webfont.eot?') format('eot'),
         url('../fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('../fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-Bold-webfont.svg#webfontnP4ftP2h') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('../fonts/Arvo-BoldItalic-webfont.eot?') format('eot'),
         url('../fonts/Arvo-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Arvo-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-BoldItalic-webfont.svg#webfontRPyhJQGW') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabThin';
    src: url('../fonts/JosefinSlab-Thin-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-Thin-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-Thin-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-Thin-webfont.svg#webfontVTgXk5Vz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabThinItalic';
    src: url('../fonts/JosefinSlab-ThinItalic-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-ThinItalic-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-ThinItalic-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-ThinItalic-webfont.svg#webfontzaX0BCJV') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLight';
    src: url('../fonts/JosefinSlab-Light-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-Light-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-Light-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-Light-webfont.svg#webfontkUjH7XqU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLightItalic';
    src: url('../fonts/JosefinSlab-LightItalic-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-LightItalic-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-LightItalic-webfont.svg#webfontXr4jbcqC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabRegular';
    src: url('../fonts/JosefinSlab-Regular-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-Regular-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-Regular-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-Regular-webfont.svg#webfontWs4g4u7o') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabItalic';
    src: url('../fonts/JosefinSlab-Italic-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-Italic-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-Italic-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-Italic-webfont.svg#webfontRtKJmKQG') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBold';
    src: url('../fonts/JosefinSlab-SemiBold-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-SemiBold-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-SemiBold-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-SemiBold-webfont.svg#webfontiBtqXwXU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBoldItalic';
    src: url('../fonts/JosefinSlab-SemiBoldItalic-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-SemiBoldItalic-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-SemiBoldItalic-webfont.svg#webfont4VJlVJXk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBold';
    src: url('../fonts/JosefinSlab-Bold-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-Bold-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-Bold-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-Bold-webfont.svg#webfontMbyg6Wt4') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBoldItalic';
    src: url('../fonts/JosefinSlab-BoldItalic-webfont.eot?') format('eot'),
         url('../fonts/JosefinSlab-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/JosefinSlab-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSlab-BoldItalic-webfont.svg#webfontRTpBUUtd') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'MyriadProSemiBold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#webfontYQdKYRYe') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProSemiBold';
	src: url('../fonts/myriadpro-semiboldit-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-semiboldit-webfont.woff') format('woff'), url('../fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semiboldit-webfont.svg#webfontQe86VtAS') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/myriadpro-it-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-it-webfont.woff') format('woff'), url('../fonts/myriadpro-it-webfont.ttf') format('truetype'), url('../fonts/myriadpro-it-webfont.svg#webfontGoVOOYIx') format('svg');
	font-weight: normal;
	font-style: italic;
}


/*Header*/
	
 #mainHeader {
	width:100%;
	height:164px;
	clear: both;
	position: static;
	background:url(../images/headerbg.png) repeat-x #7E78A5;
}
#head {
	width:980px;
	height:164px;
	margin-left:auto;
   	margin-right:auto;
	background:url(../images/headbg.png) no-repeat;
	
}
#headContainer{
	width:960px;
	height:164px;
	margin-left:auto;
   	margin-right:auto;}
	
	
	#iconHeader {margin: 0px 10px 20px 10px; width:60px; float:left; height:160px;}
 #mainLogo {
	width:344px;
	height:162px;
	background:url(../images/WandaLogo.png) no-repeat 0px bottom;
	margin: 0px 0px 0px 0px;
	float:left;
	
	
}

 #navigation {width:600px; height:160px; margin: 0px 10px 0px -30px; float:left;}
 .spacer{width:630px; height:122px;}
 .playerHome { width:256px; height:62px; margin:56px 0px 0px 40px; float:left;}
 #navMenu {width:630px; height:42px;	}
/*Navigation*/


 	#navMenu ul {
	color:#ffffff;
	list-style-type: none;
	display:inline;
	z-index: 100;
	}
	#navMenu li {
	color:#ffffff;
	list-style-type: none;
	display:inline;
	font: 24px 'ArvoRegular', Arial, sans-serif;
	color:#CCC;
	}
	
	#navMenu li a{
	text-decoration:none; color:#CCC;}
	
	#navMenu li a:hover{
	text-decoration:none; color:#FFF;}
	
	#navMenu li .button {
	height:32px;
	margin: 0;
	padding: 10px 14px 0px 14px;
	float:left;
	border-right: 1px dotted #333;
	}
    #navMenu li #last {
	height:32px;
	padding: 10px 0px 0px 14px;
	float:left;
	}
	
	#navMenu li .button:hover {
	height:34px;
	margin: 0;
	padding: 8px 11px 0px 11px;
	float:left;
	font: 26px 'ArvoRegular', Arial, sans-serif;
	border-right: 1px dotted #333;
	}
    #navMenu li #last:hover {
	height:34px;
	padding: 8px 11px 0px 11px;
	float:left;
	font: 26px 'ArvoRegular', Arial, sans-serif;
	}
	#navMenu li #team:hover {
	height:34px;
	padding: 8px 7px 0px 8px;
	float:left;
	font: 26px 'ArvoRegular', Arial, sans-serif;
	}
	
	#navMenu li #photo:hover {
	height:34px;
	padding: 8px 10px 0px 10px;
	float:left;
	font: 26px 'ArvoRegular', Arial, sans-serif;
	}
	
	#popout ul {
	list-style:none;
	position:absolute;
	clear:both;
	height:auto;
	width:220px;
	left:-9999px;
	display:list-item;
	background:#000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding:5px 0;
}

#popout ul li {
height:26px;
line-height:26px;
display:list-item;
text-align:center;
}

#popout :hover ul {

	left:auto;
	top:auto;
	margin:40px 0px 0px 91px;	
}	
 
/*Content*/

.container {
	min-height: 100%;
   	margin-bottom: -180px;
   	position: relative;
   	margin-left:auto;
   	margin-right:auto;}

.shell{ width:980px;
		margin-left:auto;
   	margin-right:auto;
	height:auto;
 }
 
 .content {
	width:960px;
	background:url(../images/mainBg.png) repeat-y;
    overflow:hidden;
	clear: both;
	margin-left:10px;
	height:auto;
}
 .contentFoot {
	width:960px;
	background:url(../images/mainBgFoot.png) no-repeat;
    height:15px;
	clear: both;
	margin-left:10px;
}
 
.contentMain {
	width:960px;
	height:auto;
	
	}
	
	.classOne {width:60px; margin:5px 10px 0px 10px; float:left;}
	.classTwo {width:140px; margin:0px 10px 0px 10px; float:left;}
	.classThree {width:216px; margin:0px 10px 10px 10px; float:left; 	
	}
	.classFour {width:294px; margin:5px 10px 0px 10px; float:left;}
	.classFive {width:380px; margin:5px 10px 0px 10px; float:left;}
	.classSix {width:457px; margin:5px 10px 0px 10px; float:left;}
	.classSeven {width:540px; margin:5px 10px 0px 10px; float:left;}
	.classEight {width:620px; margin:5px 10px 0px 10px; float:left;}
	.classNine {width:700px; margin:5px 10px 0px 10px; float:left;}
	.classTen {width:780px; margin:5px 10px 0px 10px; float:left;}
	.classEleven {width:860px; margin:5px 10px 0px 10px; float:left;}
	.classTwelve {width:937px; margin:5px 10px 0px 10px; float:left;}
	
	h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222222;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	line-height: 1; 
}
h2.pageTitle {font-size:36px; margin:10px 0px -10px 10px; color:#000; float:right; font-family: 'ArvoRegular', Arial, sans-serif;}
h2.contentHead {font-size:36px; margin:10px 0px 5px 10px; color:#000;}
h2.creative, h2.general, h2.mainHead, h2.homeHead {
	font-size:28px;
	color:#FFF;
font-family:'ArvoRegular', Arial, sans-serif;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 20px;
	background-image:url(../images/footerBottomBg.png); 
	background-position:right top;
	border-bottom:8px solid #000;
	border-top:1px solid #000;
	text-shadow: #000 2px 2px 2px;
}

 h2.mainHead { font-size:42px; text-align:left;  background:url(../images/pageHeadbgother.png) no-repeat bottom right; padding:10px 0px 0px 10px; font-family:'ArvoRegular', Arial, sans-serif; }
 h2.homeHead { font-size:42px; text-align:right;  background:url(../images/pageHeadbgother.png) no-repeat bottom right; padding:10px 40px 0px 10px; font-family:'ArvoRegular', Arial, sans-serif; }
 h2.darkHead { font-size:36px; text-align:left; margin-left:20px; margin-bottom:-5px; font-family:'ArvoRegular', Arial, sans-serif; color:#FFF ;}
h2.title {
	font-size:18px;
	margin:-36px 10px 10px 40px;
	color:#FFF;
	font-weight:bold;
	text-transform:none;
	text-outline: 2px 1px #333;
	font-style:italic;
	float:right;
	padding:5px;
	background-color:#000;
}

#specialButton {width:350px; height:170px; margin: -40px 0px 0px 0px; background:url(../images/btn_bodyGetInvolved.png) no-repeat;}
#specialButton:hover{background:url(../images/btn_bodyGetInvolvedOver.png) no-repeat;}
#specialButton .alert { width:168px; height:84px; margin:63px 0px 0px 20px;}
#specialButton .alert p {text-align:center; color:#000; margin:0px; padding:0px; text-decoration:none;}
#specialButton a p {color:#000; text-decoration:none;}

.bio { width: 700px; margin-top:-24px; margin-bottom:10px;}
.bioKernal { width: 700px; height:10px; background:url(../images/fold.png) no-repeat; background-position:right;  margin-left:10px;}
.bioContent { width: 698px; border:1px solid #000; background:url(../images/paperBg.gif) repeat-x top #f2f2f2; margin-left:10px;}
.bioContent p { text-align:justify;}
.contentMain p { font-family: MyriadProSemiBold, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; padding:10px;}	
	p.home {font-size:16px;}
#photoMain {background:url(../images/tv.png) no-repeat;	height:350px; margin:-50px 0px 0px 20px;}
#contentOne {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; background: url(../images/w.png) repeat #7E78A5;  margin: 0px 0px 0px -7px;}
#contentTwo {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; margin-top:-5px; background: url(../images/w.png) repeat #7E78A5;}
#contentThree {margin:5px 0px 15px 20px; }
#contentFour {margin:5px 0px 15px 0px; }
#mainHead{border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; margin-top:-5px; background:url(../images/pageHeadbg.jpg) repeat-x;}
.kernel { width: 100%; height:10px; background:url(../images/fold.png) no-repeat; background-position:right;margin-top:-10px; margin-left:0px;}
.material{ width: 100%; border:1px solid #000; background: url(../images/paperBg.gif) repeat-x top #f2f2f2; margin: -14px  0px 25px 10px;}
img#headshot{float:left; margin:15px 10px 10px 0px; border:1px solid #000; clear:both;}

.galleryBox {width:820px; overflow:hidden; background:url(../images/pageHeadbg.jpg) repeat-x top #000; margin:10px 0px 10px 45px; padding:10px; color:#fff;}
.photoColumns { overflow:hidden; background:url(../images/galleryBg.jpg) repeat-x top #000; margin:10px; padding:10px; color:#fff;}
.galleryBox img, .photoColumns img{border:1px solid #666;}
.pitch{float:left; width:100px; padding:8px;}
.pitch a {color:#a9c357; font-weight:bold;}
.pitch a:hover {color:#ccc; font-weight:bold;}

.tunes { width:571px; overflow:hidden; background:#000; color:#fff; border:1px solid #666; float:left;}
#tunesHead {  border:none; background:none; margin-top:10px;}

.download { width:250; overflow:hidden; float:right; margin:-30px 0px 0px 10px;}
.download #instructions { border:1px solid #666; margin:10px; width:210px; overflow:hidden;}
.down {width:30px; height:30px; border:1px solid #666; background:url(../images/download.jpg) no-repeat; margin:2px; float:left;}
.down:hover {background:url(../images/downloadOver.jpg) no-repeat;}
.song span {float:left; margin-top:10px;}  .song{width:210px; float:left; }
.downloadMusic ul {
	list-style-type:none;
	display: block;
	
} .downloadMusic li {list-style-type:none; font-size:14px; display: block; }

.material blockquote{  font-size:20px;  
  background: url(../images/closeQ.png) no-repeat right bottom;
  padding: 10px 30px 10px 30px; line-height: 26px;
  text-indent: -18px;}
.material blockquote:first-letter {
  background: url(../images/openQ.png) no-repeat left top;
  padding-left: 18px;
  font: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h5.cite {text-align:center;}
h5.cite img {border:1px solid #000;}
h5.more {text-align:center; color:#FFF; background:url(../images/galleryBg.jpg) repeat-x top #000; padding:5px; font-size:12px; margin: 0px;}
h5.more a {color:#fff; text-decoration:none;}
h5.more a:hover {color:#fff; text-decoration:none; font-weight:bold;}
	.footer {
	
	position: relative;
	height: 180px;}
	
	



.footerShell {background:#000; margin-left:auto; margin-right:auto; width:972px; border:1px solid #000;border-top-right-radius: 10px;height: 180px;	
	border-top-left-radius: 10px;  -moz-border-radius: 10px 10px 0 0; }


.topFoot { height:136px; border-top-right-radius:  10px; border-top-left-radius: 10px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; background:url(../images/footerTopBg.png) repeat-x; -moz-border-radius: 10px 10px 0 0; }
.bottomFoot {height:44px; background:url(../images/footerBottomBg.png) no-repeat;  border-left:1px solid #000;  border-right:1px solid #000;  border-top:1px solid #000; padding: 0px; margin:0px;}
	
.footOne {width:60px; margin:5px 10px 0px 10px; float:left;}
	.footTwo {width:140px; margin:0px 10px 0px 10px; float:left;}
	.footThree {width:220px; margin:0px 10px 10px 10px; float:left; 	
	}
	.footFour {width:300px; margin:5px 10px 0px 10px; float:left;}
	.footFive {width:380px; margin:5px 10px 0px 10px; float:left;}
	.footSix {width:460px; margin:5px 10px 0px 10px; float:left;}
	.footSeven {width:540px; margin:5px 10px 0px 10px; float:left;}
	.footEight {width:620px; margin:5px 10px 0px 10px; float:left;}
	.footNine {width:700px; margin:5px 10px 0px 10px; float:left;}
	.footFull {width:940px; margin:0px 10px 0px 10px; float:left; }
	
	#rotater {height:115px; margin-top:10px;}
	#quotes { list-style: none; cursor: pointer; color:#FFF; font: 20px 'ArvoRegular', Arial, sans-serif; }
    #quotes blockquote { list-style: none; margin: 0;}    
	
	.bottomFoot ul {
	color:#ffffff;
	list-style-type: none;
	display:inline;
	z-index: 100;
	height:44px;
	}
	.bottomFoot li {
	color:#ffffff;
	list-style-type: none;
	display:inline;
	font: 24px 'ArvoRegular', Arial, sans-serif;
	color:#CCC;
	float:left;
	padding-right:8px;
	margin-right:8px;
	border-right: 1px dotted #666;}
	
	.bottomFoot li.last {padding-right:0px; margin-right:0px; border-right: none;}
	
	#facebook, #blog, #twitter {margin-top:8px; cursor: pointer;}
	#facebook{background:url(../images/btn_facebookLong.png) no-repeat; height:31px;  width:113px;}
	#facebook:hover{background:url(../images/btn_comingsoonLong.png)  no-repeat; background-position:center;}
	#twitter{background:url(../images/btn_twitterLong.png) no-repeat; height:31px;  width:115px;}
	#twitter:hover{background:url(../images/btn_comingsoonLong.png)  no-repeat; background-position:center;}
	#blog{background:url(../images/btn_blogLong.png) no-repeat; height:34px;  width:125px;}
	#blog:hover{background:url(../images/btn_comingsoonLong.png)  no-repeat; background-position:center;}
	#getInvolved{background:url(../images/btn_getinvolved_foot.png) no-repeat; height:42px;  width:204px;}
	#getInvolved:hover{margin-top:1px;}
	#milograph{background:url(../images/milograph.png) no-repeat; height:42px;  width:42px;}
	#milograph:hover{margin-top:1px;}
	

   
   .clearfooter {
   height: 165px;
   clear: both;
   
}