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

/* ----- General Declarations ----- */
html {}
body {background:#222222; font-family:Tahoma, Geneva, sans-serif; margin:0;}

img {border:0px; outline:0px;}

a {outline:none; text-decoration:none;}
a:active {outline:none;}

.bold {font-weight:bold;}
.center {text-align:center;}

/* ----- Page Layout ----- */
#container {margin:0 auto; width:1200px; height:750px;}
#header {width:1200px; height:155px; background:#000000;}
#main {width:1200px; height:600px; position:relative;}
#footer {text-align:right; padding:3px 12px 7px 12px; font-size:14px; height:14px; background:#000000;}

/* ---- Header ----- */
#logo {float:right; margin:20px 23px 0 0;}
#menu {float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-left:20px; margin-top:120px; color:#a90303;}
#menu li {display:inline-block; margin-right:40px;}
#menu a {color:#eeeeee; text-decoration:none;}
#menu a:hover {color:#888888;}
#submenu_acts {display:none; position:absolute; z-index:3; margin:10px 0 0 -60px; font-size:14px;}
#submenu_acts li {display:block; background:#000000; padding:4px 5px;}
span#menu_acts {cursor:pointer;}


/* ----- Homepage ----- */
#index_text {position:absolute; top:95px; left:760px; width:384px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; text-indent:-40px;}
#index_quote {position:absolute; top:169px; right:0; width:355px; padding:12px 60px 12px 18px; background:url(img/overlay.png) repeat; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#ffffff;}
#index_quote_source {display:block; text-align:right; font-size:16px;}
#index_twitter {position:absolute; bottom:24px; left:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; width:200px;}
a#twitter_link {color:#ffffff; text-decoration:none;}

#twitter ul {list-style-type:none; padding:0; margin:5px 0 0 0; font-size:12px;}
#twitter span.text {}
#twitter span.time {font-size:11px;}
#twitter a {color:#ffffff; text-decoration:none;}
#twitter a:hover {color:#aaaaaa;}


/* ----- Bio ----- */
.bio_pic {position:absolute; top:0; left:0;}
#bio_text_both {top:90px; left:500px; width:550px; text-align:center; font-size:14px; position:absolute;}
#bio_text_note {margin:200px 0 0 350px; width:550px; text-align:right; font-size:12px; position:absolute;}
#bio_text_jamie {top:85px; left:500px; width:550px; text-align:center; font-size:14px; display:none; position:absolute;}
#bio_text_nicky {top:85px; left:500px; width:550px; text-align:center; font-size:14px; display:none; position:absolute;}


/* ----- Acts ----- */
#act_menu  {font-size:14px; color:#000000; position:absolute; top:45px; left:62px; width:400px; height:200px; padding:0; margin:0;}
#act_menu li {list-style-type:none; font-weight:bold; margin:10px 0; padding:0;}
#act_menu li.current {list-style-type:disc; color:#a90303;}
#act_menu a {color:#000000;}
#act_menu a:hover {color:#444444;}
#act_text {font-size:14px; color:#000000; position:absolute; top:185px; left:62px; width:400px; height:200px;}
#act_thumbs {position:absolute; top:300px; left:50px; padding:8px; width:450px;}

a#videobutton {position:absolute; top:485px; left:54px; text-decoration:none; color:#000000;}
a#videobutton:hover {color:#444444;}
a#videobutton2 {position:absolute; top:485px; left:290px; text-decoration:none; color:#000000;}
a#videobutton2:hover {color:#444444;}
.videoplay {float:left; margin:29px 0 0 5px;}

#act_photo_container {position:absolute; top:40px; left:540px;}
#act_video_container {position:absolute; top:120px; left:650px; width:450px; background:url(img/overlay.png) repeat; padding:10px; display:none; z-index:2;}


/* ----- Photos ----- */
#photos_container {position:absolute; top:50px; left:515px;} /* width:650; height:515; */
#placeholder {background:url(img/overlay.png) repeat; padding:7px;}
#credit {color:#ffffff; margin:5px 0 0 0; font-size:11px; text-align:right;}

#photos_links {font-size:14px; position:absolute; top:50px; left:50px; width:800px; height:450px; padding:20px 10px 10px 10px;}
#photos_links a {color:#000000;}
#photos_links a:hover {color:#444444;}
#photos_links a.current {color:#a90303;}
#photos_links a.current:hover {color:#a90303;}	
.photos_links_title {font-weight:bold; margin:0 0 8px 0;}
.photos_links_section {padding:0 0 0 35px; margin:0 0 20px 0; width:450px; color:#000000;}

.photos_gallery {position:absolute; top:96px; left:296px; padding:8px; width:175px; display:none;}
.thumb {margin:4px; background:url(img/overlay.png) repeat; padding:2px; float:left;}

/*
.gallery_arrows {position:absolute; top:450px;}
.gallery_arrows a {color:#ffffff;}
.gallery_arrowl {float:left; margin:0 58px 0 25px;}
.gallery_arrowr {float:left;}
*/


/* ----- Video -----*/
#video_links {font-size:14px; position:absolute; top:130px; left:150px; width:800px; height:450px; padding:20px 10px 10px 10px;}
#video_links a {color:#000000;}
#video_links a:hover {color:#444444;}	
#video_links a.current {color:#a90303;}
#video_links a.current:hover {color:#a90303;}	
#video_links ul {margin-top:3px;}
#video_solo {font-size:14px; color:#000000; line-height:20px;}
#video_duo {font-size:14px; color:#000000; line-height:20px;}

#video_container {position:absolute; top:100px; left:550px; width:450px; background:url(img/overlay.png) repeat; padding:10px;}

/* ----- Agent Page ----- */
#agenttext {font-size:14px; color:#000; position:absolute; left:420px; top:20px;}
#agent_download {font-size:14px; color:#000; position:absolute; top:100px; left:420px;}
#agent_download a {text-decoration:none; color:#000;}
#agent_download a:hover {color:#a90303;}

/* ----- Contact ----- */
#contact_text {position:absolute; top:100px; left:150px; font-size:14px; color:#000000;}
#contact_text a {text-decoration:none; color:#a90303;}
#contact_text a:hover {color:#444444;}
#contact_form {position:absolute; top:250px; left:150px; font-size:14px; color:#000000;}

#contactsuccess_text {position:absolute; top:250px; left:200px; width:300px; font-size:14px; color:#000000;}
#contacterror_text {position:absolute; top:250px; left:200px; width:300px; font-size:14px; color:#000000;}
#contacterror_text a {text-decoration:none; color:#a90303;}
#contacterror_text a:hover {color:#444444;}

#twitter_contact {position:absolute; top:500px; left:150px;}

/* ----- Error Page */
#error_text {position:absolute; top:100px; left:150px; font-size:14px; color:#000000;}
#error_text a {text-decoration:none; color:#a90303;}
#error_text a:hover {color:#444444;}

/* ----- Footer ----- */
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#888888;}