@charset "UTF-8";
/* ----- Design by Nicola Pearson ----- */

/* ----- General Declarations ----- */
html {background:#000000;}
body {margin:0; font-family: Tahoma, Geneva, sans-serif; font-weight: 500;}
img {border: 0px; outline: 0px;}
a {outline: none;}
a img {border:none;}
a:active {outline: none;}
.bold {font-weight: bold;}
.italic {font-style:italic;}
.small {font-size:0.8em;}

/* ----- Page Layout ----- */
#container {margin:0 auto; width:1200px; height:750px; background:url(img/background.jpg) no-repeat;}

#logo {margin:0 414px; float:left; z-index:2; position:relative;}
#bill_left {float:left; width:162px; height:471px; overflow:hidden; margin:5px 19px 0 19px; background:url(img/bill-left.jpg) no-repeat;}
#main {float:left; width:800px; height:486px; position:relative;}
#bill_right {float:left; width:162px; margin:5px 0 0 19px;}
#footer {width:1164px; margin:10px 18px 0 18px; height:60px; float:left;}
#footer_left {float:left; width:500px; height:56px; padding-top:3px;}
#footer_star {float:left; width:164px; height:56px; padding-top:3px;}
#footer_right {float:left; width:500px; height:56px; padding-top:3px;}

/* ---- Header ----- */
#menu {list-style-type:none; margin:0; padding:40px 13px 20px 13px;}
.menu_item {display:block; width:134px; height:45px; margin-bottom:12px; text-indent:-300px; overflow:hidden;}
.menu_item_overlay {display:block; width:0; height:45px; float:left;}
#menu_home {background-image:url(img/menu/home.png);}
#menu_home span.menu_item_overlay {background-image:url(img/menu/home-overlay.png);}
#menu_bio {background-image:url(img/menu/bio.png);}
#menu_bio span.menu_item_overlay {background-image:url(img/menu/bio-overlay.png);}
#menu_acts {background-image:url(img/menu/acts.png);}
#menu_acts span.menu_item_overlay {background-image:url(img/menu/acts-overlay.png);}
#menu_gallery {background-image:url(img/menu/gallery.png);}
#menu_gallery span.menu_item_overlay {background-image:url(img/menu/gallery-overlay.png);}
#menu_video {background-image:url(img/menu/video.png);}
#menu_video span.menu_item_overlay {background-image:url(img/menu/video-overlay.png);}
#menu_quotes {background-image:url(img/menu/quotes.png);}
#menu_quotes span.menu_item_overlay {background-image:url(img/menu/quotes-overlay.png);}
#menu_contact {background-image:url(img/menu/contact.png);}
#menu_contact span.menu_item_overlay {background-image:url(img/menu/contact-overlay.png);}


/* ----- Homepage ----- */
#home_photo {margin:40px 0 0 40px; position:absolute; bottom:-1px; left:-3px;}
#moustache1 {position:absolute; top:139px; left:228px; height:15px; width:55px; overflow:hidden; text-indent:100px;}
#moustache2 {position:absolute; top:152px; left:403px; height:15px; width:55px; overflow:hidden; text-indent:100px;}
#moustache3 {position:absolute; top:125px; left:614px; height:15px; width:50px; overflow:hidden; text-indent:100px;}

/* ----- Bio ----- */
#bio_photo {position:absolute; bottom:5px; right:8px;}
#bio_overlay {position:absolute; bottom:5px; right:8px; z-index:2}
#bio_text {margin:60px 180px 0 30px; position:relative; z-index:1;}
#bio_note {margin:20px 180px 0 40px; position:relative; z-index:1; font-style:italic; font-size:12px;}
#bio_note.hidden {display:none;}
#bio_text_david {margin:20px 400px 0 30px; position:relative; z-index:1; display:none;}
#bio_text_tony {margin:20px 400px 0 30px; position:relative; z-index:1; display:none;}
#bio_text_jamie {margin:20px 400px 0 30px; position:relative; z-index:1; display:none;}
#main .bio_text.current {display:block;}

/* ----- Acts ----- */
#acts_banner {z-index:1; position:absolute; top:-32px; left:-15px;}
#acts_pennants {margin:59px 0 0 54px;}
.acts_pennant {margin:0 3px; position:relative; display:none;}
.acts_pennant_image {position:relative; z-index:0;}
.acts_pennant span {position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.acts_pennant.pos_1 {display:inline-block;}
.acts_pennant.pos_2 {display:inline-block; bottom:30px;}
.acts_pennant.pos_3 {display:inline-block; bottom:50px;}
.acts_pennant.pos_4 {display:inline-block; bottom:60px;}
.acts_pennant.pos_5 {display:inline-block; bottom:50px;}
.acts_pennant.pos_6 {display:inline-block; bottom:30px;}
.acts_pennant.pos_7 {display:inline-block;}

#act_title {margin:25px 0 5px 30px;}
#act_text {margin:40px 20px 0 20px; font-size:18px;}
#act_photo {position:absolute;}
#act_back_arrow {position:absolute; bottom:5px; left:15px;}
#act_gallery_link {position:absolute; bottom:5px; left:325px;}
#act_back_arrow.right {right:15px; left:auto;}

/* ----- Gallery ----- */
#gallery_links_container {float:left; width:200px; margin-left:25px;}
#gallery_links {padding-left:0; list-style-type:none;}
a.gallery_link {width:180px; height:20px; padding:5px 12px 7px 8px; display:inline-block; background:url(img/gallery-background.png); margin-bottom:5px; color:#000000; text-decoration:none;}
a.gallery_link:hover {color:#770000;}
a.gallery_link.current {color:#770000; font-weight:bold;}

#gallery_thumbnails {margin:40px 20px 0 240px;}
.gallery_thumbnail_group {overflow:hidden; display:none;}
.gallery_thumbnail_group.current {display:block;}
.gallery_thumb {margin:4px; padding:2px; float:left;}

/* ----- Video ----- */
#video_container {margin:40px 100px 0 80px;}
#video_download {text-align:right;}
#video_download a {color:#770000; text-decoration:none;}
#video_download a:hover {color:#003300;}

/* ----- Quotes ----- */
#quotes_photo {position:absolute; bottom:5px; left:32px; z-index:0;}
#quotes_container_2 {margin-top:10px; height:458px; overflow:hidden;}
#quotes_container {}
#quotes_container {/*margin:0 20px 0 225px;*/ height:458px; overflow:auto; margin-right:-15px; padding-right:0;}
.quote {position:relative; z-index:1; margin:0 20px 15px 170px; /*margin:0 20px 20px 0;*/ line-height:1.19;}

/* ----- Contact ----- */
#contact_photo {position:absolute; bottom:-1px; left:0px; z-index:0;}
.email {color:#770000; text-decoration: none;}
.email:hover {color:#003300;}

/* ----- Tech ----- */
#tech_title {position:absolute; top:30px; left:50px;}
#tech_photo {position:absolute; bottom:5px; right:8px;}
#tech_text {margin:100px 20px 0 30px;}
.technical {color:#770000; text-decoration: none;}
.technical:hover {color:#003300;}

/* ----- Error pages ----- */
#error_text {margin:80px 0 0 140px;}
#error_text a {color:#770000; text-decoration: none;}
#error_text a:hover {color:#003300;}