/*
	Site:		Finite Productions Ltd http://www.finiteproductions.co.uk/
	File:		/assets/styles/screen.css
	Author:		Andrew Disley, Simplified http://simplified.co.uk/
	Copyright:	2009 Andrew Disley, Simplified http://simplified.co.uk/
	Version:	2009-10-07
----------------------------------------------- */

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #000000; }
img { vertical-align: baseline; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 */
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; } /* accessible display none */
.s-h-o { left: -9999em; position: absolute; top: -9999em; } /* place content off screen */
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-break { display: block; }
/* **/

/**	Typography
----------------------------------------------- */
body { background-attachment: fixed; background-color: #1C1C1C; background-repeat: no-repeat; color: #B6B6B6; font: 87.5%/1.2 Georgia, "Times New Roman", Times, serif; }
html>body { font-size: 14px; }
a:link, a:visited { background-color: transparent; color: #FF2883; text-decoration: none; }
a:hover, a:active { background-color: transparent; color: #FFFFFF; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { background-color: transparent; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; margin-bottom: 10px; }
h1 { font-size: 1.7143em; margin-bottom: 22px; }
h2 { font-size: 1.1250em; }
h3 { background-image: url(../images/global/sprite.png); background-position: -600px 10px; background-repeat: no-repeat; border-bottom: 1px solid #313131; font-size: 1.1429em; padding-bottom: 5px; padding-left: 12px; }
h4 { font-size: 1em; }
p { margin-bottom: 15px; }
ol, ul { margin-bottom: 5px; }
ol li { margin-bottom: 5px; margin-left: 0; }
ul li { margin-bottom: 5px; margin-left: 0; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }
/* **/

/**	Stucture
----------------------------------------------- */
#Container { padding-bottom: 30px; padding-top: 20px; width: 780px; }
#Container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
header, article, section { margin-bottom: 20px; }
#Header { background-image: url(../images/global/bg.png); margin-right: 20px; padding-bottom: 10px; position: fixed; width: 200px; }
#Header p { margin: 0; }
#Header ul { font-size: 1.2857em; line-height: 1.3; list-style-type: none; margin: 0 20px 20px 20px; }
#Header ul li { border-top: 1px solid #313131; margin: 0; }
#Header ul li .anchor,
#Header ul li a { display: block; padding: 0 10px; }
#Header ul li a:link,
#Header ul li a:visited { background-color: transparent; color: #AEAEAE; }
#Header ul li a:focus,
#Header ul li a:hover { background-color: transparent; color: #FFFFFF; }
#Header ul li.first { border-top: none; }
#Header ul li a:active,
#Header ul li .anchor,
#Header ul li.active a { background-color: transparent; color: #FF2883; }
#Header ul li ul { font-size: 0.6667em; margin: 0 0 5px 10px; }
#Header ul li ul li { border-top: none; }
#Header ul li ul li a { background-image: url(../images/global/sprite.png); background-position: 0 7px; background-repeat: no-repeat; padding-left: 7px; }
#Header ul li ul li.active a { background-position: -200px 7px; }
#Header ul li.twitter { border-top: none; margin-top: 20px; }
#Header ul li.twitter a { background-color: transparent; border-bottom: 1px solid #313131; color: #FF2883; }
#Header ul li.twitter a .s-i-i { background-image: url(../images/global/sprite.png); background-position: -1672px 0; background-repeat: no-repeat; display: inline-block; height: 15px; margin-top: 1px; margin-left: 2px; position: static; width: 20px; }
#Header ul li.twitter a:focus .s-i-i,
#Header ul li.twitter a:hover .s-i-i { background-position: -1692px 0; }
#Header ul li.twitter ul { background-color: transparent; color: #FFFFFF; display: none; font-size: 0.7222em; margin-bottom: 0; }
#Header ul li.twitter ul li { margin-top: 10px; }
#Header ul li.twitter .time { background-color: transparent; color: #B6B6B6; display: block; }
#Content { background-image: url(../images/global/bg.png); margin-left: 220px; padding: 13px 20px; width: 310px; }
#Content strong { background-color: transparent; color: #FFFFFF; }
#Content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Footer { background-color: transparent; background-image: url(../images/global/bg.png); bottom: 0; clear: both; color: #828282; font-size: 0.8571em; left: 220px; padding: 7px 20px 0 20px; position: fixed; width: 540px; }
#Footer p { margin-bottom: 10px; }
#Footer .credits { position: absolute; right: 15px; top: 7px; }
/* **/

/**	.c-video
----------------------------------------------- */
.c-video { background-image: url(../images/global/bg.png); clear: both; margin-left: 220px; padding: 13px 5px; width: 505px; }
.c-video:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.c-video header { float: left; padding-left: 15px; padding-right: 15px; width: auto; }
.c-video ul { line-height: 1; list-style-type: none; }
.c-video ul li { border-left: 1px solid #393939; float: left; margin-bottom: 0; margin-left: 8px; padding-left: 8px; width: auto; }
.c-video ul li.first { border-left: none; margin-left: 0; padding-left: 0; }
.c-video ul li a:link,
.c-video ul li a:visited { background-color: transparent; color: #AEAEAE; }
.c-video ul li a:focus,
.c-video ul li a:hover { background-color: transparent; color: #FFFFFF; }
.c-video ul li a:active,
.c-video ul li a.active { background-color: transparent; color: #FF2883; }
/* **/

/**	body.home
----------------------------------------------- */
body.home-bg-1 { background-image: url(../images/content/home/body-1.jpg); }
body.home-bg-2 { background-image: url(../images/content/home/body-2.jpg); }
body.home-bg-3 { background-image: url(../images/content/home/body-3.jpg); }
body.home-bg-4 { background-image: url(../images/content/home/body-4.jpg); }
/* **/

/**	body.marketing
----------------------------------------------- */
body.marketing { background-image: url(../images/content/marketing/body.jpg); }
/* **/

/**	body.training
----------------------------------------------- */
body.training { background-image: url(../images/content/training/body.jpg); }
/* **/

/**	body.drama
----------------------------------------------- */
body.drama { background-image: url(../images/content/drama/body.jpg); }
/* **/

/**	body.services
----------------------------------------------- */
body.services { background-image: url(../images/content/services/body.jpg); }
body.services #Content h3 { background-color: transparent; background-position: -950px 10px; color: #FF2883; cursor: pointer; float: left; width: 100%; }
body.services #Content h3 strong { background-color: transparent; color: #FF2883; float: left; font-weight: normal; width: auto; }
body.services #Content h3 .s-i-i { background-image: url(../images/global/sprite.png); background-color: #FF2883; background-position: -1650px 0; float: left; height: 11px; left: 3px; position: relative; top: 5px; width: 11px; }
body.services #Content h3.active .s-i-i { background-position: -1661px 0; top: 6px; }
body.services #Content ul { background-color: transparent; clear: both; color: #FFFFFF; list-style-type: none; }
body.services #Content li { background-image: url(../images/global/sprite.png); background-position: -600px 7px; background-repeat: no-repeat; padding-left: 12px; }
/* **/

/**	body.clients
----------------------------------------------- */
body.clients #Container { width: 940px; }
body.clients #Content { background-image: none; padding-left: 0; padding-right: 0; width: 720px; }
body.clients #Content h1 { float: left; margin-left: 20px; margin-right: 40px; width: 300px; }
body.clients #Content .client { clear: left; float: left; width: 360px; }
body.clients #Content .client img { border-top: 1px solid #313131; }
body.clients #Content .client-first img { border-top: none; }
body.clients #Content .client-alt { border-left: 1px solid #313131; clear: none; width: 358px; }
body.clients #Content .client-alt img { margin-left: 10px; }
/* **/

/**	body.contact
----------------------------------------------- */
body.contact { background-image: url(../images/content/contact/body.jpg); }
/* **/