/* CSS Natalie Pinkham v2.1 */

/* 

Colour Pink = #F0027F
Colour Blue = #339999

*/

/*
img, div { behavior: url(../iepngfix.htc) }
img, div { behavior: url(iepngfix.htc) }
*/

/*
a:link    {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active  {color: #FFFFFF; text-decoration: none;}
a:hover   {color: #F0027F; text-decoration: none;}
*/

#menu a:hover {color: #666666; text-decoration: none;}

.Title a:link    {color: #FFFFFF; text-decoration: none;}
.Title a:visited {color: #FFFFFF; text-decoration: none;}
.Title a:active  {color: #FFFFFF; text-decoration: none;}
.Title a:hover   {color: #000000; text-decoration: none;}

.columnLeft a:link    {color: #666666; text-decoration: none; border-bottom: none;}
.columnLeft a:visited {color: #666666; text-decoration: none; border-bottom: none;}
.columnLeft a:active  {color: #666666; text-decoration: none; border-bottom: none;}
.columnLeft a:hover   {color: #999999; text-decoration: none; border-bottom: 1px dotted #333333;}

.columnLeftGallery a:link    {color: #666666; text-decoration: none;}
.columnLeftGallery a:visited {color: #666666; text-decoration: none;}
.columnLeftGallery a:active  {color: #666666; text-decoration: none;}
.columnLeftGallery a:hover   {color: #999999; text-decoration: none;}

.pressArticle a:link    {color: #FFFFFF; text-decoration: none;}
.pressArticle a:visited {color: #FFFFFF; text-decoration: none;}
.pressArticle a:active  {color: #FFFFFF; text-decoration: none;}
.pressArticle a:hover   {color: #000000; text-decoration: none; border-bottom: none;}

.columnCharity a:link    {color: #666666; text-decoration: none; border-bottom: none;}
.columnCharity a:visited {color: #666666; text-decoration: none; border-bottom: none;}
.columnCharity a:active  {color: #666666; text-decoration: none; border-bottom: none;}
.columnCharity a:hover   {color: #999999; text-decoration: none; border-bottom: 1px dotted #333333;}

.tvTitle a:link    {color: #666666; text-decoration: none;}
.tvTitle a:visited {color: #666666; text-decoration: none;}
.tvTitle a.active  {color: #0C0C0C; text-decoration: none;}
.tvTitle a:hover   {color: #666666; text-decoration: none;}

#tvLeft a:link    {color: #0C0C0C; text-decoration: none;}
#tvLeft a:visited {color: #0C0C0C; text-decoration: none;}
#tvLeft a.active  {color: #FFFFFF; text-decoration: none; background: url(../images/menu-tv/select.gif) center left no-repeat;}
#tvLeft a:hover   {color: #666666; text-decoration: none;}
#tvLeft a         {padding-left: 10px; margin: 0; display: block;}

#rightTwitter ul li a:link    {color: #F0027F; text-decoration: none;}
#rightTwitter ul li a:visited {color: #F0027F; text-decoration: none;}
#rightTwitter ul li a.active  {color: #F0027F; text-decoration: none;}
#rightTwitter ul li a:hover   {color: #666666; text-decoration: none;}
#rightTwitter ul li a         {display: block; font-size: 0.83em; font-style: italic;}

.subTitle a:link    {color: #F0027F; text-decoration: none;}
.subTitle a:visited {color: #F0027F; text-decoration: none;}
.subTitle a.active  {color: #F0027F; text-decoration: none;}
.subTitle a:hover   {color: #666666; text-decoration: none;}

.button a:link    {color: #0C0C0C; text-decoration: none;}
.button a:visited {color: #0C0C0C; text-decoration: none;}
.button a:active  {color: #0C0C0C; text-decoration: none;}
.button a:hover   {color: #4B4B4B; text-decoration: none; border-bottom: none;}
.button a         {font: bold 0.94em Helvetica, Arial, Verdana, sans-serif; background: url(../images/right-button.gif) left center no-repeat; padding: 11px 30px 11px 45px; display: block; width: 150px; margin: 7px 0 20px 23px;}


#footer a:link    {color: #484848; text-decoration: none;}
#footer a:visited {color: #484848; text-decoration: none;}
#footer a:active  {color: #484848; text-decoration: none;}
#footer a:hover   {color: #F0027F; text-decoration: none;}



body {
	margin: 0;
	background: #0C0C0C url(../images/metal-grill.jpg) repeat-x;
}

#page {
	margin: 0 auto;
	width: 849px;
/*
	height: 500px;
	background-color: aqua;
*/
}






/***************** MENU *****************/




#menu {
	float: left;
	font: 0.81em Helvetica, Arial, Verdana, sans-serif;
	margin-top: 25px;
	padding-left: 8px;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 15px;
}

.menu1a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu1a.gif) no-repeat; display: block; width: 88px; padding: 15px 0 25px 0; }
.menu1b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu1b.gif) no-repeat; display: block; width: 88px; padding: 15px 0 25px 0; }

.menu2a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu2a.gif) no-repeat; display: block; width: 105px; padding: 15px 0 25px 0; }
.menu2b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu2b.gif) no-repeat; display: block; width: 105px; padding: 15px 0 25px 0; }
.menu2c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu2c.gif) no-repeat; display: block; width: 105px; padding: 15px 0 25px 0; }

.menu3a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu3a.gif) no-repeat; display: block; width: 84px; padding: 15px 0 25px 0; }
.menu3b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu3b.gif) no-repeat; display: block; width: 84px; padding: 15px 0 25px 0; }
.menu3c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu3c.gif) no-repeat; display: block; width: 84px; padding: 15px 0 25px 0; }

.menu4a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu4a.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }
.menu4b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu4b.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }
.menu4c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu4c.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }

.menu5a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu5a.gif) no-repeat; display: block; width: 82px; padding: 15px 0 25px 0; }
.menu5b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu5b.gif) no-repeat; display: block; width: 82px; padding: 15px 0 25px 0; }
.menu5c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu5c.gif) no-repeat; display: block; width: 82px; padding: 15px 0 25px 0; }

.menu6a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu6a.gif) no-repeat; display: block; width: 102px; padding: 15px 0 25px 0; }
.menu6b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu6b.gif) no-repeat; display: block; width: 102px; padding: 15px 0 25px 0; }
.menu6c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu6c.gif) no-repeat; display: block; width: 102px; padding: 15px 0 25px 0; }

.menu7a a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu7a.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }
.menu7b a { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu7b.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }
.menu7c   { color: #0C0C0C; text-decoration: none; background: url(../images/menu/menu7c.gif) no-repeat; display: block; width: 124px; padding: 15px 0 25px 0; }

.menu8a a { color: #FFFFFF; text-decoration: none; background: url(../images/menu/menu8a.gif) no-repeat; display: block; width: 125px; padding: 15px 0 25px 0; }
.menu8b a { color: #FFFFFF; text-decoration: none; background: url(../images/menu/menu8b.gif) no-repeat; display: block; width: 125px; padding: 15px 0 25px 0; }
.menu8c   { color: #FFFFFF; text-decoration: none; background: url(../images/menu/menu8c.gif) no-repeat; display: block; width: 125px; padding: 15px 0 25px 0; }




/***************** HEADER *****************/




#header {
/* 	padding: 0 8px; */
	padding: 8px 8px 0 8px;
	background-color: #0C0C0C;
	
	clear: both;
}

/*
#header ul {
	padding: 0;
	margin: 0;
	font: 1.25em Helvetica, Arial, Verdana, sans-serif;
}

#header ul li {
	list-style: none;
	display: inline;
	border-right: 1px solid #303030;
}
*/

.homeShowreel {
	position: absolute;
	z-index: 10;
	width: 138px;
	height: 137px;
	margin-left: 22px;
	margin-top: 70px;
	
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

.logoLeftBlue {
	position: absolute;
	z-index: 10;
	width: 193px;
	height: 189px;
	margin-left: -10px;
	margin-top: -7px;
	background: url(../images/logo-blue-left-trans.png) no-repeat;
}

.logoRightPink {
	position: absolute;
	width: 126px;
	height: 126px;
	margin-left: 433px;
	margin-top: -2px;
	background: url(../images/logo-pink-right-trans.png) no-repeat;
}

.homePanel {
	position: absolute;
	z-index: 12;
	margin-top: 320px;
	margin-left: 22px;
	background-color: #F0027F;
	padding: 9px 25px 10px 15px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	display: block;
	
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

.homePanelTitle {
	font-size: 1.88em;
	font-weight: bold;
}

.homePanelSub {
	font-size: 1.38em;
}

#tvLeft {
	float: left;
	width: 276px; /* 276px */
	height: 336px; /* 336px */
	background: #CCCCCC url(../images/menu-tv/background.jpg) repeat-x;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#tvLeft ul {
	background: url(../images/menu-tv/background-left.jpg) top left no-repeat;
	margin: 0;
	width: 239px; /* 276px */
	height: 264px; /* 314px */ /* 336px */
	padding: 50px 17px 22px 20px;
}

#tvLeft ul li {
	list-style: none;
	font-size: 0.81em;
	line-height: 165%;
	width: 239px;
/* 	display: block; */
/* 	color: aqua; */
}

.tvTitle {
	position: absolute;
	z-index: 15;
	width: 229px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 15px;
	margin-left: 20px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #7D7D7D;
	font-size: 1.25em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.tvTitle ul {
	margin: 0;
	padding: 0;
}

.tvTitle ul li {
	display: inline;
	list-style: none;
	padding-right: 10px;
}

#tvRight {
	float: left;
	width: 557px;
	height: 336px;
}



/***************** CONTENT *****************/



#content {
	clear: both;
	float: left;
	width: 834px; /* 849px; */
	padding: 50px 0 0 0;
	margin: 0 8px;
	background: url(../images/content-background.gif) top left repeat-x;
}

#content p {
	color: #CCCCCC;
	font: 0.75em Helvetica, Arial, Verdana, sans-serif;
	line-height: 150%;
/* 	padding-bottom: 5px; */
}

.columnLeft, .columnLeftGallery {
	float: left;
	width: 490px; /* 556px;*/
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 46px;
}

.columnLeft .subTitle {
	font: italic 1.00em Georgia, "Times New Roman", Times, serif;
	color: #F0027F;
/* 	padding: 20px 0 10px 0;  REMOVED FOR DANCING ON ICE*/
}

.columnLeft ul {
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	font: 0.75em Helvetica, Arial, Verdana, sans-serif;
	line-height: 150%;
}

.columnLeft ul .subTitle {
	font: italic 1.33em Georgia, "Times New Roman", Times, serif;
	color: #F0027F;
	padding: 20px 0 10px 0;  /* REMOVED FOR DANCING ON ICE */
}

.columnLeft ul li {
	margin-left: 35px;
	padding-left: 5px;
}

.columnRight {
	float: left;
	width: 248px; /* 258px */ 
	padding-bottom: 50px;
	margin-bottom: 25px;
}

.columnCharity {
	float: left;
	width: 241px;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 50px;
}

.charityLogo {
	width: 241px;
	background: url(../images/charity-backgroud.gif) top left no-repeat;
	text-align: center;
	padding: 10px 0 30px 0;
}

#rightNews {
	margin-bottom: 35px;
}


#rightNews .Title {
	font: 0.75em Helvetica, Arial, Verdana, sans-serif;
	background: url(../images/news-background.gif) left center no-repeat;
	margin: 0 0 15px 0;
	padding: 7px 12px;
}

#rightTwitter .Title { 
	font: 0.75em Helvetica, Arial, Verdana, sans-serif;
	background: url(../images/twitter-background.gif) left center no-repeat;
	margin: 0 0 15px 0;
	padding: 7px 12px;
}

#rightTwitter ul { 
	font: 0.75em Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

#rightTwitter ul li { 
	list-style: none;
	padding-bottom: 10px;
}

#rightNews .subTitle {
	font: italic 1.00em Georgia, "Times New Roman", Times, serif;
	color: #F0027F;
	margin-bottom: -10px;
	padding: 0;
}

.rightGallery {
	padding-top: 20px;
}

.galleryThumb img { border: 2px solid #000000; }
.galleryThumb:hover img { border: 2px solid #4C4C4C; }
.galleryThumb:hover { color: #4C4C4C; }


.virginMediaSport {
	width: 202px; /* 232px */
	font: bold 1.00em Helvetica, Arial, Verdana, sans-serif;
	line-height: 110%;
	color: #FFFFFF;
	background: transparent url(../images/right-virgin-media-trans.png) no-repeat;
	padding: 20px 15px 45px 15px;
	margin-top: -5px;
}

.pressArticle {
	float: left;
	margin-right: 17px;
	margin-top: 20px;
	width: 145px;
	background: url(../images/press-background.gif) no-repeat;
}

.pressTitle {
	padding-left: 8px;
	padding-top: 8px;
	font: 0.81em Helvetica, Arial, Verdana, sans-serif; 
}

.pressDownload {
	padding-left: 8px;
	padding-bottom: 8px;
	font: italic 0.75em Georgia, "Times New Roman", Times, serif;
}

.sb { background: url(../images/dancing-on-ice/Steve-Backley.jpg) left no-repeat; }
.tv { background: url(../images/dancing-on-ice/Tim-Vincent.jpg) left no-repeat; }
.gg { background: url(../images/dancing-on-ice/Gareth-Gates.jpg) left no-repeat; }
.gr { background: url(../images/dancing-on-ice/Greg-Rusedski.jpg) left no-repeat; }
.cf { background: url(../images/dancing-on-ice/Chris-Fountain.jpg) left no-repeat; }
.mu { background: url(../images/dancing-on-ice/Michael-Underwood.jpg) left no-repeat; }

.sg { background: url(../images/dancing-on-ice/Sarah-Greene.jpg) left no-repeat; }
.ll { background: url(../images/dancing-on-ice/Linda-Lusardi.jpg) left no-repeat; }
.ss { background: url(../images/dancing-on-ice/Suzanne-Shaw.jpg) left no-repeat; }
.am { background: url(../images/dancing-on-ice/Aggie-MacKenzie.jpg) left no-repeat; }
.sm { background: url(../images/dancing-on-ice/Samantha-Mumba.jpg) left no-repeat; }
.np { background: url(../images/dancing-on-ice/Natalie-Pinkham.jpg) left no-repeat; }

.dancingContestants {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.dancingList ul {
	margin: 0 0 45px -35px;
	padding: 0;
}

.dancingList ul li {
	list-style: none;
	padding: 25px 0 25px 110px;
	margin-bottom: 10px;
}

.dancingTitle {
	font: italic 1.00em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #333333;
	color: #F0027F;
	padding: 20px 0 5px 0; 
	margin-bottom: 20px; 
}


/***************** FOOTER *****************/



#footer {
	width: 849px;
	border-top: 1px dotted #484848;
	color: #484848;
	font: 0.63em Helvetica, Arial, Verdana, sans-serif;
	padding-top: 8px;
	padding-bottom: 50px;
	
	clear: both;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

.footerLeft ul, .footerRight ul {
	margin: 0;
	padding: 0;
}

.footerLeft ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;
}

.footerRight ul li {
	list-style: none;
	display: inline;
	margin-left: 15px;
}



/***************** HOTLINK BUTTONS *****************/


#buttonShowHome {
	position: absolute;
	width: 62px;
	height: 63px;
	margin-left: -7px;
	margin-top: -14px;
	margin-bottom: 30px;
	background: transparent url(../images/right-show-trans.png) no-repeat;
}

#buttonShow {
	position: absolute;
	width: 62px;
	height: 63px;
	margin-left: -7px;
	margin-top: -7px;
	background: transparent url(../images/right-show-trans.png) no-repeat;
}

#buttonNews {
	position: absolute;
	width: 67px;
	height: 63px;
	margin-left: -7px;
	margin-top: -12px;
	background: transparent url(../images/right-news-trans.png) no-repeat;
}

#buttonTwit {
	position: absolute;
	width: 59px;
	height: 58px;
	margin-left: -7px;
	margin-top: -11px;
	background: transparent url(../images/right-twit-trans.png) no-repeat;
}

#buttonTele {
	position: absolute;
	width: 66px;
	height: 60px;
	margin-left: -7px;
	margin-top: -10px;
	background: transparent url(../images/right-tele-trans.png) no-repeat;
}

#buttonNewsContact {
	position: absolute;
	width: 67px;
	height: 63px;
	margin-left: -7px;
	margin-top: -5px;
	background: transparent url(../images/right-news-trans.png) no-repeat;
}

.homeButton {
	margin-bottom: 30px;
}


/***************** UNIVERSAL STYLES *****************/



h1 {
	color: #CCCCCC;
	font: normal 1.88em Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
}

h2 {
	color: #CCCCCC;
	font: italic normal 1.25em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px 0;
}



.textBold {
	font-weight: bold;
}
.textItalic {
	font-style: italic;
}
.textPink {
	color: #F0027F;
}
.textBlue {
	color: #339999;
}

.cleaner {
	clear: both;
}