/* CSS recreated May 2008 */

/* 	Site colours:
	blue-grey - #778899;
	light blue grey - #455473;
	Light Grey - #E8E8E8;
	Orange - #FF5500;
	Burnt Orange - #B33B00;
	Yellow - #E68033;
*/

body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
	
#container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	}
	
#logo {
	width: 780px;
	height: 110px;
	background: url(../images/logo_top.gif) no-repeat;	
	}
	
#logo .img-replace {
	background: url(../images/logo_top.gif) no-repeat;
 	}
	
#logo h1 {
  	margin: 0;
  	}
	
#logo h2 {
 	margin-bottom: 0;
  	}	

#leftcontent {
	width: 175px;
	float: left;
	clear: none;
	}	
	
#navigation {
	width: 175px;
	height: 310px;
	background: url(../images/navbak.jpg) no-repeat;
	}
	
#navigation ul {
	list-style: none;
	line-height: 170%;
	margin: 0px;
	padding: 0px;
	}
	
#navigation li {
	height:	28px;
	display: block;
	background: url(../images/arrow.gif) no-repeat 10px 50%;
	padding-top: 10px;
	border-bottom: solid 1px #FFFFFF;
	vertical-align: text-bottom;
	}

#navigation a {
	font-size: 11px;
	font-weight: bold;
	color: #E8E8E8;
	text-decoration: none;
	padding-left: 20px;
	}		
		
#navigation li a:hover {
	color: #B33B00;
	text-decoration: none;
	}
	
/* Home page style */

#home_content	{
	width: 570px;
	height: 260px;
	background: url(../images/content_bak.gif) repeat-y;
	float: left;
	margin-top: 10px;	
	}	

#home_textbox {
	width: 330px;
	height: 220px;
	float: left;
	clear: none;
	}	
	
#home_graphicbox {
	width: 199px;
	height: 260px;
	text-align: right;
	float: left;
	clear: none;	
	}
	
.reel_graphic {
	width: 189px;
	height: 119px;
	border-bottom: solid 1px #FFFFFF;
	padding: 5px;	
	}
	
.contact_graphic {
	width: 189px;
	height: 120px;
	padding: 5px;	
	}
	
#news_section {
	width: 570px;
	background: url(../images/news_bak.gif) repeat-y;
	float: left;
	clear: none;
	margin-top: 1px;
	overflow: auto;
	}
	
#news_section .links {
	width: 180px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	clear: none;	
	}
	
#news_section .links .txt {
	font-size: 10px;
	line-height: 100%;
	color: #FFFFFF;
	display: block;
	padding: 0px;
	margin: 0px 12px 0px 10px;
	}	
	
#news_section .links ul	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#news_section .links li {
	vertical-align: text-bottom;
	margin: 0px;
	padding: 0px;	
	}
 
#news_section .links a {
	height: 25px;
    color: #455473;
	background: url(../images/arrow.gif) no-repeat right;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	padding-right: 12px;
	}
  
#news_section .links a:hover {
	color: #A5B8DD;
	}
	
/* The news section */
	
#news_section .contentbox {
	width: 330px;
	float: left;
	clear: none;
	padding: 20px;
	display: inline;
	}					
  
#news_section .contentbox img {
  	border: 1px solid #FFFFFF;
  	float: left;
  	margin-bottom: 20px;
  	margin-right: 10px;
  	}
  
#news_section .contentbox h2 {
  	margin-top: 0px;
  	font-size: 110%;
  	}
  
#news_section .contentbox p {
	color: #A1A1A1;
	font-size: 93%;
  	margin-top: 0px;
  	}
	
#news_section a {
	color: #E8E8E8;
	text-decoration: none;
  }
  
#news_section a:hover {
	color: #A5B8DD;
	text-decoration: none;
	}	
  
.clear {
  	clear: both;
  	}
	
.view {
	font-size: 110%;
	font-weight: bold;
	background: url(../images/arrow.gif) no-repeat 0 50%;
	padding-left: 12px;	
	}	
	
/* End News section */

/* End Home page style */	
	
#leftcontentbox {
	width: 175px;
	margin-top: 10px;
	}
	
#main {
	width: 570px;
	float: left;
	clear: none;
	margin-left: 35px;
	display: inline;
	}
	
#pagegraphic {
	width: 570px;
	height: 240px;
	background: url(../images/image_bak.gif) no-repeat;
	}
	
#content	{
	width: 570px;
	background: url(../images/content_bak.gif) repeat-y;
	float: left;
	clear: none;
	margin-top: 10px;	
	}	

#textbox {
	width: 370px;
	height: 380px;
	float: left;
	clear: none;
	}
	
#textbox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}	
	
#textbox li a:link{
	background: url(../images/arrow.gif) no-repeat 0px 3px;
	padding-left: 12px;
	}		
	
#graphicbox {
	width: 200px;
	height: 380px;
	text-align: right;
	float: left;
	clear: none;	
	}
	
#graphicbox .reel {
	width: 190px;
	height: 179px;
	text-align: right;
	border-bottom: solid 1px #FFFFFF;	
	padding: 5px;
	display:block;
	}
	
#graphicbox .contact {
	width: 190px;
	height: 180px;
	text-align: right;
	padding: 5px;	
	display:block;
	}

#textbox {
	width: 330px;
	height: 340px;
	float: left;
	clear: none;
	display: block;
	overflow: auto;
	}
	
#textbox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}	
	
#textbox li a{
	background: url(../images/arrow.gif) no-repeat 0px 3px;
	padding-left: 12px;
	}	
	
.text {
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 170%;
	color: #FFFFFF;
	padding: 20px;
	}
	
.text2 {
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 150%;
	color: #FFFFFF;
	padding: 20px;	
	}	
	
.link {
	font-size: 11px;
	color: #455473;
	font-weight: bold;
	text-decoration: none;
	}	
	
a:hover {
	color: #B33B00;
	}
	
#blank {
	width: 175px;
	height: 308px;
	background: url(../images/solid_logo.gif) no-repeat bottom;
	}
	
.bold {
	font-size: 12px;
	font-weight: bold;	
	}
	
#showreel {
	width: 370px;
	height: 380px;
	float: left;
	clear: none;
	display: block;
	background-color: #778899;
	}
	
#instructions {
	width: 161px;
	height: 154px;
	float: left;
	background: url(../images/instructions.gif) no-repeat;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 160%;
	color: #FFFFFF;
	text-align: right;
	padding: 26px 20px 10px 18px;
	border-bottom: solid 1px #FFFFFF;
	display:block;
	}		
	
#flashviewer {
	width: 370px;
	height: 377px;
	margin: 0px;
	padding: 0px;
	}	
	
.clients {
	font-size: 11px;
	font-weight: bold;
	color: #455473; 
	}

#login {
	width: 167px;
	height: 129px;
	background: url(../images/client_bak.jpg) no-repeat;
	background-repeat: no-repeat;
	border: solid 1px #778899;
	padding: 33px 0px 7px 5px;
	}
	
.form {
	font-size: 12px;
	color: #778899;
	background: url(../images/form_back.jpg) repeat-x;
	border: 1px solid #778899;
	margin: 1px;
	padding-left: 5px;
	}
	
form p {
	clear: left;
	margin: 1px;
	padding: 1px;
	}		
	
form p label {
	font-size: 10px;
	color: #778899;
	font-weight:bold;
	float: left;
	width: 33%;
	}	
	
.button {
	font-size: 11px;
	color: #778899;
	background-color: #F4F7FA;
	border: 1px solid #778899;
	padding: 2px;
	margin: 10px 0px;
	font-weight: bold;
	cursor: pointer;
	}
	
.status {
	font-size: 9px;
	color: #B30000;
	font-weight: bold;
	text-align: center;
	}
	
.address {
	width: 163px;
	background:url(../images/address_bak.jpg) no-repeat;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 200%;
	font-weight:bold;
	color: #778899;
	padding: 25px 0px 10px 10px;
	border: solid 1px #778899;
	margin-top: 10px;
	}		
	
#copyright {
	height: 30px;
	width: 780px;
	clear: both;
	}	
		
.credits {
	font-size: 9px;
	font-weight: bold;
	color: #BFBFBF;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	}		
	
/* Pagernation */

.pagernation {
	font-size: 12px;
  	color: #FFFFFF;
  	list-style-type: none;
  	float: right;
  	}

.pagernation li {
	font-size: 12px;
 	float: left;
  	padding: 2px;
  	}