/* Page layout */
html { height:100%;}
body { background-color: #ffffff;   height: 100%; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 0.8em;  }
#aspnetForm { height: 100%; }
#PageWrapper { padding: 0px; margin: 0px auto 0; width: 940px; min-height: 100%; margin-bottom: -50px; height: auto; position: relative; text-align: left; border: solid 0px #ffffff;}
* html #PageWrapper { height:100%; }

/* Global styles  */
a,h2,li,p{ color:#888888; }
a:hover{ color:#000000;}
h1 {margin: 10px 0 0 0;  padding-bottom:7px; font-weight:normal; font-size:2.9em;}
h2{  margin:0px; padding:0px; padding-bottom:10px; font-size:1.3em;} 
.Clear { clear: both; }


/* Header */
#Header{ padding-top:20px;}
#Logo{ float:left; margin-bottom:20px;}

#Menu { padding-right: 10px; margin: 0px; padding-top:5px; height:55px; margin-bottom:0px; float:right;  position:relative; z-index:3;}
#Menu #MenuHideLine{ position:absolute; width:10px; height:25px; background-color:white; left:-5px; z-index:2; }
#Menu h2 { float: right; color: #ffffff; font-size: 1em;  margin:0px; padding:0px; margin-top:6px;}
#Menu ul { margin: 0; padding: 0; z-index:1; }
#Menu ul li { list-style-type: none; float: left;background-color:#ffffff; padding-left:0px;  }
#Menu ul li.separator{ border-left:solid 1px #666666; width:2px; padding:2px 0px 2px 0px;}
#Menu ul li a { color: #999999; text-decoration: none; padding: 1px 10px 3px 10px; display: block; border-left: solid 0px #666666; font-size:1.2em; text-transform:lowercase; }
#Menu ul li a:hover, #Menu ul li a.AspNet-Menu-Selected{ color:#000000; }

/* Coloured bits in menu */
#Menu.Home ul li.separator{ border-left:solid 1px #BC0020;}
#Menu.Home ul li a.Home{ color:#BC0020;}

#Menu.Biog ul li.separator{ border-left:solid 1px #F47321;}
#Menu.Biog ul li a.Biog{ color:#F47321;}

#Menu.Studio ul li.separator{ border-left:solid 1px #16A9D4;}
#Menu.Studio ul li a.Studio{ color:#16A9D4;}

#Menu.Showreel ul li.separator{ border-left:solid 1px #6FBF6A;}
#Menu.Showreel ul li a.Showreel{ color:#6FBF6A;}

#Menu.Audioreel ul li.separator{ border-left:solid 1px #7C4098;}
#Menu.Audioreel ul li a.Audioreel{ color:#7C4098;}

#Menu.News ul li.separator{ border-left:solid 1px #003B79;}
#Menu.News ul li a.News{ color:#003B79;}

#Menu.Archive ul li.separator{ border-left:solid 1px #007ABD;}
#Menu.Archive ul li a.Archive{ color:#007ABD;}

#Menu.Contact ul li.separator{ border-left:solid 1px #C0032D;}
#Menu.Contact ul li a.Contact{ color:#C0032D;}

#Menu.Link ul li.separator{ border-left:solid 1px #EF4E22;}
#Menu.Link ul li a.Link{ color:#EF4E22;}

#Menu.TVReel ul li.separator{ border-left:solid 1px #B41E81;}
#Menu.TVReel ul li a.TVReel{ color:#B41E81;}



/* Centre column */
#Content { width: 940px;  margin-bottom:30px; padding-top:5px; padding-top:30px; min-height:350px; clear:both;   }
#Content h1{ text-align:left; border-bottom:none; margin:0;padding-right:0px; font-size:large;}
#Content h2 a{ text-decoration:none; }
#Content h2 a:hover{ color:Black; text-decoration:underline;}
#Content h2 {  margin: 0;  margin-bottom:4px; }
#Content h3 { margin: 5px 0px 3px 0px; color:#5D86B6; }
#Content h3 a{ text-decoration:none;}
#Content h4 { font-weight: normal; font-size: 1.1em; margin: 0 0 1em 0; }
#Content p {  margin: 0 0 1em 0; line-height:150%; }
#Content .Boxed { width: 400px; border:1px solid #cccccc;font: 10pt Arial;padding:2px; border-bottom:solid 2px #cccccc; }
#Content li{ margin-bottom:5px; }
#Content .Date{ color: #666666;}

/* Home */
#HomeImage{ position:absolute; top:50%; left:50%; z-index:1;  margin-left:-196px; margin-top:-54px;}
#HomeImage table{ height:100%;}
#OnOff{ float:left; z-index:2; position:relative;}
#HomeImage,#Menu,#OnOff,#copyright{-moz-opacity:.0;opacity:.0;}


/* Biog  */
#BiogLeft{ width: 380px; float: left; }
#BiogMiddle{ width:180px; float:left;margin-left:20px; margin-right:20px; text-align:center; margin-top:3px;}
#BiogRight{ width:340px; float:left; padding-bottom:30px;}

#BiogRight h2, #BiogLeft .highlight, #BiogMiddle p, #BiogMiddle a{ color:#F47321;}
#BiogRight td{color:#888888; font-size:0.9em; padding:0px 2px 9px 0px;}
#BiogMiddle .photo{ width:180px; height:120px; position:relative;z-index:1;  }
#BiogMiddle .photo img, #BiogMiddle .photo p{ }
#BiogMiddle a{ text-decoration:none;}
#maskMC, #maskDA, #maskJC, #maskJN, #maskRT, #maskFW{ width:180px; height:120px; position:absolute;  background-color:white;  z-index:2; -moz-opacity:.60;opacity:.60; visibility:hidden; margin:0px; padding:0px; left:0px; top:0px;}
#biogMCDA, #biogJC, #biogJN, #biogRT, #biogFW{ visibility:hidden; position:absolute;width:340px; background-color:White; z-index:5;}

#maskMC a,#maskDA a, #maskJC a, #maskJN a, #maskRT a, #maskFW a{ display:block; width:180px; height:120px;}

/* Studio */
#studioLeft{ float:left; width:266px;}
#studioLeft p.highlight{color:#17ACD7;}
#studioImages{ float:left; width:600px; margin-left:20px; margin-top:2px;}

/* News */

#newsLeft{ float:left; width:246px;}
#newsLeft .highlight{color:#004E8C;}
#newsItems{ float:left; width:680px; margin-left:10px; margin-top:2px; }
div.NewsItem{ float:left; width:320px; height:300px; margin-bottom:20px; margin-left:20px;display:inline;}
div.NewsItem h2{ font-size:1em; color:#004E8C; font-weight:normal; margin:0px; padding:0px; line-height:normal; padding-top:6px;}
#newsItems div.NewsItem p{ font-size:0.8em; line-height:140%; margin:0px; padding:0px; margin-top:-4px; }

/* Showreel */
#showreelLeft{ float:left; width:235px;}
#showreelMovie{ float:left; width:600px; margin-top:2px;}
#showreelLeft ul, #showreelLeft ul li{ margin:0px; padding:0px; list-style:none;}
#showreelLeft ul li{ padding-bottom:7px;}
#showreelLeft ul li a{ text-decoration:none; padding-left:45px; display:block; height:20px;}
#showreelLeft ul li a:hover, #showreelLeft ul li a.selected{ background-image:url(../images/showreelplaystop.jpg); background-repeat:no-repeat; color:#6FBF6A; font-size:115%;}

#showreelLeft.tv ul li a:hover, #showreelLeft.tv ul li a.selected{ color:#B41E81;background-image:url(../images/tvreelplaystop.jpg);}
#showreelLeft.archive ul li a:hover, #showreelLeft.archive ul li a.selected{ color:#007ABD;background-image:url(../images/archiveplaystop.jpg);}

/* Audioreel */
#audioreelLeft{ float:left; width:265px;}
#audioreelMovie{ float:left; width:670px; margin-top:2px;}
#audioreelLeft ul, #audioreelLeft ul li{ margin:0px; padding:0px; list-style:none;}
#audioreelLeft ul li{ padding-bottom:3px; margin-bottom:0px;}
#audioreelLeft ul li a{ text-decoration:none; padding-left:45px; display:block; height:20px; }
#audioreelLeft ul li a:hover, #audioreelLeft ul li a.selected{ background-image:url(../images/audioreelplaystop.jpg); background-repeat:no-repeat; color:#7C4098; font-size:115%;}

/* Contact */
#contactLeft{ float:left; width:225px;}
#contactLines{ float:left; width:10px; margin-top:2px;}
#contactMiddle{ float:left; width:700px; margin-top:2px;}

/* Links */
#Content table td a{ text-decoration:none; font-size:120%;}


/* Footer */
#ClearFooter { clear: both; height: 80px; width: 940px; }
#Footer {  font-size: 0.9em; position: absolute; bottom: 20px; left:0px; width: 940px; color: #999999; margin: 0; clear: both; border-bottom:solid 0px #ffffff; background-color:White; z-index:4; margin-top:20px;}
#Footer #copyright{ margin:0px; padding:0px; float:right; color:Gray;}
#Footer #FooterEmail{ float:left; padding:10px; margin-top:-35px;}
#Footer #FooterEmail a{ text-decoration:none; font-size:1.2em;}
/* Form elements */
.BoxedMed { width: 220px; border:1px solid #cccccc;font: 10pt Arial;padding:2px; border-bottom:solid 2px #cccccc; float:left;}
.buttons{ background-color:#999999; border:0px solid #000000; font: 10pt Arial; color:#ffffff; font-weight:bold; padding:2px; top:15px; text-decoration:none;}
.buttons:hover{ background-color:Black;}

/* Tables */
.StandardTable{border-width:1px; border-collapse:collapse;border-color:#bbbbbb; border-style:solid; width:100%;}
.StandardTable TD{border: 1px #dddddd solid;padding:2px; vertical-align:top;}
.StandardTable TH{ background-color:#666666; color:White;}
.StandardTable TH a{ color:White;}