body
{
   width:1000px;
   height:100%;

   font-family:Arial, sans-serif;
   font-size:12px;
   line-height:18px;
   color:white;

   background:url(images/background.jpg) no-repeat #161616;
}

p em, h3 em, p a, .film-right a
{
   color:#ff9900;
}

h2.replace, h3.replace
{
   margin-bottom:32px;
   width:350px;
}

p a
{
   text-decoration:underline;
}

.left, .right
{
   float:left;
   padding-top:20px;
}

.left
{
   margin-left:-32px;
   padding-left:150px;
   background:url(images/60-percent.png);
   width:512px;
   margin-right:10px;
}

.right
{
   background:url(images/50-50.gif);
   width:247px;
   padding-left:20px;
   padding-right:20px;
}

.replace
{
   background-image:none;
   background-repeat:no-repeat !important;
   text-indent:-3000em;
   height:42px;
}

a
{
   text-decoration:none;
   color:white;
   outline:none;
}

a:hover
{
   text-decoration:underline;
}

#logo
{
   position:absolute;
   top:29px;
   left:147px;
}

#top-details
{
   position:absolute;
   left:715px;
   top:0;
   height:10px;
   background:url(images/top-lines.png) no-repeat;
   text-transform:lowercase;
   font-size:11px;
   line-height:13px;
   color:#452323;
   padding-top:19px;
}

#top-details strong
{
   display:block;
   color:white;
   font-weight:normal;
}

#top-details div
{
   float:left;
}

#top-details #telephone-details
{
   width:102px;
}

#top-details #email-details
{
   margin-top:13px;
}

#body-about-us .left, #body-about-us .right
{
   height:475px;
}

/* Menu stuff */

#menu-container
{
   position:absolute;
   top:103px;
   left:150px;
   width:808px;
   height:26px;
   background:url(images/menu-line.gif) no-repeat bottom left;
   font-size:11px;
}

#menu
{
   float:right;
}

#menu li
{
   display:block;
   list-style:none;
   float:left;
   padding-left:10px;
}

#menu li a
{
   text-transform:uppercase;
}

#menu li.current
{
}

#menu li.current a
{
   display:block;
   float:left;
   height:26px;
   border-bottom:5px solid #bb4474;
   color:#452323;
}

#menu li.current a:hover 
{
   text-decoration:none;
}

/* About us stuff */
#body-about-us .left, #body-about-us .right
{
   height:475px;
}

.about h3.replace
{
   width:197px;
   margin-bottom:32px;
}

.about
{
   display:none;
}

.visible
{
   display:block;
}

.about img
{
   border:1px solid #656565;
   float:left;
}

.about p
{
   float:left;
   width:240px;
   margin-left:16px;
}

#body-about-us .right p
{
   margin-bottom:20px;
}

#about-us
{
   margin-bottom:16px;
}

.about-images
{
   list-style:none;
   width:264px;
}

.about-images li
{
   width:100px;
   float:left;
   margin-right:32px;
   margin-bottom:16px;
   position:relative;
}

.about-images img
{
   border:1px solid #656565;
   float:left;
   display:block;
}

.about-images span.image
{
   width:96px;
   height:96px;
   position:absolute;
   z-index:100;
   top:0;
   left:0;
   border:2px solid #ff9900;
   display:none;
}

.about-images li:hover img
{
   border-color:#ff9900;
}

.about-images .current span.image
{
   display:block;
}

.about-images span.text
{
   float:left;
   padding:1px 2px;
   background:black;
   color:#ff9900;
   font-size:11px;
   font-weight:bold;
}

.about-images a:hover
{
   text-decoration:none;
}

.film-left
{
   font-size:11px;
   line-height:18px;
}

.film-right
{
   font-size:11px;
   line-height:20px;
}

.film-right .section
{
   border-top:1px dotted #cd6571;
   padding:6px 0;
}

.film-right .last
{
   border-bottom:1px dotted #cd6571;
}

.film-right .section h4
{
   display:inline;
   padding:1px 2px;
   background:black;
   color:#ff9900;
}

/* Future projects */

#body-future-projects .left, #body-blog .left
{
   width:744px;
   padding-right:64px;
}

#future-projects, #blog
{
   margin-top:10px;
   margin-bottom:10px;
}

h3.strapline
{
   display:inline;
   padding:2px;
   font-weight:bold;
   background:#ff9900;
   color:black;
}


.future-projects h4
{
   margin-left:-2px;
   background:black;
   color:#ff9900;
   padding:2px;
   display:inline;
   font-weight:bold;
}

.future-projects .status
{
   color:#cc0099;
}

.future-projects .section
{
   padding:16px 0;
   border-bottom:1px dotted white;
}

.future-projects .last
{
   border-bottom:0;
   padding-bottom:32px;
}
/* Future projects */

#body-future-projects .left, #body-blog .left
{
   width:744px;
   padding-right:64px;
}

.future-projects 
{
   margin-top:10px;
}

.future-projects h4
{
   margin-left:-2px;
   background:black;
   color:#ff9900;
   padding:2px;
   display:inline;
   font-weight:bold;
}

.future-projects .status
{
   color:#cc0099;
}

.future-projects .section
{
   padding:16px 0;
   border-bottom:1px dotted white;
}

.future-projects .last
{
   border-bottom:0;
   padding-bottom:32px;
}

#body-contacts .left
{
   padding-right:20px;
   width:492px;
}

#body-contacts .left, #body-contacts .right
{
   height:200px;
   padding-bottom:20px;
}

#body-contacts h4
{
   font-weight:bold;
   margin-bottom:10px;
}

#contacts 
{
   margin-bottom:10px;
}

#body-contacts .right .email, #body-contacts .right .phone 
{
   margin-bottom:20px;
}

#body-contacts .right p
{
   margin-top:3px;
}

#body-contacts .right p strong,
{
   display:block;
   float:left;
}

#body-contacts .right p strong
{
   width:40px;
}

#footer
{
   margin-left:150px;
   width:808px;
   border-top:1px solid #c6597f;
   color:#c6597f;
   font-size:11px;
}

#footer p
{
   padding-top:4px;
   text-align:right;
   padding-bottom:8px;
}

#body-photos .left
{
   width:808px;
   padding-bottom:32px;
}

.gallery-images
{
   float:left;
   border:16px solid white;
   width:500px;
   height:333px;
   overflow:hidden;
}

.gallery-image
{
   display:none;
}

.gallery-images .visible
{
   display:block;
}

.thumbnails
{
   margin-left:20px;
   margin-top:2px;
   list-style:none;
   width:246px;
   float:left;
}

.thumbnails li
{
   display:block;
   float:left;
   border:2px solid white;
   margin:0 14px 14px 0;
}

.thumbnails li.current
{
   margin-left:-2px;
   margin-top:-2px;
   margin-right:12px;
   margin-bottom:12px;
   border-width:4px;
}

.thumbnails img
{
   display:block;
}


#main-content-outer-container
{
   margin-top:170px;
   margin-bottom:32px;
}


#body- #main-content-outer-container
{
   background:url(images/60-percent.png);
   margin-left:150px;
   width:808px;
}

#main-content-container
{
   padding:32px;
}

#body-left
{
   float:left;
   width:238px;
}


#body-right
{
   float:left;
   margin-left:32px;
   width:435px;
}

#beat24, #our-latest-work, #about-us, #ben-hyland, #kat-minett,  #david-lindsay, #jonnie-khan, #tom-martin
{
   width:224px;
   margin-bottom:32px;
}

#beat24
{
   background:url(images/text/beat24.png);
}

#our-latest-work
{
   background:url(images/text/our-latest-work.png);
   width:350px;
}

#about-us
{
   background:url(images/text/about-us.png);
}

#films-frontman
{
   background:url(images/text/frontman.png);
   width:224px;
}

#films-the-beatbox-kid
{
   background:url(images/text/the-beatbox-kid.png);
   width:300px;
}

#films-duncan-oakley
{
   background:url(images/text/duncan-oakley-bbw.png);
   width:350px;
}

#films-coppers-for-karma
{
   background:url(images/text/coppers-for-karma.png);
   width:273px;
}

#films-the-joe-strange-band
{
   background:url(images/text/the-joe-strange-band.png);
   width:350px;
}

#films-redtrack-poledancer
{
   background:url(images/text/redtrack-poledancer.png);
   width:350px;
}

#films-sniff
{
   background:url(images/text/sniff.png);
   width:350px;
}

#photos
{
   background:url(images/text/photos.png);
   width:200px;
}


#future-projects
{
   background:url(images/text/future-projects.png);
   width:350px;
}

#blog
{
   background:url(images/text/blog.png);
   width:200px;
}

#contacts
{
   background:url(images/text/contacts.png);
   width:200px;
}


#becky-hyland { background:url(images/text/becky-hyland.png); }
#ben-hyland { background:url(images/text/ben-hyland.png); }
#david-lindsay { background:url(images/text/david-lindsay.png); }
#tom-martin { background:url(images/text/tom-martin.png); }
#kat-minett { background:url(images/text/kat-minett.png); }
#jonnie-khan { background:url(images/text/jonnie-khan.png); }



/* Left menu */

.left-menu
{
   position:absolute;
   left:0;
   list-style:none;
   font-size:11px;
}

.left-menu li
{
   height:13px;
   line-height:13px;
   margin-bottom:7px;
   background:url(images/left-menu-bg.gif) repeat-y;
}

.left-menu li a, .left-menu .header
{
   padding-left:22px;
}

.left-menu li.current a
{
   background:#ff9900;
   padding-right:8px;
}

.left-menu li.header
{
   height:28px;
   color:#999;
   background:none;
}

.left-menu li.select-a span
{
   padding-right:10px;
   background:url(images/select-a.gif) right 4px no-repeat;
}