/* ----------------------- Base Settings ------------------------- */

body
{
/* -------------------- Works around IE 5/Win absolute text size bug ------------------------ */
font-size: x-small; 
font-family: verdana, arial, sans-serif;
margin: 0 auto;
padding: 0;
border: 0;  /* Forces all spacing variables to zero */
background: url(../images/bg_gradient.jpg) repeat-x top;
voice-family: "\"}\""; /* Tricks IE5/Win into ignoring declaration for other browsers */
voice-family: inherit;
/* End IE5/Win workaround */

font-size: small; /* Declares universal font size from which all other sizes are scaled for compliant browsers */
font-family: verdana, arial, sans-serif;
margin: 0 auto;
padding: 0;
border: 0;  /* Forces all spacing variables to zero */
background: #fff url(../images/bg_gradient.jpg) repeat-x top;
}

html>body /* Ensure Opera doen't ignore base font declaration */
{
font-size: small;
}
/* End Base Settings */

/* -------------------------- Skip link 'pop-up' ------------------------------ */
#header #skip:focus, #header #skip:hover, #header #skip:active 
{
background:#000 none repeat scroll 0%;
color:#FFFFFF;
text-indent:3em;
}

#header #skip 
{
background:transparent none repeat scroll 0%;
display:block;
width:100%;
margin:0;
padding:0.5em 0pt;
position:absolute;
top:0pt;
left:0pt;

overflow:hidden;

text-align:center;
text-decoration:none;
font-weight:bold;
text-indent:-600em;
}
/* End Skip link 'pop-up' */


/* -------------------- Generic Classes ---------------------- */

img /* Enforce desired formatting on all img tags */
{
border-style: none;
border:0;
margin:0;
padding:0;
display:block;
}

.invisible /* Use to provide extra textual content to non-graphical browsers to improve accessibility */
{
position:absolute;
top:0pt;
left:0pt;
text-indent:-600em;
}

.clear_both
{
clear:both;
}

h2
{
color: #000;
font-family: "OCR A Std", "trebuchet MS", verdana, arial, sans-serif;
font-size: 140%;
font-weight:normal;
letter-spacing:0.5px;
margin: 15px 0 15px 0;
padding:0;
border:0; /* Null Values declared to remove rendering inconsistencies between IE and FireFox */
}

h3
{
color: #000;
font-family: "OCR A Std", "trebuchet MS", verdana, arial, sans-serif;
font-size: 120%;
font-weight:normal;
letter-spacing:0.5px;
margin: 15px 0 15px 0;
padding:0;
border:0; /* Null Values declared to remove rendering inconsistencies between IE and FireFox */
}

h6
{
font-size:100%;
font-weight:bold;
line-height:1.2em;
margin:0;
padding:0;
}

p
{
font-size: 115%;
margin:0 0 18px 8px;
padding:0;
line-height: 1.5em;
}

ul, ol
{
font-size: 115%;
margin:0;
padding:0 25px;
line-height: 1.5em;
}

li
{
margin: 5px 15px;
padding:0;
}

ul.level2
{
font-size: 90%;
margin:0;
padding:0 15px;
}

.level2 li
{
padding:0 13px;

list-style-image:none;
list-style-position:outside;
list-style-type:none;
background:transparent url(../images/blk_rt10.gif) no-repeat scroll 0 8px;
}

cite
{
display:block;
/*color: #D1E4F5;*/
color: #fff;
font-style: normal;
font-weight:bold;
font-family: georgia, serif;
font-size:105%;
line-height: 1.2em;
}

.privacyquote
{
margin-left:10px;
color:#000;
font-style: italic;
font-weight:normal;
font-family: arial, sans-serif;
font-size:95%;
line-height: 1.2em;
}
.note
{
font-size: 85%;
font-style: normal;
font-weight:bold;

color:#707070;
}

.collage
{
display:block;
list-style: none; /* to remove bullet points */
float:left;
margin:0;
padding:0;
border:0;
line-height:0;
}

.collage li
{
float:left;
margin:0;
padding:0;
border:0;
}

.wrapper
{
float:left;
margin:0;
padding: 0 0 25px 0;
}

/* Declare default hyperlink properties */
a:link {color: #000}
a:visited {color: #4A4A4A}
a:hover {color: #96698E; text-decoration: none; /* To remove link underline */}
a:active {color: #966977}

dd a:hover, .box a:hover {color: #fff; text-decoration: none; /* To remove link underline */}

/* End Generic Classes */


/*---------------- Navbar -----------------*/

#nav
{
width: 100%;
float: left; /* nav is floated to enable background colour fill */
margin: 0;
padding: 0 0 2px;
background: #000;

line-height:1em;
list-style: none; /* to remove bullet points */
font-size: 150%;
font-weight:lighter;

}

#nav li
{
float: right; /* Taken out of the document's flow - nav must be floated too */
margin: 0;
padding: 0;
border:0;
font-family: urania_czech, arial, verdana, sans-serif;
}

#nav #t-home 
{
float: left;
}

#nav a
{
display:block; /* Make links and padding clickable areas */
text-decoration: none;
color: #FFFFFF;
margin:0;
padding: 10px 12px 8px 12px;
/*padding: 4px 12px 6px 12px;*/
margin-bottom:-2px;
background: transparent;
}

a#selected
{
color:#000;
background: #fff;
}


/* Declare navbar hyperlink properties */
#nav a:link {color: #FFFFFF;}

#nav a:hover 
	{
	color: #FFFFFF; background: #A1ABAE; /*border-bottom: 2px solid #E05E00*/;
	}
	
#nav a:active 
	{
	color: #000; background: #726996; /*border-bottom: 2px solid #FF7614*/;
	}

/* End navbar */


/* ---------------------- Page layout divs ----------------------*/

#container
{
width: 964px;
margin: 0 auto; /* Element is centred */
padding:0;
border:0;
}

#header
{
margin: 0;
padding:0;
border:0;
background:none;
}

#masthead
{
float:left;
}

#topcontainer
{
float:left;
margin:0;
padding:0;
border:0;
width:100%;
background: #fff url(../images/roundededge_bottom.gif) no-repeat bottom;
}

#left_sidebar
{
float: left; /* Two content columns use opposing float technique */
width: 40%;
border:0;
margin:0;
padding:0;
}

#right_content
{
float: right; /* Two content columns use opposing float technique */
width: 60%;
border:0;
margin:0;
padding:0;
}

#left_content
{
float: left; /* Two content columns use opposing float technique */
width: 60%;
border:0;
padding:0;
margin:0;
}

#right_sidebar
{
float: right; /* Two content columns use opposing float technique */
width: 40%;
border:0;
margin:0;
padding:0;
}

#leftcolumn_home
{
float: left; /* Two content columns use opposing float technique */
width: 514px;
border:0;
padding:0;
margin:0;
}

#rightcolumn_home
{
float: right; /* Two content columns use opposing float technique */
width: 450px;
border:0;
margin:0;
padding:0;
background:transparent;
}

.gutter
{
float:left;
padding:25px;
}

.box
{
background: #9DACAC url(../images/box-b-right.gif) no-repeat scroll right bottom;
}

.box h2, .box h3
{
margin:0;
padding:25px 18px 15px 18px;
background:transparent url(../images/box-t-left.gif) no-repeat scroll top left;
}

.box h3.nocorner
{

background:transparent;
}

.box p, .box_bottom
{
margin:0;
padding:0 25px 18px 25px;
}
/* end page layout divs */


/* --------------------- homepage ------------------- */


/* end homepage */

/* --------------------- portfolio page ------------------- */
.promo_list, .doc_list
{
background:transparent;
margin:0 8px;
padding:0;
}

.promo_list ul, .doc_list ul
{
background:transparent;
margin:-10px 20px 20px 20px;
padding:0;
}

.promo_list li, .doc_list li
{
background:transparent;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#television
{
display:block;
margin:0 auto;
}

object, param
{
position: relative;
top:0;
left:0;
z-index: 1;
padding:0;
margin:0 0 -243px 0;
border:0;
}

embed
{
position: relative;
top:-344px;
left:56px;
z-index: 1;
padding:0;
margin:0 0 -243px 0;
border:0;
}

#flash_help
{
clear:both;
width:60%;
margin:-30px auto 5px;
text-align:center;
font-size:80%;
}
/* end portfolio */

/* --------------------- promotional films page ------------------- */
.previous_clients
{
list-style: none; /* to remove bullet points */
float:left;
margin: 0;
padding:0;
}

.previous_clients li
{
float:left;
margin:1px;
padding:0;
border:0;
line-height:0;
}

.previous_clients a
{
display:block; /* Make links and padding clickable areas */
margin:0;
padding:0;
border:0;
}


.previous_clients_img
{
list-style: none; /* to remove bullet points */
float:left;
margin: 7px 8px 18px 8px;
padding:0;
border:0;
}

.previous_clients_img li
{
float:left;
margin:3px;
padding:0;
border:0;
line-height:0;
}

/* end promotional films page */




/* ------------------------ Documentary films page ------------------------- */

#collage_docfilms
{
margin:0;
border: solid 6px #698E96;
}

.collage_toprow
{
margin:0;
padding:0;
border-bottom: solid 4px #698E96;
}

/* ----------------------- Contact the team page ------------------------- */
#old_phone
{
margin:45px 35px 0 0;
}

dl
{
float:left;
width:420px;
margin:0 0 70px 25px;
padding:0;
display: inline;
background:#698E96;
}

dt 
{
float:left;
color: #fff;

font-family: "ocr a std", verdana, sans-serif;
font-weight: normal;
font-size: 120%;
letter-spacing:0.5px;

display: block;
margin: 0;
padding:15px 0 0 15px;
border:0; /* Null Values declared to remove rendering inconsistencies between IE and FireFox */
background:transparent url(../images/box-t-left.gif) no-repeat scroll left top;
}

dd
{
float:left;
display: block;
padding: 0 10px 8px 15px;
margin:0;
font-size: 110%;
line-height: 1.4em;
}

.mugshot img
{
position:relative;
top:-50px;
margin:0 0 -50px 0;

}

dd.mugshot
{
clear:none;
float:right;

padding: 0 10px 0 0;
line-height:0;
}

dd.longdesc
{

float:left;
padding: 5px 10px 15px 15px;
margin:0;
width:395px;
background:transparent url(../images/box-b-right.gif) no-repeat scroll right bottom;
}

/* End contact page modifications */


/* ----------------------- Accessibility Key Table ------------------------*/

table
{
margin:0;
padding:0;
font-size:120%;
border: 1px solid #B5B5B5;
border-collapse:collapse;
background:#FFF;
}

table caption
{
margin:0;
padding:5px;
font-size:110%;
font-weight:bold;
text-align:left;
border: 1px solid #B5B5B5;
border-bottom:none;
background:#FFF;
}

table th, table td
{
margin:0;
padding: 3px 15px;
border:0;
border-bottom:1px solid #B5B5B5;
text-align:left;
}

table th
{
background:#F2F2F2;
color:#696969;
}

table td.tablenumber
{
text-align:center;
}

/* End Accessibility Key Table */

/* End Centre Content */


/* --------------------Begin Bottom Content --------------------*/

#bottomcontainer
{
float:left;
width:100%;
background: #9DACAC url(../images/bottomcont_b-right.gif) no-repeat bottom right; /* Image creates illusion of rounded edges */
}

#bottomcontainer li
{
margin:0;
padding:0;
background:transparent;
list-style: none;
}

#bottomcontainer a:link {color: #000}
#bottomcontainer a:visited {color: #000}
#bottomcontainer a:hover {color: #FFFFFF; text-decoration: none; /* To remove link underline */}
#bottomcontainer a:active {color: #FFFFFF}


div#bottomcontainer .gutter 
{
margin:0;
padding:35px 35px 30px 35px;
background: transparent url(../images/bottomcont_b-left.gif) no-repeat bottom left; /* Image creates illusion of rounded edges */
}

div#bottomcontainer .box 
{

background:transparent;
}


#slogan
{
float: right;
width: 58%;
margin: 0;
padding:0;

color: #fff;
text-align: left;
}

#contact
{
float: left;
width:42%;
margin:0;
padding: 0;
}

li#contact_us
{
margin-bottom: 12px;
}

/* --------------------- Begin Site Info Content --------------------------- */

#footerlinks
{
clear:both;

width:100%;
margin:0;
padding:0;
text-align:left;
}

#footerlinks li
{

margin:0 8px 0 0;
padding:0;

display:inline;  /*To display list horizontally instead of vertically */
list-style: none; /* to remove bullet points */
line-height: 2em; 
}

#copymessage
{
margin:-50px 0 0 0;
padding:50px 0 0 0;

color: #000;
font-size: 90%;
text-align:left;

background: transparent url(../images/magnify_cow_sm.png) no-repeat bottom right;
}

/* End Site Info Content */
/* End Bottom Content */