@charset "UTF-8";

/* _____________ HOME styles ______________________________________________________________________*/
* {
	margin:0px;
	padding:0px;
}

body,td,th {
	font-family: Geneva, sans-serif;
	color: #999;	
	font-weight: normal;
	font-size: 62.5%;
}
body {
	background-color: #000;
	background-image: url(../images/cord_tile.jpg);
	background-repeat: repeat;
	background-position: top;
	margin:0px;
	padding:0px;
	
}
img {
	border:none;
}

a:link {
	color: #ab9348;
	text-decoration: none;
	border:none;
}
a:visited {
	text-decoration: none;
	color: #ab9348;
}
a:hover {
	text-decoration: none;
	color: #ab9348;
}
a:active {
	text-decoration: none;
	color: #C93;
}



/* _____________ JAVASCRIPT SLIDER STYLES ______________________________________________________________________*/

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 490px; /*width of featured content slider*/
	height: 100%;
	z-index: 0;
}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: none;

	width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}




.achievementsliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 350px; /*width of featured content slider*/
	height: 470px;
	z-index: 0;
}
.achievementsliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: none;

	width: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 470px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}





/* _____________ MAIN NAV _______________________________________*/




#listNavMain, #listNavSub {
	list-style-type: none;	
	padding-left: 0;
}


#listNavMain li {	
	float: left;
}



#listNavMain li a {	
	display:block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-image: url(../images/main_nav.png);
}


li#ianListNavMain a {
	background-position: 0 0;
	height: 20px;
	width: 35px;
}
li#danceListNavMain a {
	background-position: -35px 0px;
	height: 20px;
	width: 68px;
}
li#galleryListNavMain a {
	background-position: -103px 0px;
	height: 20px;
	width: 83px;
}
li#mediaListNavMain a {
	background-position: -186px 0px;
	height: 20px;
	width: 64px;
}
li#newsListNavMain a {
	background-position: -250px 0px;
	height: 20px;
	width: 60px;
}
li#eventsListNavMain a {
	background-position: -310px 0px;
	height: 20px;
	width: 76px;
}
li#shopListNavMain a {
	background-position: -386px 0px;
	height: 20px;
	width: 53px;
}
li#contactListNavMain a {
	background-position: -439px 0px;
	height: 20px;
	width: 87px;
}


li#ianListNavMain a:hover, #biography li#ianListNavMain a, #achievements li#ianListNavMain a, #factfile li#ianListNavMain a, #charity li#ianListNavMain a, #sponsor li#ianListNavMain a {
	background-position: 0px -20px;
}
li#danceListNavMain a:hover, #dancer li#danceListNavMain a, #teacher li#danceListNavMain a, #choreographer li#danceListNavMain a, #strictly li#danceListNavMain a {
	background-position: -35px -20px;
}
li#galleryListNavMain a:hover, #gallery li#galleryListNavMain a {
	background-position: -103px -20px
}
li#mediaListNavMain a:hover, #television li#mediaListNavMain a, #film li#mediaListNavMain a, #radio li#mediaListNavMain a, #newspress li#mediaListNavMain a {
	background-position: -186px -20px;
}
li#newsListNavMain a:hover, #news li#newsListNavMain a {
	background-position: -250px -20px;
}
li#eventsListNavMain a:hover, #events_ian li#eventsListNavMain a, #events_ian_and_camilla li#eventsListNavMain a, #events_upcoming li#eventsListNavMain a {
	background-position: -310px -20px;
}
li#shopListNavMain a:hover {
	background-position: -386px -20px;
}
li#contactListNavMain a:hover {
	background-position: -439px -20px;
}

/* _____________ SUBNAV IAN_______________________________________*/

#listNavSub li a {
	display:block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-repeat: no-repeat;
	height:30px;
	width:160px;
}
#ianscreens #listNavSub li a{
	background-image: url(../images/subnav_Ian.png);
}

#ianSubNavBiog a {
	background-position: 0px 0px;
}
#ianSubNavAchieve a {
	background-position: 0px -30px;
}
#ianSubNavFactfile a {
	background-position: 0px -60px;
}
#ianSubNavCharity a {
	background-position: 0px -90px;
}
#ianSubNavSponsor a {
	background-position: 0px -120px;
}

#ianSubNavBiog a:hover, #ianSubNavBiog a.selected {
	background-position: -160px 0px;
}
#ianSubNavAchieve a:hover, #ianSubNavAchieve a.selected {
	background-position: -160px -30px;
}
#ianSubNavFactfile a:hover, #ianSubNavFactfile a.selected {
	background-position: -160px -60px;
}
#ianSubNavCharity a:hover, #ianSubNavCharity a.selected {
	background-position: -160px -90px;
}
#ianSubNavSponsor a:hover, #ianSubNavSponsor a.selected {
	background-position: -160px -120px;
}











/* ------------------------------------------------------------------------------ HOMEPAGE STYLES --------------------------- */

#homepage {
	background-image: url(../images/homepage/home_tile.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

#homepageUpperBody {
	
	background-image: url(../images/homepage/aHome_background_1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 900px;
}



#homepage #navMain {
	height: 20px;
	width: 580px;
	margin-left:0px;
	margin-top:179px;
	z-index: 20;	
}





#upperContentWrap {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	overflow: hidden;	
	z-index: 20;
}


#homepage #masthead {
	height: 223px;
	width: 980px;
	background-position: -100px top;
	float:left;
	z-index: 20;
	position: absolute;
	
}



#homePagePanels {
	left:50%;
	margin-left:-800px;
	
	
	position: relative;
	margin-top: 0px;
	padding: 0px;
	height: 900px;
	width: 1600px;

	overflow:auto;
}



#homePanelArea {
	float: left;
	height: 900px;
	width: 1600px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: -1px;	
	
	
}





.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1600px; /*Width of Carousel Viewer itself*/
height: 900px; /*Height should enough to fit largest content's height*/
}


.stepcarousel .homebelt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	
}

.stepcarousel .homepanel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 1600px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin: 0px; /*margin around each panel*/
	
	height: 900px;
}












#contactFormArea {
	background-image: url(../images/homepage/home_contact_tile.jpg);
	background-repeat: repeat;
	background-position: top;
	height: 475px;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear: both;
	
}#contactForm {
	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
}




.bodysliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 1600px; /*width of featured content slider*/
	height: 900px;
	z-index: 0;
	
}
.bodysliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0px;
	width: 1600px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 900px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;

}


#paginate-bodyslider {
	margin-left: 0px;
	height: 24px;
	width: 580px;
	margin-left:0px;
	margin-top:0px;
	z-index: 30;
	position: relative;
}


#paginate-bodyslider a {
	display:block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-image: url(../images/pagination_dots.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	
	margin-top:12px;
}
#paginate-bodyslider a.selected {
	background-position: -24px 0px;	
}
#paginate-bodyslider a:hover {
	background-position: -48px 0px;	
}





#homepanel1 {
	
		background-image: url(../images/homepage/Strictly.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 733px top;
	
	

	padding-top:490px;
	padding-left:340px;
	letter-spacing:-1px;
}



.homeStrictlyOne {
	font-size: 54px;
	color: #9b9b9b;
	margin-bottom:8px;
	display: block;
}
.homeStrictlyTwo {
	font-size: 43px;
	line-height: 49px;
	color: #4f4f4f;
	display: block;
	margin-bottom:20px;
}
#homeStrictlyThree {
	display: block;

}





#homepanel2 {
	background-image: url(../images/homepage/Bruno.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 841px top;
	padding-top:560px;
	padding-left:310px;
	font-size:60px;
	
}



.homeBrunoOne {
	color: #333333;
	margin-right: 20px;
	display: block;
	float:left;
}
.homeBrunoTwo {
	color: #808080;
	margin-right: 20px;
	display: block;
	float:left;
}
.homeBrunoThree {
	color: #c0c0c0;
	display: block;
	float:left;
}
#homeBrunoFour {
	display: block;
	clear:both;
	margin-left:380px;
	margin-top:20px;
	float:left;
}



#homepanel3 {
	background-image: url(../images/homepage/Moon.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 835px top;
	padding-top:500px;
	padding-left:310px;
	
}



.homeMoon {
	font-size: 43px;
	line-height: 57px;
	color: #5b5b5b;
		text-align:center;
		width:550px;

}
.homeMoonSilver {
	color: #a7a7a7;
}
.homeMoonGold {
	color: #9b8950;
}





#homepanel4 {
	background-image: url(../images/homepage/DPP.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 629px top;
	padding-top:530px;
	padding-left:310px;
	font-size:61px;
	line-height:65px;
	
}
.homeArleneOne {
color: #a2a2a2;	
}
.homeArleneTwo {
color: #838383;	
}
.homeArleneThree {
color: #585858;	
}
#homeArleneFour {
	display: block;
	clear:both;
	margin-left:300px;
	margin-top:-48px;
	
}




#homepanel5 {
	background-image: url(../images/homepage/Arlene.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 846px top;
	padding-top:520px;
	padding-left:310px;
	font-size:45px;
	line-height: 63px;

}
.homeShannaOne {
color: #525252;	
}
.homeShannaTwo {
color: #8a8a8a;	
}
#homeShannaThree {
	display: block;
	clear:both;
	margin-left:300px;
	margin-top:0px;
	
}


#homepanel6 {
	background-image: url(../images/homepage/signup.jpg);
	background-repeat:no-repeat;
	height: 900px;
	width: 1600px;
	background-position: 846px top;
	padding-top:500px;
	padding-left:340px;
	
	

}

#homeSignUpTitle {
	font-size:57px;
	color: #5e5e5e;
	text-align: center;
	width:500px;
	line-height: 60px;
	height:100px;
}



.goldText {
	letter-spacing: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #9B8950;
}
	




.whiteText {
	color:#FFF;
}
.darkGreyText {
	color: #333;
}
.midGreyText {
	color:#666;
}
.lightGreyText {
	color:#999;
}

.homepanel .item label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	width: 180px;	
	font-weight: normal;
	line-height: 9px;
	margin:0;
	padding:0;
	font-style: normal;
}
.homepanel .signup-form {
	height: 63px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-left: 25px;
}

.homepanel .item {
	float: left;
	width: 227px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 4px;
}
.homepanel .field:focus {
	background-color: #FFF;
}
.homepanel .field {
	background-color: #CCC;
	font-family: Geneva, Trebuchet, Sans Serif;
	font-size: 14px;
	width: 220px;
	height: 23px;
	line-height:23px;
	margin-bottom:13px;
	margin-top:4px;
	
}#homeSignUpButton {
	
	float: right;
	margin-right:70px;
}
#homepagePanelSignUp {
	clear: both;
	width:550px;
	float: left;
}
.homePanelSignUpText {

	line-height: 28px;
	float:left;
	clear:left;

	height:30px;
	margin-left:4px;
	
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #808080;
}