@media all {

/* =body */

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; padding :0;}
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }
pre#testing{font-weight:bold;color:black;font-family:arial;font-size: 100%;margin-left:12px;}
/* =html */
html { background-color: #948a7e; }
body { padding : 0; font : 62.5% Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode",  sans-serif; position:relative; }

/* =blocktext */
h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0 12px; padding : .0em 0; padding-top: .5em; }



/* =hx */
h2, h3, h4, h5 { font-weight : bold; }

/* =h1 */
h1 { float: left; width: 79px; height: 60px; text-indent: -9999px; display: block; }

/* =h2 */
h2 { font-size : 1.2em; color: #fff8e6; line-height: 1;}
div#nav_main h2 { padding: 0; margin: 3px 0 0 0; font-size: 1.4em; }
#content div.content_main h2 span { display: block; padding: .4em 0 .4em 0; color: #433C32; font-size: 0.85em;}
#content div.content_main h2 span span { position: absolute; left: -9999px;  }

div#content h2 { font-size: 1.4em; padding : .3em 0;}
div#content_supp h2 { padding-bottom: 0; margin-bottom: 0; font-size: 1.4em; }
div#content_supp h2 span { display: block; font-size: 0.9em; line-height: 1; }
body.director #content_sub h2 { padding-top: 7px; }
/*body.director #h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0 12px; padding : .0em 0; padding-top: .9em; }*/

/* =h3 */
h3 { font-size : 1.2em; line-height: 1; margin-bottom: 0; padding-bottom: 0;}
div#recent_news h3 { font-size: 1em; text-indent: 0; padding: 5px 0px 5px 0px; margin:0; color: #433c32; font-weight: bold; letter-spacing: -0.0px }
div#recent_news h3 span { display: block; padding: .4em 0 .4em 0; color: #20201c }
div#recent_news h3 span span { position: absolute; left: -9999px;  }

body.index #nav_supp h3 { color: #fffae4; padding: 0 0 .4em 0; font-size: 1.0em }
body.index #nav_supp h3.rss { color: #fffae4; padding: 0 0 .4em 0;  }
body.index #nav_supp h3.rss a { color: #fffae4; padding: 0 0 .4em 0; text-decoration: none; }
body.index #nav_supp h3.rss a:hover { text-decoration: underline; }

/*div#content_main_fixed {margin-left: 120px;}*/

body.jobs #nav_supp_front h3 { color: #fffae4; padding: 0; font-size: 1.2em; }
body.jobs #nav_supp_front h3.rss { color: #fffae4; padding: 0;  padding-top: 2px;padding-bottom: 0;}
body.jobs #nav_supp_front h3.rss a { color: #fffae4; padding: 0; text-decoration: none; }
body.jobs #nav_supp_front h3.rss a:hover { text-decoration: underline; }
/*body.jobs #nav_supp h3 { color: #fffae4; padding: 0 0 .4em 0;  }
body.jobs #nav_supp h3.rss a { color: #fffae4; padding: 0 0 .4em 0; text-decoration: none; }
body.jobs #nav_supp h3.rss a:hover { text-decoration: underline; }
*/
div#nav_supp ul { padding: 0;  }

/* =h4 */
h4 { font-size : 1.2em; }

/* =h5 */
h5 { font-size : 1.2em; }

/* =p */
p { font-size : 1.1em; color: #ffffff; }
div#nav_main div p { font-size: 2.3em; line-height: 1; font-weight: bold; text-transform: uppercase; color: #0991E7; padding: 3px 0 0 0; margin: 0; }
div#nav_main div p span { text-transform: none; color: #fff;  }
span.director { text-transform: uppercase; color: #fff;  }
div#content_supp p { color: #433c32; }
div#siteinfo p { color: #474036; }
ul#featured p { font-weight: normal; line-height: 1; padding: 0; padding-top: 2px; padding-bottom: 4px; margin: 0; text-indent: 3px; font-size: 1em !important; }
div#siteinfo p#copyright { float: left; text-indent: -9999px; width: 935px; height: 26px; background: url(../img/p_copyright_notice.jpg) no-repeat top left; padding: 0; margin: 0; line-height: 1; }
/*div#siteinfo p#copyright { float: left; text-indent: -9999px; width: 935px; height: 26px; background: url(http://194.168.108.11/cms_tests/assets/images/p_copyright_notice.jpg) no-repeat top left; padding: 0; margin: 0; line-height: 1;}*/
div#siteinfo p#login { float: right; width: auto; text-align: right; padding-right: 20px;}

body.director #content_sub p { margin-right: 12px; }
li p { font-size: 1em;  }
li p, dd p, form p, blockquote p { margin-left : 0; }
li blockquote p { margin-left : 0; }
#recent_news li p { padding: 0; color: #20201c;color: #433c32; line-height: 1.2em; font-size: .9em; }
#recent_news li p a {text-decoration: none;}


/* RSS Links */
p.rss { text-indent: 20px; background: url(../img/icon_rss.gif) no-repeat center left; }
body.index p.rss { position: relative; bottom: -20px; right: 0px; width: 396px; z-index: 400 !important; }
p#player { display: inline;  margin: 0; padding: 0;}

/* =blockquote */
blockquote { padding-left : 20px; border-left : 1px solid #999; }
li blockquote { margin-left : 0; padding-left : 0; border-left : none; }
dd blockquote { margin-left : 0; padding-left : 0; }


/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; }



/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }



/* =address */
address { font-style : normal; }
address span { display : block; }



/* =dl/dt/dd */
dl { padding: 0; width: 95%; float: left; }
dt, dd { font-size: 1.1em; }
dt { font-weight : bold; float: left; clear: both; color: #fff; padding-right: 10px;}
dt:after { content:""; }
dd { padding-bottom : .1em; float: left; }



/* =ul */
form ul { margin-left : 0; }
ul ul { margin-left : 0; }
ul#nav_access { position : absolute; top : -9999px; }
ul#nav_main_supp { position: absolute; right: 0; bottom: 10px; width: 205px; padding: 0; }
ul#featured { display: inline-block; padding-top: 1.5em; }
div#recent_news ul { width: 100%; float: left;  padding-bottom: 10px;}
body.index div#nav_supp ul { padding-top: 0px; }
body.index div#nav_supp_front ul { padding-left: 16px; padding-top: 3px; }
body.jobs div#nav_supp_front ul { padding-left: 16px; padding-top: 3px; }
div#siteinfo ul { float : right; width : 40%; text-align: right; }
.col-a ul { margin: 0; padding: 0; width: 100%; border-top: 1px solid #dfdfdf; position: absolute; bottom: 0; margin-top: 50px;}
.col-b ul { margin: 0; padding: 0;  }



/* =ol */
ol { overflow : hidden; }
ol ol { margin-left : 0; }



/* =li */
li { font-size: 1.2em; }
ul#about_li { font-size: 1.0em;}
ul#nav_main_supp li {width: auto !important; float: left; margin-right: 1em;}
ul#nav_main_supp li#contact_us { float: right; text-align: right; padding: 0; margin: 0 }



body.director #content .content_main li { list-style-type: disc; margin-left: 15px; }
/* =contact us links li*/
/* We are seriously needing to clean up this css - J */
/* Ever wonder what simple drag and drop apps spitout as css?! I guess it may be this.*/
body.director #content .content td a { margin-left: 15px; font-size: 1em; color:#fff; }
body.director #content .content td a {font-weight: bold; color:#fff; }
body.director #content .content td a:hover {color:#000; }




#nav_supp li { color: #fffae4; font-weight: normal; text-decoration: none;  }
#nav_supp_front li { list-style-type: disc; color: #433c32; font-weight: normal; text-decoration: none;  }
ul#nav_supp_jobs  {list-style-type: disc; color: white;}
ul#nav_supp_jobs  {padding-left: 0px; }
body.index #nav_supp li a{ font-size: 1.2em; line-height: 1; margin-bottom: .3em; padding-top:  0;}

/* =Jamie Specifics */
div#content_supp  a.clear { text-decoration: none; background-color: transparent;  }
div#content_supp a.clear:hover { color: #fff8e6; text-decoration: none; background-color: transparent;  }
#nav_supp li li { font-size: 1em; text-indent: 15px; }
div#siteinfo li { display : inline; font-size: 1.1em; padding-left: 10px; }
div#browse div div li { list-style-type:disc; margin-left: 15px; }
div#content_supp ul#featured li { list-style-type: none; margin-left: 0; float: left; width: 160px; color: #fff; padding: 0 8px 5px 0 ; margin: 0; }
div#job_desc li {font-size: 1.0em;}
body.index #recent_news li { list-style-type: none; margin: 0; padding: 0px 0 3px 0; float: left; width: 49%;}
body.jobs #recent_news li { list-style-type: none; margin: 0; padding: 0px 0 3px 0; float: left; width: 49%;}
img, a img { border : none; padding: 0; margin: 0;}
body.director div#content_sub img { float: left;  margin: -10px 12px 0px -12px;  }
/* body.director div#content_sub img { float: left; clear: both; margin: 5px 10px 113px 0;  } */



/* =hr */
hr { display : none; }



/* =a */
/* THESE ARE NOW THE USUAL AXIS A HREF!! */
a { color : #433c32; text-decoration : none; }
a:visited { color : #433c32; text-decoration : none; }
a:hover { color : #fff8e6; text-decoration : none; }
a:active, a:focus { color :#24211C; text-decoration : none; }
a#video-toggle { display: block; color: #fff; background-color: #000; padding: 0; font-size: 1.1em; }
div#nav_main h1 a { width: 79px; height: 60px; display: block; }
div#nav_main p a { padding: 0; margin: 0; text-decoration: none; color: #0991E7;  }
div#nav_main_jobs h1 a { width: 79px; height: 60px; display: block; }
div#nav_main_jobs p a { padding: 0; margin: 0; text-decoration: none; color: red;  }


/* OLD WORK COLOUR #E54F74 */
div#nav_main a.work { color: #1e98e5; }
div#nav_main a.jobs { color: #f67f23; }
div#nav_main a.about { color: #e45074; }
div#nav_main a.flaunt { color: #F11930; }             
div#nav_main span.info { color: #e45074; }
div#nav_main a.articles { color: #e7cc19; }
a#video-toggle { display: block; color: #fff; background-color: #000; padding: 0; font-size: 1.1em; }
div#nav_main a:hover { color: #fff8e6;  }
/*div#nav_main a:after { content: '';  }*/

ul#nav_main_supp li a { color: #fff8e6 !important; font-weight: bold; font-size: 1.2em; text-decoration: none;  }
ul#nav_main_supp li a:hover { text-decoration: underline;   }
/*ul#nav_main_supp li a:after { content: '';  }*/

body.index div#nav_supp li a { color: #433c32; text-decoration: none; }
body.index div#nav_supp li a:hover { text-decoration: none;color: #fff8e6; }

div#project-controls a { font-weight: bold; text-decoration: none; color: #fff; position: relative; z-index: 400; }
div#project-controls a:hover {  color: #000; }	

li#play_movie { background: transparent url(../img/arrow.png) no-repeat center left; padding-left: 15px; }
li#play_movie a { font-size: 1.1em; }
li#download_movie a { font-style: italic; text-decoration: underline;  }



/*ul#featured li a { background-color: transparent; padding: 1px; margin: 0 0 5px 0; float: left; line-height: 0; outline: none; }
	ul#featured li a:hover { background-color: #d4cec5; }
*/
ul#featured li { font-weight: bold; }
ul#featured li a { padding: 1px; margin: 0 0 0px 0; float: left; line-height: 0; outline: none; }
/*ul#featured li.highlight { color: red !important; }*/
ul#featured li.highlight a { background: #fff;   }
ul#featured li.highlight a p{ background: transparent;text-decoration: none;}

ul#recent_news li a { padding: 1px; margin: 0 0 0px 0; float: left; line-height: 0; outline: none;   text-decoration: none;}
ul#recent_news li.highlight { color: red !important; }
ul#recent_news li.highlight a { background: #fff;text-decoration: none; }
ul#recent_news li.highlight a p{ background: transparent; }

#siteinfo a { color: #fff; }
#siteinfo a:hover { color: #c82254; }
p#login a { font-weight: bold; text-decoration: none; }
p#login a:hover { color: #0991E7; }

#recent_news h3 a { padding-left:20px; color: #d4cec5; text-decoration: none; }
#recent_news h3 a:active, a:focus { color :#d4cec5; text-decoration : none; }
#recent_news h3 a:hover {   color: #fff8e6; text-decoration :none;}

/*
#recent_news img { padding: 1px; color: #191514 !important; }
#recent_news img.highlight a {color: #191514 !important; }
*/


p.rss a { color: #fff8e6; font-weight: bold; text-decoration: none;}
p.rss a:hover { text-decoration: underline; }

/* =table */
table { margin : 0; font-size : inherit; margin: 1em 12px; }
table.contactformlinks { margin: 85px 0px 0px -3px;}
table.contactformlink.tr {margin:0;padding:0;}

table.contact { margin : 0; font-size : inherit; margin: 1em 12px; }

/* =caption */
caption { font-weight : bold; position: absolute; left: -9999px;}

/* =tr */
tr { padding : .0em 0; }
thead tr,
tfoot tr {  }
tbody tr {  }

/* = th td */
th { font-weight: bold; color: #fff; padding-right: 10px !important;}
th, td { padding : 0px; vertical-align : middle; font-size: 1.1em;}
/*th:after { content: '';  }*/

/* =div */
div#container > div { float: left; width: 100%; }
div#nav_main div { position: absolute; top: 10px; left: 85px; }
#content_sub div.content { display: block; height: 396px; overflow: hidden; background-repeat:no-repeat; background-position: top left; }
#content_sub div.content_scrolling { padding-left: 0px;  padding-right: 0px; background-color: #8b8275; display: block;width: 704px; height: 396px; overflow: auto; scrollbar-base-color: #463F37; background-repeat:no-repeat; background-position: top center; }

#content_sub div.content_edit_scrolling { padding-left: 12px;  padding-right: 12px; background-color: #8b8275; display: block;width: 680px; height: 800px; overflow: auto; scrollbar-base-color: #463F37; background-repeat:no-repeat; background-position: top center; }



div#project-controls { background-image: url(../img/bg_project_controls.png); display: block; float: left; display: block; width: 100%; padding-bottom: 0.5em;}
div#related { /*position: absolute; bottom: 15px;*/ }
div#recent_news div { clear: both; float: left; margin-right: 10px; }
body.index #content_supp .content_main .content {padding: 0; margin: 0;}
div#canvas { }
div#video {clear: both; padding: 0; margin: 0; display: block; }
/*div#branding-project { background-image: url(../img/project_main/cmr_image_704x396_10.jpg); overflow: hidden !important;}*/
/*div#project-controls { width: 100%; background-image: url(../img/bg_project_controls.png); display: block; }*/
/*div#video {width: 740px; height: 390px;clear: both; padding: 0px 0px; margin: 0; width: 100%; display: inline;}*/
/* --div#video { height: 360px; padding: 0; margin: 0; position: relative;  } --*/

/* =layout */
body { text-align: center; margin: 0 auto; width: 934px; }
/*body { text-align: center; margin: 0 auto; max-width: 983px; }*/
div#container,
div#branding,
div#nav_main,
div#content, 
div#showreel,
div#siteinfo { width : 100%; position: relative; }
div#nav_supp { width : 100%; padding-top: .9em; padding-bottom: 5.5em;}
div#container { text-align: left; width: 100%; margin: 0 auto; padding: 0;  overflow: hidden; background: url(../img/bg_page.jpg) no-repeat top left;}
/*div#container { text-align: left; width: 95%; margin: 0 auto; padding: 0;  overflow: hidden; background: url(../img/bg_page.jpg) no-repeat top left;}*/
div#nav_main { /* background: #463F37 url(../img/bg_nav_main.jpg) repeat-y top left; */position: relative; padding: 0; margin: 0; float: left; border-bottom: 2px solid #0991e7; position: relative; }
div#content { position: relative; float: left;  width: 100%;background: #93abb7 url(../img/bg_content.jpg) repeat-x top left; display: block;   }
div#content_supp { position: relative; padding-top: 7px; background: #877D71 url(../img/bg_gradient.png) repeat-x top left; /* background: #877D71 url(../img/bg_content_supp.jpg) repeat-x top left; */ width: 100%; float: left; }

/* Negative margin layout */
div.content_main { position: relative; width: 230px; float: right;  padding-top: 2px;}
/*div.content_main { width: 230px; float: right; position: relative;  padding-top: 0px;}*/
div.content_sub { width: 100%; float: left; margin-right: -232px; z-index: 100; }
body.info #content div.content_sub .content,
body.jobs #content div.content_sub .content { background-color: #8B8275; }
div.content_sub div.content { margin-right: 230px;  }
body.index #content_supp div.content_main { padding-top: 0; }
div#siteinfo { background: #BFB7AC url(../img/bg_siteinfo.jpg) repeat-y top left ; color: #fff; clear: both;  float: left; position: relative; width: 100%; margin: 0; padding: 0; }
body.index #nav_supp { padding-top: 8px; }

/* =Forms */
/*div#test { clear: both; display: none; padding: 5px 0; background: #0991e7; text-align: right;  position: relative; z-index: 400; float: left; width: 100%; }*/
form#search { padding: 0; margin: 0; }
form#search label { font-size: 1.3em; font-weight: bold; color: #fff; margin-right: 5px;}
form#search input { height: 15px; width: 170px; margin-right: 5px;}
form#search button { background: transparent url(../img/project_main/arrow.png) no-repeat top left; width: 15px; height: 15px; border: none; text-indent: -9999px; margin-right: 20px;}

/* =Contact Form */
#signup table { background-color: transparent; color: #000000; width: 200px; border: 1px ; border-collapse: collapse;	}
div#job_desc table { background-color: red; /*transparent;*/ color: #000000; width: 704px; color: red; border: 2px ; /*border-collapse: collapse;*/}

#signup td { border: 0px; padding-left: 10px; padding-bottom: 5px;}

div#button {
  font-size: 50%;  
}



.fieldcell input {width: 350px; font-size: 11px; background-color: white; color: #102132; border: 1px solid #284279; margin-right: 0px;}
.smallfieldcell input { width: 100px; font-size: 11px; background-color: white; color: #102132; border: 1px solid #284279;}
.smallfieldcell select { font-size: 11px; background-color: White; color: #102132; border: 1px solid #284279;}
.button {font-size: 1em; color: #102132; margin-left: 12px; margin-top: 3px; margin-bottom: 2px;}


/* Colours */

/* info */
body.info div#nav_main { border-bottom: 2px solid #bc3253; }
body.info div#nav_main a { color: #E54F74;  }
body.info div#nav_main a:hover { color: #fff; }
body.info div#content { background: #e34f72 url(../img/bg_content_info.jpg) repeat-x top left;  }
body.info div#content { background: #e34f72 url(../img/bg_content_info.jpg) repeat-x top left;  }

body.info div#content p { color: #fff;}
body.info div#content p { color: #fff;}
/*body.two_columns  { color: red; column-count:2; }*/

/*
.Article2Col {
	column-count:2;
}
*/
/* Jobs */
body.jobs div#nav_main { border-bottom: 2px solid #f67f23; }
body.jobs div#nav_main a { color: #f67f23;  }
body.jobs div#nav_main a:hover { color: #fff; }
body.jobs div#content { background: #e77721 url(../img/bg_content_jobs.jpg) repeat-x top left;  }
body.jobs div#content p { color: #fff; }

#admin_tools { position: absolute; top: 10px; right: -150px; text-align: left; border: 1px solid #666; background: #333; }
#admin_tools h2 { margin: 0; background:#990000; padding: 1em;}
#admin_tools a { color: #FFCC00; font-weight: bold; text-decoration: none; }
#admin_tools p { color: #FFCC00; font-weight: bold; text-decoration: none; padding: 0; margin: 0; }
#admin_tools li { color: #FFCC00; font-weight: bold; text-decoration: none; padding: 0; margin-left: 15px; }
#admin_tools a:hover { text-decoration: underline; }



/*div#content_sub li {font-size: 1.9em;list-style-type: square;}*/
h2#job_desc {color: white;}
p#job_desc {padding-top: 0px;}

body#job_desc {font-style: arial; padding-left: 12px; list-style-type:disc; font-size: 1.2em; color: white; }

div#job_desc b{font-size: .8em;}
div#job_desc p{color : white;}
ul#job_desc {padding-top: 0px; padding-left:12px;list-style-type:disc;color:white;font-size: 1.0em;}
ul#job_apply {padding-top: 0px; padding-left:0px;list-style-type:disc;color:white;font-size: .8em;}
/*ul#featured p { font-weight: bold; line-height: 1; padding: 0; margin: 0; text-indent: 3px; font-size: 1em !important; }*/
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #24211C;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #999;

}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #d4cec5;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

}

/*#admin_tools { position: absolute; top: 0; right: 10px; text-align: left; }*/


body.scroll {overflow: auto; }