/*
######################################################################
	Web Site - Defaults
######################################################################
*/

body {
	color:#7d2e4c;
	background-color:#00BFF3;}

#page-body {
	text-align:center;
	color:#7d2e4c;}

#page-body {
	float:none;
	width:auto;}

#page-body strong {
	color:#7d2e4c;}

#page-footer {
	background-image:url(../graphics/layout-dance-pg-footer.gif);}

/*
######################################################################
	Web Site - Headings
######################################################################
*/

#page-header h1.layout-header {
	background-image:url(../graphics/layout-dance-pg-header.gif);}
#page-header h2.layout-subheader {
	background-image:url(../graphics/layout-dance-pg-subheader.gif);}

#page-body h3.layout-content-sub-dancewith {
	background-image:url(../graphics/layout-dance-content-sub1.gif);
	height:30px;
	width:391px;}

#page-body h3.layout-content-sub-tourdates {
	background-image:url(../graphics/layout-dance-content-sub2.gif);
	height:30px;
	width:97px;}

#page-body h3.layout-content-sub-news {
	background-image:url(../graphics/layout-dance-content-news-sub1.gif);
	height:30px;
	width:97px;}

#page-body .layout-content-sub-5minute {
	background-image:url(../graphics/layout-dance-content-work-sub1.gif);
	height:30px;
	width:359px;}

#page-body .layout-content-sub-hintstips {
	background-image:url(../graphics/layout-dance-content-tips-sub1.gif);
	height:30px;
	width:359px;}

#page-body .layout-content-sub-special {
	background-image:url(../graphics/layout-dance-content-special-sub1.gif);
	height:30px;
	width:127px;}

#page-body .layout-content-sub-dvdcompetition {
	background-image:url(../graphics/layout-dance-content-bookcomp.gif);
	height:30px;
	width:375px;}

#page-body .layout-content-sub-argosoffer {
	background-image:url(../graphics/layout-dance-content-argosoffer.gif);
	height:30px;
	width:119;}

#page-body .layout-content-sub-babyshow {
	background-image:url(../graphics/layout-dance-content-babyshow.gif);
	height:60px;
	width:182;}

#page-body .layout-content-sub-news-ontour {
	background-image:url(../graphics/layout-dance-content-news-ontour.gif);
	height:30px;
	width:182;}


.nudge-left .nudge-padding-30 {
	padding-left:30px;}
.nudge-right .nudge-padding-30 {
	padding-right:30px;}

/**/


#page-body ul.dance-list-events {
	margin:0px;
	padding:0px;
	list-style: none;
}
#page-body ul.dance-list-events li {
	padding:2px 0px;
	position:relative;
}
#page-body ul.dance-list-events li span.date {
	position:absolute;
	width:auto;
	left:230px;
}
#page-body ul.dance-list-events li span.date a {
	color:#ef6297;}

/*
######################################################################
	Page Areas / Sections (Dance with the Teletubbies)
######################################################################
*/

#page-body .layout-content-dance {
	text-align:left;
	margin:0px auto;
	width:685px;
	background-image:url(../graphics/layout-dance-content-body.gif);
	background-repeat:repeat-y;
	background-position:0px 70px;}

#page-body .layout-content-dance-boxtop {
	height:70px;
	background-image:url(../graphics/layout-dance-content-header.gif);}

#page-body .layout-content-dance-boxarea {
	padding:0px 45px 0px 45px;}

#page-body .layout-content-dance-boxbottom-hints-area {
	padding:0px 45px 120px 45px;}

#page-body .layout-content-dance-boxbottom {
	position:relative;
	height:447px;
	background-repeat:no-repeat;
	background-image:url(../graphics/layout-dance-content-footer.gif);}
	
#page-body .layout-content-dance-boxbottom-highlights {
	position:relative;
	height:600px;
	background:url(../graphics/layout-dance-content-footer-highlights.gif) no-repeat bottom;}
	
#page-body .layout-content-dance-boxbottom-stars {
	position:relative;
	height:515px;
	background-repeat:no-repeat;
	background-image:url(../graphics/layout-dance-content-footer-stars.gif);}

#page-body .layout-content-dance-boxbottom-hints {
	position:relative;
	xheight:300px;
	padding:20px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url(../graphics/layout-dance-content-footer-hints.gif);}

#page-body .layout-content-dance-boxbottom-specials {
	position:relative;
	xheight:225px;
	height:480px;
	padding:0px 45px 80px 45px;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url(../graphics/layout-dance-content-footer-specials.gif);}
	
	#page-body .layout-content-dance-boxbottom-highlightvids {
	position:relative;
	xheight:225px;
	height:auto;
	padding:0px 45px 45px 45px;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url(../graphics/layout-dance-content-footer-specials.gif);}

#page-body .layout-content-dance-returnto {
	position:relative;
	margin:0px auto;
	height:125px;
	width:685px;}

/*
######################################################################
	Text / Sections (Dance with the Teletubbies)
######################################################################
*/

#text-dance-confidence {
	background-repeat:no-repeat;
	background-image:url(../images/dance/text-hintstips-confidence.gif);
	height:180px;
	width:292px;}
#text-dance-confidence span { display:none; }
#text-dance-coordination {
	background-repeat:no-repeat;
	background-image:url(../images/dance/text-hintstips-coordination.gif);
	height:180px;
	width:292px;}
#text-dance-coordination span { display:none; }
#text-dance-listening {
	background-repeat:no-repeat;
	background-image:url(../images/dance/text-hintstips-listening.gif);
	height:180px;
	width:294px;}
#text-dance-listening span { display:none; }
#text-dance-rhythm {
	background-repeat:no-repeat;
	background-image:url(../images/dance/text-hintstips-rhythm.gif);
	height:180px;
	width:259;}
#text-dance-rhythm span { display:none; }
#text-dance-gettingon {
	background-repeat:no-repeat;
	background-image:url(../images/dance/text-hintstips-gettingon.gif);
	height:180px;
	width:316px;}
#text-dance-gettingon span { display:none; }

.pic-character-tinky {
	background-repeat:no-repeat;
	background-image:url(../images/dance/pic-character-tinky.gif);
	position:absolute;
	top:-70px;
	left:386px;
	height:383px;
	width:294px;}


/*
######################################################################
	Navigation: Top (Dance with the Teletubbies)
######################################################################
*/

.layout-content-dance-boxtop a {
	height:70px;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:top center;}
.layout-content-dance-boxtop a:hover {
	background-position:bottom center;}
.layout-content-dance-boxtop a.active {
	background-position:bottom center;}

.btn-navi-dancewith {
	background-image:url(../graphics/layout-dance-nav-dancewith.gif);
	width:255px;}
.btn-navi-5minute {
	background-image:url(../graphics/layout-dance-nav-5minute.gif);
	width:165px;}
.btn-navi-hintstips {
	background-image:url(../graphics/layout-dance-nav-hintstips.gif);
	width:118px;}
.btn-navi-specialoffers {
	background-image:url(../graphics/layout-dance-nav-specialoffers.gif);
	width:147px;}

.btn-moreinformation {
	background-image:url(../graphics/layout-dance-content-moreinformation.gif);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	width:162px;}
.btn-entercompetition {
	background-image:url(../graphics/layout-dance-content-entercompetion.gif);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	width:162px;}

/*
######################################################################
	Floting Buttons (Dance with the Teletubbies)
######################################################################
*/

.btn-hide { background-repeat:no-repeat; }
.btn-hide span { display:none; }

.btn-promo-dvd-dance {
	background-image:url(../images/dance/pic-promo-dvd-dance.gif);
	position:absolute;
	top:19px;
	left:20px;
	height:253px;
	width:345px;
}

.btn-promo-event-danceshow {
	background-image:url(../images/dance/pic-promo-event-livedance.gif);
	position:absolute;
	top:240px;
	left:30px;
	height:184px;
	width:182px;
}

.btn-promo-event-danceshow-comingsoon {
	background-image:url(../images/dance/pic-promo-event-comingsoon.gif);
	position:absolute;
	top:250px;
	left:30px;
	height:184px;
	width:182px;
}

.btn-back-tohome {
	background-image:url(../graphics/layout-dance-btn-backtohome.gif);
	position:absolute;
	top:35px;
	left:0px;
	height:55px;
	width:255px;
}

.btn-more-funstuff {
	background-image:url(../graphics/layout-dance-btn-morefunstuff.gif);
	position:absolute;
	top:35px;
	left:290px;
	height:55px;
	width:255px;
}

.btn-logo-letsdance {
	background-image:url(../images/dance/pic-logo-letdance.gif);
	position:absolute;
	top:5px;
	left:590px;
	height:125px;
	width:123px;
}
.btn-video-groupdance {
	background-image:url(../images/dance/layout-dance-btn-vid-thedance.gif);
	position:absolute;
	top:260px;
	left:390px;
	height:243px;
	width:260px;
}
.btn-video-laladance {
	background-image:url(../images/dance/layout-dance-btn-vid-laladance.gif);
	position:absolute;
	top:255px;
	left:130px;
	height:242px;
	width:167px;
}
.btn-video-podance {
	background-image:url(../images/dance/layout-dance-btn-vid-podance.gif);
	position:absolute;
	top:40px;
	left:290px;
	height:228px;
	width:165px;
}
.btn-video-dipsydance {
	background-image:url(../images/dance/layout-dance-btn-vid-dipsydance.gif);
	position:absolute;
	top:5px;
	left:480px;
	height:232px;
	width:166px;
}
.btn-video-tinkydance {
	background-image:url(../images/dance/layout-dance-btn-vid-tinkydance.gif);
	position:absolute;
	top:5px;
	left:32px;
	height:237px;
	width:226px;
}

.btn-video-tiptoedamce {
	background-image:url(../images/dance/layout-dance-btn-vid-tiptoe.gif);
	position:absolute;
	top:305px;
	left:32px;
	height:241px;
	width:226px;
}

.btn-video-stampingstepdance {
	background-image:url(../images/dance/layout-dance-btn-vid-stamp.gif);
	position:absolute;
	top:290px;
	left:260px;
	height:241px;
	width:178px;
}

.btn-video-dipsydance2 {
	background-image:url(../images/dance/layout-dance-btn-vid-follow.gif);
	position:absolute;
	top:305px;
	left:470px;
	height:232px;
	width:196px;
}

#layout-hint-panel {
	background-repeat:no-repeat;
	padding-left:88px;
	height:71px;}

#layout-hint-panel a {
	height:71px;
	display:block;
	float:left;}

.layout-hint-panel-1 { background-image:url(../images/dance/layout-dance-btn-hintstips-1.gif); }
.layout-hint-panel-2 { background-image:url(../images/dance/layout-dance-btn-hintstips-2.gif); }
.layout-hint-panel-3 { background-image:url(../images/dance/layout-dance-btn-hintstips-3.gif); }
.layout-hint-panel-4 { background-image:url(../images/dance/layout-dance-btn-hintstips-4.gif); }
.layout-hint-panel-5 { background-image:url(../images/dance/layout-dance-btn-hintstips-5.gif); }

.btn-navi-hint-1 {
	width:50px;}
.btn-navi-hint-2 {
	width:50px;}
.btn-navi-hint-3 {
	width:50px;}
.btn-navi-hint-4 {
	width:50px;}
.btn-navi-hint-5 {
	width:50px;}

/*
######################################################################
	Floting Buttons (Dance with the Teletubbies)
######################################################################
*/

.layout-dance-content-list-image { float:left; height:150px; width:150px; }
.layout-dance-content-list-text { float:right; width:435px; }
.layout-dance-content-list-clear { clear:both; margin:0px 0px 10px 0px; }




#page-body .layout-content-sub-liveevent {
	background-image:url(../graphics/layout-dance-content-live-event-sub.gif);
	height:30px;
	width:359px;
}

#page-body .layout-content-sub-liveevent-tiptoe {
	background-image:url(../graphics/layout-dance-content-tiptoe.gif);
	height:30px;
	width:359px;
}
#page-body .layout-content-sub-liveevent-follow {
	background-image:url(../graphics/layout-dance-content-follow.gif);
	height:30px;
	width:359px;
}
#page-body .layout-content-sub-liveevent-stamping {
	background-image:url(../graphics/layout-dance-content-step.gif);
	height:30px;
	width:359px;
}
#page-body .layout-content-sub-liveevent-grady {
	background-image:url(../graphics/layout-dance-paulogrady.gif);
	height:30px;
	width:395px;
}