/*
Title: CSS Optimised for Screen
Author: etalented.co.uk
Updated: July, 2006
*/

*, a, img {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	float: none;
}

html {
 min-width: 996px;
}
body {
 text-align: center;
 background-color: #fff;
 font: 71%/1.35 Arial, Helvetica, sans-serif;
 color: #333;
}

/* ~~~~ links ~~~~ */

a:link, a:visited {
 color: #A11D21;
}
a:hover {
 color: #4F1110;
	text-decoration: underline;
}
a:focus {
	outline: none;
}

/* ~~~~ common ~~~~ */

p, ul {
	margin-top: 0.8em;
}
div.clear {
	clear: both;
}
h2 {
	margin-right: 0.3em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #900;
	line-height: 1em;
}
h2 span {
	display: block;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1em;
}
div.title h2 {
 float: left;
	margin-right: 0.3em;
	margin-bottom: 6px;
}
h3 {
	padding-bottom: 5px;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	line-height: 1em;
}
div.title h3 {
	margin: 0 0 6px 0;
	padding: 0;
	border: 0;
	font-size: 1.5em;
}
h4 {
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	line-height: 1em;
}
table {
	font-size: 100%; /* for IE 5 */
}
table caption {
	display: none;
}
table th {
	padding-right: 9px;
	text-align: left;
	font-weight: bold;
	line-height: 1.5em;
	vertical-align: top;
}
acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}
address {
	font-style: normal;
	font-weight: normal;
}
label {
	line-height: 1.8em;
}
input, textarea {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
}
input:focus, textarea:focus {
	border: 1px solid #999;
	background-color: #fff;
}
input.frmButton {
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #ccc;
	color: #333;
 font-size: 1em;
	cursor: pointer;
}
input.frmButton:focus {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
input.error {
	border: 1px solid #600;
}

/* ~~~~ header ~~~~ */

#header {
 width: 996px;
 height: 77px;
	margin: 0 auto;
	text-align: left;
}
h1	{
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 31px;
	font-size: 1px;
}
#header p.access {
	float: right;
}
#header p.access a {
	color: #fff;
	font-size: 1px;
}

/* ~~~~ main menu ~~~~ */

#topBar	{
	height: 23px;
	background: url(/images/topbar_bg.gif) top left repeat-x;
}
ul#mainMenu	{
	position: relative;
	height: 23px;
	width: 996px;
	background: transparent url(/images/menu_bg.gif) top left no-repeat;
	margin: 0; /* false value for IE */
}
html>body ul#mainMenu {
	margin: 0 auto; /* correct false value */
}
ul#mainMenu li {
	position: absolute;
	top: 0;
	list-style: none;
}
ul#mainMenu li a {
	display: block;
	height: 19px;
	text-indent: -9999px;
	text-decoration: none;
}

/* menu items */

ul#mainMenu li.item1	{left: 101px; width: 58px;}
ul#mainMenu li.item2	{left: 161px; width: 76px;}
ul#mainMenu li.item3	{left: 237px; width: 70px;}
ul#mainMenu li.item4 {display: none; /*left: 307px; width: 83px;*/}/*hide download for launch*/
ul#mainMenu li.item5	{left: 307px;/*left: 390px;*/ width: 57px;}
ul#mainMenu li.item6	{left: 364px;/*left: 447px;*/ width: 57px;}
ul#mainMenu li.item7	{left: 421px;/*left: 504px;*/ width: 84px;}

/* highlight menu items */

ul#mainMenu li.item1 a:hover	{background: transparent url(/images/menu_bg.gif) -101px -24px no-repeat;}
/* item 2 has drop-down menu */
ul#mainMenu li.item2.over a, ul#mainMenu li.item2:hover a, ul#mainMenu li.item2 a:hover {background: transparent url(/images/menu_bg.gif) -161px -24px no-repeat;}
ul#mainMenu li.item3 a:hover {background: transparent url(/images/menu_bg.gif) -237px -24px no-repeat;}
/*ul#mainMenu li.item4 a:hover {background: transparent url(/images/menu_bg.gif) -307px -24px no-repeat;}*/
ul#mainMenu li.item5 a:hover {background: transparent url(/images/menu_bg.gif) -307px/*-390px*/ -24px no-repeat;}
ul#mainMenu li.item6 a:hover {background: transparent url(/images/menu_bg.gif) -364px/*-447px*/ -24px no-repeat;}
ul#mainMenu li.item7 a:hover {background: transparent url(/images/menu_bg.gif) -421px/*-504px*/ -24px no-repeat;}

/* ~~~~ drop menu ~~~~ */

ul#mainMenu li ul#subMenu {
	display: none;
	position: absolute;
	z-index: 20;
	top: 19px;
	left: -2px;
	width: 15em;
	margin: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #fff;
	text-align: left;
}
ul#mainMenu li ul#subMenu li {
	position: static;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.8em;
	display: inline; /* fix extra spacing in IE */
}
ul#mainMenu li ul#subMenu li a {
	display: block;
	height: auto;
	padding-left: 12px;
	background: url(/images/list_arrow.gif) no-repeat 5px .7em;
	text-indent: 0;
}
ul#mainMenu li ul#subMenu li a:hover {
	padding-left: 13px;
	background-color: #efefef;
	background-position: 6px .7em;
}
ul#mainMenu li:hover ul#subMenu, ul#mainMenu li.over ul#subMenu {
	display: block;
}

/* ~~~~ wrapper ~~~~ */

#wrapper {
 width: 996px;
	margin: 0 auto;
	text-align: left;
}

/* ~~~~ bread crumb ~~~~ */

#breadCrumb {
	margin: 6px 0 0 125px;
}
#breadCrumb p {
	margin: 0;
	padding: 0;
	line-height: 1em;
	color: #666;
}

/* ~~~~ side bar ~~~~ */

#sideBar {
	float: left;
	width: 135px;
	margin-top: 16px;
	margin-left: 1px;
}
#sideBar a {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
#sideBar .title {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #900;
	line-height: 0.8em;
}
#sideBar ul {
	margin: 5px 0 12px 0;
}
#sideBar ul li {
	list-style: none;
	line-height: 1.5em;
}
#sideBar ul li a {
	display: block;
	padding-left: 7px;
	background: transparent url(/images/list_arrow.gif) no-repeat 0 .55em;
}
#sideBar ul li a:hover, #sideBar ul li a.selected {
	padding-left: 8px;
	background-color: #EBCCCC;
	background-position: 1px .55em;
	text-decoration: none;
}
#sideBar ul li ul {
	margin: 2px 0 3px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #EBCCCC;
}
#sideBar ul li ul li a {
	padding-left: 13px;
	background: url(/images/list_arrow.gif) no-repeat 6px .55em;
}
#sideBar ul li ul li a:hover, #sideBar ul li ul li a.selected {
	padding-left: 14px;
	background-position: 7px .55em;
}

/* ~~~~ main content ~~~~ */

#mainContent {
	float: right;
	width: 834px;
	margin-top: 14px;
	margin-bottom: 15px;
}

/* sections */

#mainContent .section1 {
	width: 640px;
	clear: both;
	float: left;
}
#mainContent .section2 {
	width: 177px;
	float: left;
}
* html #mainContent .section2 {
	float: none;
	margin-left: 640px;
}

/* sub sections */

#mainContent ul#subSections {
	margin: 0;
}
#mainContent ul#subSections li {
	text-indent: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#mainContent ul#subSections li.item1 {
	clear: both;
	float: left;
}
#mainContent ul#subSections li.item2, #mainContent ul#subSections li.item3, #mainContent ul#subSections li.item4, 
#mainContent ul#subSections li.item5, #mainContent ul#subSections li.item6, #mainContent ul#subSections li.item7 {
	clear: none;
	float: left;
	margin-bottom: 2px;
	_margin-bottom: 3px; /* for IE */
	margin-left: 3px;
	display: inline;
}
#mainContent ul#subSections.items2 li {
	width: 415px;
	height: 439px;
}
#mainContent ul#subSections.items4 li {
	width: 206px;
	height: 440px;
}
#mainContent ul#subSections.items5 li {
	width: 164px;
	height: 439px;
}
#mainContent ul#subSections.items7 li.item1 {
	width: 415px;
	height: 439px;
	_height: 438px; /* for IE */
}
#mainContent ul#subSections.items7 li {
	width: 206px;
	height: 145px;
	_height: 144px; /* for IE */
}
ul#subSections div.caption {
	position: relative;
	height: 100%;
}
ul#subSections div.caption div.bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #ccc;
	opacity: .70; /* for Gecko */
	filter: alpha(opacity=70); /* for IE */
}
ul#subSections div.caption p {
	/*margin: 4px 0 4px 10px;*/
	margin: 0;
}
ul#subSections div.caption a {
	display: block;
	padding: 4px 0 4px 17px;
	line-height: 1.5em;
	background: transparent url(/images/list_arrow.gif) no-repeat 10px .85em;
}
ul#subSections div.caption a:link, ul#subSections div.caption a:visited {
	color: #000;
}
ul#subSections div.caption a:hover {
	line-height: 1.5em;
}

#mainContent ul li {
	background: transparent url(/images/list_square.gif) no-repeat 0 .59em;
	text-indent: 8px;
	line-height: 1.5em;
}
#mainContent ul.arrows li {	
	padding-left: 7px;
	background: transparent url(/images/list_arrow.gif) no-repeat 0 .5em;
	text-indent: 0;
}
#mainContent li.pdf {
	padding-left: 21px;
	background: transparent url(/images/icons/pdf.jpg) no-repeat 0 .45em;
	line-height: 2.4em;
	text-indent: 0;
}
#mainContent dt {
	margin-top: 6px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #900;
}
#mainContent dd {
	margin-left: 2px;
	line-height: 1.4em;
}
#mainContent img.right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
#mainContent img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#mainContent img.border {
	padding: 1px;
	border: 1px solid #ccc;
}
#centralImage {
	clear: left;
	margin-bottom: 5px;
}
#centralImage .image img {
	display: block;
}
#centralImage .footer {	
	background-color: #efefef;
	color: #333;
	padding: 2px 0 2px 4px;
}
#centralImage .footer p {
	margin: 0;
}
#thumbnails {
	height: 500px;
}
#thumbnails ul {
	width: 165px;
	margin-top: 0;
	margin-left: 11px;
	list-style: none;
}
#thumbnails ul li {
	float: left;
	background: none;
	line-height: 0px;
	text-indent: 0;
}
#thumbnails ul li a {
	display: block;
	margin: 0 3px 3px 0;
	background-color: #efefef;
}
#thumbnails ul li a img {
	opacity: .35; /* for Gecko */
	filter: alpha(opacity=40); /* for IE */
}
#thumbnails li a:hover img, #thumbnails ul li a img.selected {
	opacity: .99; /* for Gecko */
	filter: alpha(opacity=99); /* for IE */
} 

/* homepage */

#home #wrapper {
	margin-top: 0;
}
#home #mainContent .section2 {
	margin-left: 15px;
}
#home #mainContent .section2 .block {
	margin-bottom: 17px;
}
#home #mainContent .section2 p {
	margin: 0.3em 0 0 0;
}
#home #mainContent .section2 h3 {
	padding: 0;
	margin: 6px 0 3px 0;
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}
#home #mainContent .section2 h3 span {
	display: block;
	margin: 6px 0 4px 0;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1em;
}

/* company */

ul.clientList {
	margin-right: 20px;
}

/* projects */

table.projectHighlights {
	float: left;
	margin-top: 1em;
}
div.projectProfileLink {
	float: right;
}
div.projectProfileLink p {
	margin: 0;
}
div.projectProfileLink a {
	padding-left: 7px;
	background: transparent url(/images/list_arrow.gif) no-repeat 0 0.45em;
}
div.projectSubLinks {
	clear: left;
	float: left;
	margin-left: 11px;
}
div.projectSubLinks dl dt, div#projectsList dt {
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 0.2em;
	margin-bottom: 2px;
	border-bottom: 1px solid #333;
	font-weight: bold;
	color: #900;
}
div.projectSubLinks dd, div#projectsList dd {
	margin: 0 0 0.8em 2px;
}
div.projectSubLinks ul {
	margin: 0;
}
div#projectsList dl.item1 {
	width: 415px;
	float: left;
	margin-right: 3px;
}
div#projectsList dl.item2 {
	width: 206px;
	float: left;
	margin-right: 3px;
}
div#projectsList dl.item3 {
	width: 206px;
	float: left;
}

/* video */

#moviePlayer {
	width: 400px;
	margin-top: 1em;
}
#moviePlayer .control {
	margin-bottom: 1px;
	padding: 5px 8px;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
}
#moviePlayer .control ul {
	margin: 0;
}
#moviePlayer .control ul li.item1 {
	float: left;
	margin-right: 10px;
}

/* contact us */

table#contactDetails td {
	padding: 2px;
}
form#contactForm {
	margin-top: 10px
}
form#contactForm table th {
	vertical-align: top;
}
form#contactForm table td {
	padding: 2px;
}
form#contactForm input {
	width: 19em;
}
form#contactForm textarea {
	width: 19em;
	height: 10em;
}
form#contactForm input.frmButton {
	width: auto;
}
dl.errors dd {
	margin: 0 0 0 2px;
	padding: 0 0 0 7px;
	background: transparent url(/images/list_square.gif) no-repeat 0 0.45em;
}
#map {
	width: 700px;
	height: 350px;
	margin: 0.8em 0 0.8em 0;
	border: 1px solid #ccc;
}

/* ~~~~ footer ~~~~ */

#footer {
	clear: both;
	border-top: 1px solid #999;
	color: #999;
}
#footerContent {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}
#footerContent ul	{
	margin: 0.5em 0 0 160px;
}
#footerContent ul li {
	float: left;
	margin: 0 10px 0.5em 0;
	list-style: none;
}
#footerContent p {
	clear: both;
	margin: 0.5em 0 0.5em 160px;
}