/* -- © 2006 Quba New Media Ltd -- */
/* -- XHTML / CSS by David Cooper at Quba New Media Ltd http://www.quba.co.uk -- */

/* -- GLOBAL STYLES -- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote { 
margin:0; 
padding:0; 
border:0;}

body {
font-size:62.5%; 
text-align:center;
font-family:Arial, Helvetica, sans-serif;}

#sitewrapper {
width:740px;
text-align:left;
margin:auto;
padding:20px;}

/* -- GENERAL STYLES*/
.clear {
clear:both;}

.bold {
font-weight:bold;}

.floatright {
float:right;}

/* -- TOP NAVIGATION STYLES -- */
#mainNavRight li {
display:inline;
margin:0 0 0 15px;}

#mainNavRight li a:hover {
text-decoration:underline;}

#mainNavRight {
float:right;
display:inline;
margin:20px -20px 0 0;}

#mainNavRight li a {
color:#0B3370;
font-size:1.1em;
text-decoration:none;}

ul#mainNavLeft {
float:left;}

ul#mainNavLeft li {
position: relative;
display:inline;}

ul#mainNavLeft li a {
color:#0B3370;
font-weight:bold;
font-size:1.1em;
text-decoration:none;
margin:0 25px 0 0;}
	
ul#mainNavLeft li ul, ul#mainNavLeft li ul#productionFacilitiesMenu {
position:absolute;
top:-5px;
display:none;
background:url(../../images/layout/trans1x1.png);
padding:15px 0 0 0;}

ul#mainNavLeft li ul#productionFacilitiesMenu {
left:0px;}
	
ul#mainNavLeft li ul li, ul#mainNavLeft li ul#productionFacilitiesMenu li {
background:url(../../images/layout/tripodarrow.gif) no-repeat left;
padding:2px 0 2px 15px;
margin:0 0 0 10px;
display:block;}

ul#mainNavLeft li ul li a, ul#mainNavLeft li ul#productionFacilitiesMenu li a {
font-size:0.9em;}

ul#mainNavLeft li ul li a:hover, ul#mainNavLeft li ul#productionFacilitiesMenu li a:hover {
text-decoration:underline;}
		
ul#mainNavLeft li:hover ul, ul#mainNavLeft li:hover ul#productionFacilitiesMenu,
ul#mainNavLeft li.over ul, ul#mainNavLeft li.over ul#productionFacilitiesMenu {
display: block;}

/* -- HOMEPAGE BANNER STYLES-- */
#homebannertopcurve {
background:url(../../images/layout/homebannertopcurve.gif) no-repeat;
width:759px;
height:7px;
margin:10px 0 0 0;}

#homepagebannermain {
background:#0B3370 url(../../images/layout/homepagebannermain.jpg) no-repeat left;
width:759px;
height:230px;
color:#fff;}

#homepagebannermain h1 {
font-size:1.3em;
margin:0 0 0 455px;
padding:20px 0 0 0;}

#homepagebannermain p {
font-size:1.2em;
margin:15px 10px 0 455px;}

#homepagebannermain p.bannermotto {
font-size:18px;
font-weight:bolder;
margin-top:12px; }

#homebannerbottom {
background:url(../../images/layout/homebannerbottom.gif) no-repeat;
width:759px;
height:5px;}

/* -- STEPDOWN PAGE BANNER -- */
#stepdownpagebanner {
background:url(../../images/layout/stepdownpagebanner.jpg) no-repeat;
width:759px;
height:101px;
margin:10px 0 0 0;} /* win MSIE hack */ * html #stepdownpagebanner { margin:-10px 0 0 0; }

#stepdownpagebannerAlt {
background:url(../../images/layout/stepdownpagebannerAlt.jpg) no-repeat;
width:759px;
height:101px;
margin:10px 0 0 0;}

/* -- BREADCRUMB TRAIL STYLES -- */
#breadcrumbtrail {
background:url(../../images/layout/dottedbreak2.gif) repeat-x bottom left;
width:759px;
margin:10px 0 15px 0;
padding:0 0 15px 0;
color:#939394;}

#breadcrumbtrail h2 {
font-size:1.1em;
font-weight:bold;
float:left;}

#breadcrumbtrail ul {
margin:0 0 0 137px;}

#breadcrumbtrail ul li {
list-style-type:none;
display:inline;
margin:0 10px 0 0;
color:#939394;
font-size:.9em;}

#breadcrumbtrail ul li a {
color:#939394;
text-decoration:none;}

#breadcrumbtrail ul li a:hover {
text-decoration:underline;}

/* -- LEFT NAVIGATION STYLES -- */
#leftNavigation {
width:120px;
height:1px;
float:left;
margin:0 9px 0 0; }

#leftNavigation ul {
margin:-4px 0 0 0;}

#leftNavigation ul li {
background:url(../../images/layout/tripodarrow.gif) no-repeat left;
padding:4px 0 4px 15px;
list-style-type:none;}

#leftNavigation ul li a {
font-weight:bold;
font-size:1.1em;
color:#0B3370;
text-decoration:none;}

#leftNavigation ul li a:hover {
text-decoration:underline;}

/* -- PAGE CONTENT STYLES -- */
#homecontent {
float:left;
margin:0 0 0 10px;
color:#0B3370;}

#content 
{
float:left;
width:435px;
margin:0 20px 0 10px;
color:#0B3370;}

#content h1 {
font-size:1.4em;
color:#0B3370;}

#content h2 {
font-size:1.3em;
color:#0B3370;
margin:15px 0;
}

#content h3 {
font-size:1.2em;
color:#0B3370;
margin:3px 0;}

#content label {
font-size:1.2em;}

#homecontent p, #content p, ul {
margin:20px 0 0 0;
font-size:1.2em;}

#homecontent p, #content p { line-height:1.4em;} 

#content ul {
margin:20px 0 0 16px;}

#content ul li {
margin:0 0 5px 16px;}

#content table {
margin:10px 0 20px 0;
width:100%;}

#content table tr {
background-color:#F3F3F3;}

#content table tr.alt {
background-color:#CCCCCC;}

#content table tr th {
font-weight:bold;
padding:5px 5px 5px 10px;}

#content table tr td {
padding:5px 5px 5px 10px;
vertical-align:top;}

input, textarea {
width:320px;
font-size:1.2em;
font-family:Arial;}

input.button {
width:100px;}

#content table#contactform {
margin:10px 20px 0 0;}

#content table#contactform input, #content table#contactform textarea {
width:300px;}

#content table#contactform input.button {
width:150px;}

legend {
display:none;}

/* -- RIGHT COLUMN STYLES -- */
#rightColumn {
width:140px;
float:left;}

#rightColumn p {
font-size:1.2em;
color:#0B3370;
width:150px;
margin:0 0 10px 0;}

#rightColumn img {
margin:0 0 10px 0;}

/* -- FOOTER STYLES -- */
#footer {
background:url(../../images/layout/dottedbreak2.gif) repeat-x;
width:759px;
margin:30px 0 0 0;
padding:15px 0 0 0;
color:#0B3370;
font-size:1.2em;}

#footer a {
color:#0B3370;}

#footer a:hover {
text-decoration:none;}

ul.theteam li
{
	list-style-type:none;
	float:left;
	text-align:center;
	width:160px;
	padding-right:20px;
	padding-bottom:10px;
}

#formNotSent td {
vertical-align:top;}

#content p.error {
color:#CC0000;
margin:0;}

.mandatory {
color:Red;}