/** formatting **/

body {
	font-family:'Helvetica Neue', Helvetica, Arial, Sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:300;
}

a image {
	outline:none;
}

a {
	color:#ed1652;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.content p {
	margin:10px 0 20px 0;
}

blockquote {
	font-style:italic;
	text-align:center;
}

.content > ul {
	list-style:url(../images/list.png) outside;
	margin:20px 0 0 100px;
	width:750px;
}

.content > ul > li {
	margin-bottom:15px;
}


/** layout **/

#wrapper {
	width:960px;
	height:auto;
	margin:0 auto
}

#header {
	width:960px;
	height:440px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.content {
	width:950px;
	height:auto;
	padding:30px 5px;
	position:relative;
}


#footer {
	width:960px;
	height:90px;
	background:url(../images/footer.jpg) no-repeat;
	margin:30px 0 50px 0;
	position:relative;
}

.mirrormirror_link {
	width:330px;
	height:90px;
	position:absolute;
	left:320px
}

.mirrormirror_link_2 {
	width:450px;
	height:90px;
	position:absolute;
	left:280px;
	top:140px;
}

.thumbnail {
	width:160px;
	height:100px;
	margin:2px 20px 0 0;
	float:left;
}

#breadcrumb {
	width:950px;
	height:30px;
	font-size:0.9em;
	margin:10px 5px;
	font-weight:bold;
}

/** menu **/

#navigation {
	width:960px;
	height:90px;
	position:relative;
	top:335px;
}

ul#navigation li {
	display:inline;
	float:left;
	margin:0 0 0 75px;
}

/** buttons **/

#home {
	background:url(../images/buttons.png) no-repeat;
	height:40px;
	width:78px;
	display:block;
	margin:25px 0 0 0;
}

#questions {
	background:url(../images/buttons.png) no-repeat 0px -45px;
	height:85px;
	width:190px;
	display:block;
}

#fairest {
	background:url(../images/buttons.png) no-repeat -15px -130px;
	height:85px;
	width:155px;
	display:block;
}

#untold {
	background:url(../images/buttons.png) no-repeat -15px -220px;
	height:85px;
	width:155px;
	display:block;
}

#home:hover, #home:active {
	background-position: -190px 0px;
}

#questions:hover, #questions:active {
	background-position: -190px -45px;
}

#fairest:hover, #fairest:active {
	background-position:-205px -130px;
}

#untold:hover {
	background-position:-205px -220px;
}

#bigitup {
	background:url(../images/buttons.png) no-repeat -25px -300px;
	height:60px;
	width:135px;
	display:block;
	position:relative;
	top:22px;
	left:35px
}

#what {
	background:url(../images/buttons.png) no-repeat -28px -370px;
	height:90px;
	width:130px;
	display:block;
	position:relative;
	top:13px;
	left:40px;
}

#firstglance {
	background:url(../images/buttons.png) no-repeat -10px -468px;
	height:50px;
	width:165px;
	display:block;
	position:relative;
	top:32px;
	left:20px;
}

#girlpower {
	background:url(../images/buttons.png) no-repeat -15px -520px;
	height:55px;
	width:155px;
	display:block;
	position:relative;
	top:25px;
	left:27px;
}

#next {
	background:url(../images/buttons.png) no-repeat -15px -580px;
	height:55px;
	width:155px;
	display:block;
	position:relative;
	top:28px;
	left:24px;
}

#back {
	background:url(../images/buttons.png) no-repeat -15px -631px;
	height:45px;
	width:155px;
	display:block;
	position:relative;
	top:28px;
	left:27px;
}

#close {
	background:url(../images/buttons.png) no-repeat -60px -680px;
	height:35px;
	width:70px;
	display:block;
	position:relative;
	top:7px;
	left:15px;
}

#firstglance:hover {
	background-position:-200px -468px;
}

#close:hover {
	background-position:-250px -680px;
}

#girlpower:hover {
	background-position:-205px -520px;
}

#what:hover {
	background-position:-219px -370px;
}

#bigitup:hover {
	background-position:-215px -300px;
}

#next:hover {
	background-position:-205px -580px;
}

#back:hover {
	background-position:-205px -631px;
}

.button {
	width:210px;
	height:110px;
	background:url(../images/button_bg.png) no-repeat;	
	float:left;
	margin: 0 50px;
}

/** headings **/

#h_home {
	background: url(../images/headings.png) no-repeat;
	width:100px;
	height:45px;
}

#h_teachersnotes{
	background: url(../images/headings.png) no-repeat -108px 0px;
	width:250px;
	height:47px;
}


#h_feedback {
	background: url(../images/headings.png) no-repeat 0 -45px;
	width:150px;
	height:50px;
}

.h_download {
	background: url(../images/headings.png) no-repeat -180px -45px;
	width:130px;
	height:50px;
	float:left;
}

#h_qsofcharacter {
	background: url(../images/headings.png) no-repeat 0px -95px;
	width:330px;
	height:47px;
}

#h_bigitup {
	background: url(../images/headings.png) no-repeat 0 -190px;
	width:140px;
	height:50px;
}

#h_fairest {
	background: url(../images/headings.png) no-repeat 0 -140px;
	width:280px;
	height:50px;
}

#h_fordiscussion {
	background: url(../images/headings.png) no-repeat -157px -201px;
	width:220px;
	height:31px;
	}

#h_whatdoyousee {
	background: url(../images/headings.png) no-repeat 0 -290px;
	width:260px;
	height:47px;
}

#h_firstglance {
	background: url(../images/headings.png) no-repeat 0 -338px;
	width:170px;
	height:47px;
}

#h_activities {
	background: url(../images/headings.png) no-repeat -180px -338px;
	width:170px;
	height:47px;
}

#h_extension {
	background: url(../images/headings.png) no-repeat 0 -385px;
	width:140px;
	height:47px;
}

#h_girlpower {
	background: url(../images/headings.png) no-repeat -180px -385px;
	width:160px;
	height:47px;
}

#h_profile {
	background: url(../images/headings.png) no-repeat 0 -435px;
	width:90px;
	height:45px;
}

.h_questions {
	background: url(../images/headings.png) no-repeat -110px -435px;
	width:120px;
	height:45px;
}

#h_untold {
	background: url(../images/headings.png) no-repeat 0px -475px;
	width:280px;
	height:47px;
}

#h_trailer_transcript {
	background: url(../images/headings.png) no-repeat 0px -525px;
	width:280px;
	height:47px;
}

/** videoplayer**/

#video_player {
	width:410px;
	height:auto;
	float:right;
	margin:0 0 0 10px;
}

.transcript_link {
	float:right;
	width:150px;
	height:18px;
	text-align:right;
	font-size:0.7em;
	line-height:1.4em;
	margin-bottom:10px;
}

/** facebook **/

#like_button {
	width:50px;
	height:30px;
	position:absolute;
	top:290px;
	right:20px;
}

/** misc classes **/

.clear {
	clear:both
}

.hide {
	display:none;
}

#print {
	display:none;
}