/*----------------------------------------------------------------------------*/
/* general styles for all pages                                               */
/*----------------------------------------------------------------------------*/
body, html {
padding:0;
margin:0;
height:100%;
background-image:url(images/bg_dancingman.gif);
background-position:-5px -7px;}

html * {
font-family:"Lucida Grande", Verdana, Tahoma, sans-serif;
font-size:10px;}

#bodywrapper1 {
margin:0;
padding:0;
height:100%;
width:100%;}

p {
text-align:left;}

img {
border:none;}

td img {
vertical-align:bottom;}

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

a:hover {
text-decoration:underline;}

.green {
color:#119F9F;}

.pink {
color:#f06;}

/*----------------------------------------------------------------------------*/
/* styling for pages with vertically centered content (index, programme, etc) */
/*----------------------------------------------------------------------------*/

#verticalcontent {
z-index:0; 
margin:0;
padding:0;
height:100%;
width:100%;
position:relative;}

#verticalcontent td {
border-type:none;
padding:0;
margin:0;
text-align:center;
vertical-align:middle;}

div#top, div#middle, div#bottom {
text-align:center;
line-height:0;
width:100%;}

#top {
background-image:url(images/top_bg.gif);
background-repeat:repeat-x;
background-position:bottom;}

#middle {
background-image:url(images/middle_bg.gif);
background-repeat:repeat-x;
background-position:top;}


/*----------------------------------------------------------------------------*/
/* styling for horizontally centered content (snapshots, content, etc)        */
/*----------------------------------------------------------------------------*/

#horizontalcontent {
height:100%;
margin:0 auto;
background-image:url(images/white_bg.gif);}

#horizontalcontent td {
vertical-align:middle;}

#horizontalleft {
width:10px;
height:100%;
background-image:url(images/content_border.gif);
background-repeat:repeat-y;}

#horizontalright {
width:10px;
height:100%;
background-image:url(images/content_border.gif);
background-repeat:repeat-y;}

#horizontalmiddle {
padding-left:30px;
padding-right:30px;
text-align:center;
background-image:url(images/white_bg.gif);}

/*----------------------------------------------------------------------------*/
/* the sponsor footer                                                         */
/*----------------------------------------------------------------------------*/

#logofooter {
position:absolute;
z-index:1;
bottom:0;
width:100%;}

#logofooter div {
text-align:center;}

#logofooter img {
vertical-align:bottom;}

#credisrow {

font-family:"Lucida Grande", Verdana, Tahoma, sans-serif;
color:#f9c;}

#credisrow .seperator {
background-color:#FAF3F7;}

#credisrow span, #credisrow span a {
font-size:7px;
background-color:#FAF3F7;
color:#f9c;}

#credisrow span a:hover {
color:#f06;
text-decoration:underline;
font-size:11px;}

/*----------------------------------------------------------------------------*/
/* back button                                                                */
/*----------------------------------------------------------------------------*/

#backheader {
text-align:center;
width:100%;
position:absolute;
top:0;
z-index:2;}


/*----------------------------------------------------------------------------*/
/* programme styling                                                          */
/*----------------------------------------------------------------------------*/

#programmewrap {
position:relative;
margin:0 auto;
height:440px;
width:880px;}

#programmeright {
width:180px;
position:absolute;
height:440px;
top:0;}

#programmeleft {
position:absolute;
height:300px;
top:75px;
left:21px;}

#programmeleft img {
margin:0 0 5px 0;
padding:0;
display:block;}

#programmeright {
background-image:url(images/details_frame.gif);
background-repeat:no-repeat;
background-position:0 70px;
right:0;}

#programmeright iframe {
width:142px;
height:195px;
position:absolute;
top:135px;
left:0;}

#programmemiddle {
position:absolute;
top:0;
left:180px;
right:180px;
height:440px;}

#programmemiddleheader {
position:absolute;
top:0;
left:0;
height:87px;
width:520px;}

#programmemiddlecontent{
position:absolute;
top:57px;
left:0;
width:520px;
height:343px;
margin-top:30px;}

/*----------------------------------------------------------------------------*/
/* trailers                                                                   */
/*----------------------------------------------------------------------------*/

.trailersframegrab { /* not so nice, but at least IE won't redraw like an ass */
margin:0 auto;
width:264px;
height:185px;
background-image:url(images/trailer_frame.gif);
background-position:0 0;
text-align:left;
padding-top:40px;
text-decoration:underline;
padding-left:36px;}

.trailertext {
text-decoration:inherit;
color:#f06;
margin-bottom:5px;}

.clickwrap {
cursor:pointer;}

/*----------------------------------------------------------------------------*/
/* single trailer                                                             */
/*----------------------------------------------------------------------------*/

.singletrailerbox {
padding-top:40px;
width:410px;
height:460px;
background-image:url(images/trailer_bg.gif);
background-repeat:no-repeat;}


.singletrailerheader {
text-align:center;
color:white;}

.singletrailerdetails {
text-align:center;
margin-top:10px;}

.singletrailercredit {
text-align:center;
margin-top:40px;}

.singletrailerdown {
text-align:center;
margin:0;}

.singletrailerdown a {
text-align:center;   
text-decoration:none;
color:#f06;}

.singletrailerdown a:hover {
text-decoration:underline;}

/*----------------------------------------------------------------------------*/
/* humans behind                                                              */
/*----------------------------------------------------------------------------*/

.humansrow {
clear:both;}

.humansrow p {
margin:0;}

.tombox{
float:left;
width:170px;
height:400px;}

.humanbox {
position:relative;
float:left;
width:170px;
height:400px;
background-image:url(images/human_bg.gif);
background-repeat:no-repeat;}

.humanimage {
position:absolute;
top:37px;
left:26px;}

.humanname {
text-align:center;
margin-top:205px !important;}

.humanfunction {
text-align:center;
margin-top:17px !important;
color:white;}

.humancontact {
text-align:center;
margin-top:17px !important;}

.humancontact a {
color:white;
text-align:center;
text-decoration:none;}

.humancontact a:hover {
text-decoration:underline;}

.humanextra {
text-align:center;
margin-top:17px !important;}

.humanstars {
position:absolute;
bottom:22px;
left:0;}

/*----------------------------------------------------------------------------*/
/* cavalcade                                                                  */
/*----------------------------------------------------------------------------*/

#yearselection {
text-align:center;
margin-bottom:10px;}

#yearselection a {
color:#f06;
text-decoration:none;}

#yearselection a:hover {
text-decoration:underline;}

#cavalcadeimg {
cursor:pointer;
margin-top:6px;
margin-bottom:24px;}

.cavalcadetext {
margin-top:10px;
margin-bottom:10px;
width:200px;
text-align:left;}

.cavalcadehead {
margin-bottom:10px;
text-align:left;}

#cavalcadecontent {
width:420px;}

#cavalcadeleft {
float:left;
width:200px;}

#cavalcaderight {
float:right;
width:200px;}

#cavalcaderight p {
color:#099;}

/*----------------------------------------------------------------------------*/
/* extra                                                                      */
/*----------------------------------------------------------------------------*/

h1.extra {
text-align:center;
color:#099;
font-size:18px;
background-image:url(images/h1_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:10px;}

h2.extra {
color:#099;
background-image:url(images/h2_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
text-align:left;
padding-top:20px;
padding-bottom:5px;}

.contenttable {
width:100%;}

.contenttable td.row {
vertical-align:top !important;
text-align:left;
margin:0;
padding:0;
width:50%;}

p {
line-height:13px;}

p.center {
text-align:center;}