* { padding: 0; margin: 0; border: 0; font-family: courier; }
body { font-family: Arial; background: #ffffff; }

img { behavior: url(js/pngfix/iepngfix.htc) }

#ie-centering { width: 100%; text-align: center; }
#container { width: 857px; padding-top: 10px; text-align: left; position: relative; height: auto; margin: 0 auto 0 auto; }

#content { float:left; width: 857px; height: 617px; background: url(../images/background.jpg) no-repeat top left; position: relative; }

#afd-logo { float: left; width: 92px; height: 176px; position: absolute; top: 20px; left: 20px; }

#nav { float: left; position: absolute; top: 200px; left: 20px; }
ul#navigation { float: left; list-style: none; }
ul#navigation li a { float: left; text-decoration: underline; color: #5a5956; }
ul#navigation li a:hover, ul#navigation li a.on { color: #d78972; }

#news { float: left; position: absolute; top: 430px; left: 30px; }

#copyright { float: left; position: absolute; top: 550px; left: 15px; }
#copyright ul { float: left; list-style: none; }
#copyright li { float: left; color: #000; text-decoration: none; font-size: 11px; }
#copyright li a { float: left; color: #000; text-decoration: none; font-size: 11px; }
#copyright li a.on { color: #fff; }
#copyright p { float: left; color: #000; text-decoration: none; font-size: 11px; }

#bg-paragraph { float: left; width: 255px; height: 330px; position: absolute; top: 210px; left: 170px; }
#bg-paragraph p { float: left; color: #000000; font-size: 12px; line-height: 12px; margin-bottom: 10px; }
#bg-paragraph-lower { width: 220px; }
#bg-paragraph-lower p { float: left; }

/* home page and who we are styles */
#mainBox { float: left; width: 700px; height: 583px; position: absolute; top: 16px; right: 17px; background: #fff; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#mainBoxContent { float: left; width: 700px; height: 583px; position: absolute; top: 20px; right: 20px; }
#mainBoxContent h1 { float: left; width: 500px; padding-left: 170px; line-height: 150px; font-weight: normal; font-size: 24px; color: #000; }
#mainBoxText { float: left; width: 410px; }
#mainBoxText p { float: left; font-size: 15px; color: #ec008c; }
#mainBoxImages { float: left; width: 240px; padding-left: 20px; }
#mainBoxImages a { text-decoration: none; }
.cast-thumbnail { float: left; width: 106px; margin-right: 14px; }
.thumbnail-name { float: left; clear: left; width: 106px; height: 45px; font-size: 13px; }
#josh-thumb-image a { float: left; height: 106px; width: 106px; background: url(../images/josh_th-grey.jpg) no-repeat top left; }
#josh-thumb-image a:hover { background: url(../images/josh_th.jpg) no-repeat top left; }
#julian-thumb-image a { float: left; height: 106px; width: 106px; background: url(../images/julian_th-grey.jpg) no-repeat top left; }
#julian-thumb-image a:hover { background: url(../images/julian_th.jpg) no-repeat top left; }
#amanda-thumb-image a { float: left; height: 106px; width: 106px; background: url(../images/amanda_th-grey.jpg) no-repeat top left; }
#amanda-thumb-image a:hover { background: url(../images/amanda_th.jpg) no-repeat top left; }
#peter-thumb-image a { float: left; height: 106px; width: 106px; background: url(../images/peter_th-grey.jpg) no-repeat top left; }
#peter-thumb-image a:hover { background: url(../images/peter_th.jpg) no-repeat top left; }

/* contact page styles */
#mainBoxContact { float: left; width: 700px; height: 583px; position: absolute; top: 16px; right: 17px; background: url(../images/contact-bg.jpg) no-repeat top left; }
#mainBoxContactPadding { float: left; width: 420px; height: 443px; margin: 70px 0 0 140px; }
#mainBoxContactPadding h1 { float: left; clear: both; color: #fff; margin-bottom: 50px; font-weight: normal; font-size: 24px; }
#mainBoxContactPadding p { float: left; clear: both; color: #fff; }
#mainBoxContactPadding p a { color: #fff; text-decoration: underline; }
#mainBoxContactPadding p a:hover { color: #666; text-decoration: underline; }
#mainBoxContactText { float: left; width: 420px; }

/* individual cast member page styles */
#mainBoxCastMember { float: left; width: 700px; height: 583px; position: absolute; top: 20px; right: 20px; }
#mainBoxCastMember h1 { float: left; width: 500px; padding-left: 170px; padding-top: 65px; line-height: 30px; font-weight: normal; font-size: 24px; color: #000; }
#mainBoxCastMember h2 { float: left; width: 500px; padding-left: 170px; padding-bottom: 20px; font-weight: normal; color: #ec008c; font-size: 22px; }
#castMemberThumbs { float: left; width: 55px; padding: 0 58px; }
#castMemberThumbs a { text-decoration: none; }
.castMemberThumbnail { float: left; clear: both; width: 55px; height: 90px; }
.small-image-name { float: left; clear: both; width: 55px; text-transform: uppercase; font-size: 12px; color: #000000; }
#josh-small-image a { float: left; width: 55px; height: 55px; background: url(../images/josh_small_grey.jpg) no-repeat top left; }
#josh-small-image a:hover, #josh-small-image a.on { background: url(../images/josh_small.jpg) no-repeat top left; }
#julian-small-image a { float: left; width: 55px; height: 55px; background: url(../images/julian_small_grey.jpg) no-repeat top left; }
#julian-small-image a:hover, #julian-small-image a.on { background: url(../images/julian_small.jpg) no-repeat top left; }
#amanda-small-image a { float: left; width: 55px; height: 55px; background: url(../images/amanda_small_grey.jpg) no-repeat top left; }
#amanda-small-image a:hover, #amanda-small-image a.on { background: url(../images/amanda_small.jpg) no-repeat top left; }
#peter-small-image a { float: left; width: 55px; height: 55px; background: url(../images/peter_small_grey.jpg) no-repeat top left; }
#peter-small-image a:hover, #peter-small-image a.on { background: url(../images/peter_small.jpg) no-repeat top left; }
#castMemberDetails { float: left; width: 520px; }
#castMemberDetails img { float: left; width: 267px; height: 267px; padding-right: 10px; }
#castMemberDetails p { float: left; width: 243px; font-size: 12px; color: #ec008c; }

/* Amanda walsh scrolling */
#castMemberDetails #scrollcontent p { float: right; width: 243px; }
#castMemberDetails #scrollcontent { float: right; position: absolute; top: 140px; right: 0; width: 243px; margin-right: 10px; height: 400px; overflow: scroll; overflow-x: hidden }
#castMemberDetails #slideBar { float: left; display: inline; position: absolute; top: 140px; right: 0; height: 400px; width: 10px; background: url(../images/scroll-bg-grey.gif) repeat-y; cursor: pointer;  display: none; border-top: solid 2px #818181; border-bottom: solid 2px #818181; overflow: hidden; }
#castMemberDetails #slideBar #slideButton { height: 48px; width: 6px; margin-left: 2px; background: #818181; cursor: pointer}

/* terms and conditions page styles */
#mainBoxTerms { float: left; width: 700px; height: 583px; position: absolute; top: 16px; right: 17px; background: #202020; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#mainBoxTermsContent { float: left; width: 700px; height: 583px; position: absolute; top: 20px; right: 20px; }
#mainBoxTermsContent h1 { float: left; position: absolute; top: 50px; left: 250px; width: 300px; font-size: 24px; font-weight: normal; color: #ec008c; }
#mainBoxTermsContent p { float: left; position: absolute; color: #fff; font-size: 12px; width: 300px; }
#termsConditions #scrollcontent { float: left; position: absolute; top: 110px; left: 250px; width: 450px; height: 430px; overflow: scroll; overflow-x: hidden }
#termsConditions #slideBar { float: left; display: inline; position: absolute; top: 55px; right: 10px; height: 490px; width: 10px; background: url(../images/scroll-bg.gif) repeat-y; cursor: pointer;  display: none; border-top: solid 2px #ffffff; border-bottom: solid 2px #ffffff; overflow: hidden; }
#termsConditions #slideBar #slideButton { height: 48px; width: 6px; margin-left: 2px; background: #ffffff; cursor: pointer}

/* Site map page styles */
#sitemapLeft { float: left; width: 200px; height: 443px; }
#sitemapRight { float: right; width: 200px; height: 443px; }
#mainBoxSitemap { float: left; width: 700px; height: 583px; background: url(../images/sitemap-bg.jpg) no-repeat top left; position: absolute; top: 20px; right: 20px; overflow: hidden; }
#mainBoxSitemapPadding { float: left; width: 490px; display: inline; margin: 70px 0 0 140px; }
#mainBoxSitemapPadding h1 { float: left; width: 420px; height: 25px; line-height: 24px; font-size: 24px; font-weight: normal; color: #fff; margin-bottom: 50px; }
#mainBoxSitemapPadding span { float: left; width: 200px; font-weight: normal; color: #fff; font-size: 16px; line-height: 26px; }
#mainBoxSitemapPadding span a { color: #fff; text-decoration: none; }
#mainBoxSitemapPadding span.padded { padding-bottom: 15px; }
#mainBoxSitemapPadding ul { float: left; width: 200px; list-style: disc; font-weight: light; font-size: 14px; line-height: 22px; padding-left: 15px; padding-bottom: 20px; color: #fff; }
#mainBoxSitemapPadding ul li { padding-left: 10px; }
#mainBoxSitemapPadding ul li a { text-decoration: none; color: #fff; }

/* productions page styles */
/* #ajaxContainer { float: left; width: 370px; height: 285px; margin-bottom: 10px; } */
#ajaxarea { float: left; width: 370px; height: 285px; margin-bottom: 10px; }
#mainBoxPadding { float: left; width: 660px; height: 510px; margin-top: 70px; margin-left: 40px; display: inline;  }
#productionsLeft { float: left; width: 370px; height: 510px; }
#productionsThumbs { float: left; width: 370px; height: 80px; }
#productionThumb1 { float: left; width: 90px; height: 80px; }
#productionThumb1 a { float: left; width: 90px; height: 80px; background: url(../images/holy-water-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#productionThumb1 a:hover, #productionThumb1 a.on { background: url(../images/holy-water-thumb.jpg) no-repeat top left; text-decoration: none; }
#productionThumb2 { float: left; width: 90px; height: 80px; }
#productionThumb2 a { float: left; width: 90px; height: 80px; background: url(../images/a-closed-book-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#productionThumb2 a:hover, #productionThumb2 a.on { background: url(../images/a-closed-book-thumb.jpg) no-repeat top left; text-decoration: none; }
#productionThumb3 { float: left; width: 90px; height: 80px; }
#productionThumb3 a { float: left; width: 90px; height: 80px; background: url(../images/13hrs-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#productionThumb3 a:hover, #productionThumb3 a.on { background: url(../images/13hrs-thumb.jpg) no-repeat top left; text-decoration: none; }
#productionsTrailersInner { float: left; width: 350px; height: 80px; overflow: hidden; }
span#productionsTrailers { float: left; width: 370px; font-weight: bold; font-size: 13px; margin-bottom: 10px;}
#backNextButtons { float: left; width: 370px; height: 14px; }
#backButton { float: left; width: 70px; height: 14px; background: url(../images/backButton.gif) no-repeat top left; cursor: pointer; }
#backButton a { float: left; margin-left: 20px; font-size: 13px; }
#nextButton { float: right; width: 70px; height: 14px; background: url(../images/nextButton.gif) no-repeat top right; margin-right: 20px; cursor: pointer; }
#nextButton a { float: right; margin-right: 20px; font-size: 13px; }
#productionsRight { float: left; width: 280px; position: relative; }
#productionsRight h3 { float: left; width: 280px; font-size: 25px; line-height: 25px; font-weight: normal; color: #ec008c; margin-bottom: 10px; }
#productionsRight h4 { float: left; width: 280px; font-size: 14px; line-height: 16px; margin-bottom: 25px; font-weight: normal; color: #ec008c; }
#productionsRight #scrollcontent p { float: left; width: 250px; font-size: 11px; font-color: #000000; }
#productionsRight #scrollcontent { float: left; position: absolute; top: 100px; left: 0; width: 260px; margin-right: 10px; height: 380px; overflow: scroll; overflow-x: hidden }
#productionsRight #slideBar { float: left; display: inline; position: absolute; top: 100px; right: 0; height: 380px; width: 10px; background: url(../images/scroll-bg-grey.gif) repeat-y; cursor: pointer;  display: none; border-top: solid 2px #818181; border-bottom: solid 2px #818181; overflow: hidden; }
#productionsRight #slideBar #slideButton { height: 48px; width: 6px; margin-left: 2px; background: #818181; cursor: pointer}

/* news page styles */
#mainBoxNews { float: left; width: 700px; height: 583px; position: absolute; top: 16px; right: 17px; background: url(../images/news-bg.jpg) no-repeat top left; }
#mainBoxNewsPadding { float: left; width: 500px; height: 443px; margin: 70px 0 0 140px; }
#mainBoxNewsPadding h1 { float: left; clear: both; color: #fff; margin-bottom: 15px; font-weight: normal; font-size: 25px; }
#newsText { float: left; width: 500px; }
#newsText p { float: left; font-size: 13px; color: #fff; font-weight: normal; }
#newsText p a { color: #fff; font-weight: normal; text-decoration: underline; }
#newsText p a:hover { color: #666; font-weight: normal; text-decoration: underline; }

/* submissions page styles */
#mainBoxSubmissions { float: left; width: 700px; height: 583px; position: absolute; top: 16px; right: 17px; background: url(../images/submissions-bg.jpg) no-repeat top left; }
#mainBoxSubmissionsPadding { float: left; width: 420px; height: 443px; margin: 70px 0 0 140px; }
#mainBoxSubmissionsPadding h1 { float: left; clear: both; color: #fff; margin-bottom: 50px; font-weight: normal; font-size: 24px; }
#mainBoxSubmissionsPadding p { float: left; clear: both; color: #fff; }
#mainBoxSubmissionsPadding p a { color: #fff; text-decoration: underline; }
#mainBoxSubmissionsPadding p a:hover { color: #666; text-decoration: underline; }
#mainBoxSubmissionsText { float: left; width: 420px; }

/* Film page styles */
#filmThumbs { float: left; width: 370px; height: 80px; }
#filmThumb1 { float: left; width: 90px; height: 80px; }
#filmThumb1 a { float: left; width: 90px; height: 80px; background: url(../images/golden-age-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#filmThumb1 a:hover, #filmThumb1 a.on { background: url(../images/golden-age-thumb.jpg) no-repeat top left; text-decoration: none; }
#filmThumb2 { float: left; width: 90px; height: 80px; }
#filmThumb2 a { float: left; width: 90px; height: 80px; background: url(../images/london-river-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#filmThumb2 a:hover, #filmThumb2 a.on { background: url(../images/london-river-thumb.jpg) no-repeat top left; text-decoration: none; }
#filmThumb3 { float: left; width: 90px; height: 80px; }
#filmThumb3 a { float: left; width: 90px; height: 80px; background: url(../images/samson-delilah-thumb-grey.jpg) no-repeat top left; text-decoration: none; }
#filmThumb3 a:hover, #filmThumb3 a.on { background: url(../images/samson-delilah-thumb.jpg) no-repeat top left; text-decoration: none; }



/*scrolling  components - needs tidying, remove unnecessary as from old site*/

#inside { float:left;  width: 400px;  }

#slideBar {float:right; height: 266px; width: 26px; background: url(../images/scrollBG.gif) no-repeat top left; margin-right:none;}
#slideButton {float:left; margin:none; padding-top:3px; padding-bottom:6px; height: 93px;width: 26px; cursor:pointer; background: url(../images/scrollButton.gif) no-repeat top left;}

#galleryList{}
#galleryList li{list-style-type:none;  float:left; clear:none;}
#galleryList img { float: left; clear: none; }
#galleryList li a{ display:block; width:120px; height:62px;}
#galleryList li a:hover{}
#thumbNavWrapper{overflow:hidden; width:411px; float:left; clear:left;}
a#scrollLeft{display:block; float:left; clear:left; text-decoration:none; color:#1d1046;}
a#scrollRight{display:block;float:right; clear:right;text-decoration:none; color:#1d1046;}
a#scrollLeft:hover{color:#c84531;}
a#scrollRight:hover{color:#c84531;}

#podThumbWrapper{overflow:hidden; width:411px; float:left; float:left;}
#galleryList{ width:2000px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
	
#galleryImage{width:412px; height:280px;}

.siteMapPNav{}
.siteMapPNav li{float:left; clear:both; list-style-type:none;}
.siteMapSubNav{padding-left:10px;}
.siteMapSubNav li{float:left; clear:none; padding-right:10px; list-style-type:none;}