/***
 * COLOUR PALETTE
 * ********************
 * BLACK: #000;
 * ORANGE: #DE6200;
 *
 */

/* ******** FONT STACK ******** */

html, textarea
{
	/* Body text */
	font-family: Arial, Verdana, sans-serif;
}

#header, h1, h2, h3, h4, h5, h6
{
	/* Header text */
	font-family: Calibri, Arial, Verdana, sans-serif;
}
div#main h3 {font-style:italic;}

/* ******** SPRITE SHEETS  ******** */

#search, #search .submit {
	background-image:url(/images/layout/sprite.png);
	background-repeat:no-repeat;
}

/* ***************************** */

html {
	background-color:#e3e1e2;
	background-repeat:repeat-x;
	background-position:0 -657px;
}

body {
	background-color:#e3e1e2;
	background-repeat:repeat-x;
	background-position:0 -657px;
	font-size: 75%;
}

#wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:2;
}

#minHeight{
	min-height:225px;
}

.ie6hide {
	_display:none;
}

#footer {
	background-color:#000;
	background-position:660px -415px;
	overflow:hidden;
}

#copyright {
	overflow:hidden;
	color:#FFF;
	line-height:25px;
	margin:0 10px;
}

#copyright a {
	color: #FFF;
}

.paddingTop{
	padding-top:20px;
}

#articleBody{
	clear:both;
	padding:20px 0px;
	overflow:hidden;
}

#articleBody #side div{
	display: block;
	background: url("/images/clients/client_hover.png") no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/clients/client_hover.png', sizingMethod='scale');
	padding: 8px;
	width: 144px;
	height: 84px;
	overflow: hidden;
	text-align: center;
}

#headertop {
	width: 1178px;
	background-image: url("/images/layout/headertop_stripe.png");
	background-repeat: repeat-y;
}

#header {
	margin-top: 60px;
	overflow:hidden;
}

#banner {
	font-size:0;
	overflow:hidden;
	float:none;
	clear:both;
}

#banner img {
	float: left;
}

#content {
	background: #FFF;
	overflow:visible;
	line-height: 1.6em;
	margin: 0 auto;
	padding: 1em 0 1em;
}

#contentLeft {
	width: 20%;
	float: left;
}

#contentRight {
	width: 79%;
	float: right;
	overflow: hidden;
}

#contentWide {
	width: 99%;
	float: right;
	overflow: hidden;
}

#search {
	float: right;
	height: 22px;
	margin: 0 1em 1em 0;
	overflow: hidden;
	background-position:0 -605px;
}
	#search input.text {
		border: 0;
		cursor: text;
		float: left;
		width: 141px;
		padding-left: 5px;
		margin-top:4px;
	}
	#search input.submit {
		background-position:-160px -605px;
		border: 0;
		display: block;
		cursor: pointer;
		float: left;
		line-height: 0;
		height: 22px;
		margin: 0;
		padding: 0;
		text-indent: -2000em;
		width: 60px;
		overflow: hidden;
		outline: 0;
	}
		#search input.submit:hover {
			background-position:-160px -630px;
		}
		#search input.submit:active {
			outline: 0;
			background-position /*\**/: 1px 1px\9
		}

div#contact {
	padding: 10px 0;
	font-size: 1em;
	color:#FFF;
	line-height:15px;
}

#carousel-flash-wrap{
	height: 320px;
}

#carousel-flash {
	width: 860px;
	height: 320px;
}

a {
	color:#de6200;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1 {
	font-size: 2.9em;
	margin: 0 0 8px;
	padding:0 0 16px;
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
}

h1.grid_10 {
	line-height: 1em;
}

.h1Neg{
	text-align:right;
	margin-top:-3.9em;
}

h2 {
	margin: 0.5em 0;
	font-size: 2em;
}

h2 a{
	font-size:inherit;
}

h1.header_right,
h2.header_right,
h3.header_right,
h4.header_right,
h5.header_right,
h6.header_right {
	text-align: right;
}

hr {
	height: 3px;
	border: 0 !important;
	border: 3px solid #eee;
	background: url('/images/layout/hr.gif');
}

p, h4 {
	margin: 0 0 10px;
}

span.orange {
	color: #DE6200;
	font-weight:bold;
}

.sidebar p {
	font-size: 0.8em;
}

ul {
	list-style-type: square;
	list-style-position: outside;
	padding-left:25px;
	margin:10px 0px;
}

#sidepanel {
	text-align: right;
}

div.side h2 {
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
	font-size: 1.2em;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

.relatednews {
	font-size: 1.2em;
	margin: 0 0 0.833em;
}

#contact p {
	margin: 5px;
}

/* clients */

#clientdetail #main .title {
	font-size: 2em;
	margin: 0.5em 0;
}

#clientdetail #side,
#servicedetail #side,
#productdetail #side {
	text-align: right;
}

#clientdetail li.project,
#servicedetail li.project,
#productdetail li.project {
	float: right;
	clear: right;
	margin: 0.5em 0;
}

#clientdetail .relatedNews {
	font-size: 1.333333em;
	margin: 0 0 1em;
}

#clientmenu .clients {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

	#clientmenu .clients li {
		display: block;
		float: left;
		margin: 1px;
		width: 160px;
		height: 100px;
	}

	#clientmenu .clients li a {
		display: block;
		background: url("/images/clients/client.png") no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/clients/client.png', sizingMethod='scale');
		padding: 8px;
		width: 144px;
		height: 84px;
		overflow: hidden;
		text-align: center;
	}

	#clientmenu .clients li a:hover {
		cursor: hand;
		cursor: pointer;
		background: url("/images/clients/client_hover.png") no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/clients/client_hover.png', sizingMethod='scale');
	} 

/* home */

#homepage {
	margin: 2em 0 1em;
	float: none;
	clear: both;
	width: 100%;
}

#homepage h2 {
	font-size: 1.8em;
	margin:0;
	padding:0 0 16px;
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
}

#homepage a{
	font-weight:bold;
}

.rollListInline{
	float:right;
}

.right{
	float:right;
}

.arrowLink{
	padding-right:20px;
	background: transparent url('/images/link/arrows.png') no-repeat right bottom;
}

.arrowLinkLeft{
	padding-left:20px;
	background: transparent url('/images/link/arrows_right.png') no-repeat left bottom;
}

.homeList{
	padding:0px 0px 10px 0px;
}

#HomePageLeft .homeList {
	height:192px;
}

#HomePageRight .homeList {
	height:319px;
}

.rollList{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

.rollList li{
	padding: 2px 0px;
	position:relative;
	width:100%;
}

.homeList .productList p {
	border-bottom: 1px dotted #CCCCCC;
	line-height:1.3em;
}

.rollList a{
	padding:0px 0px 0px 22px;
	display:block;
	color:#686868;
	font-weight:bold;
	background: transparent url('/images/rollover/rolllist.gif') no-repeat 0px 0px;
}

.rollList a:hover{
	color:#e56f00;
	text-decoration:none;
	background-position:0px -81px;
	
}

.rollList p {
	margin:0 0 0 22px;
	padding:0 0 5px;
}

.news{
	
}

.newslist{
	list-style:none;
	margin:0;
	padding:10px 0px 0px 0px;
	line-height:1.3em;
}

.newslist li{
	margin:5px 0px 13px 0px;
	background: transparent url('/images/panel/news_box_bottom.png') no-repeat left bottom;
	width:312px;
	overflow:hidden;
	cursor:pointer;
	min-height:84px;
}

.newslist .wrap{
	width:312px;
	overflow:hidden;
	background: transparent url('/images/panel/news_box.png') no-repeat 0px 0px;
}

.newslist li img{
	float:left;
	padding:5px;
}

.newslist li .newsPanelContent{
	float:left;
	width:175px;
   	padding:5px;		
}

.newslist li .date{
	font-size:0.8em;
	color:#7b7b7b;
	padding:0;
	margin:0;
}

.newslist li a{
	font-weight:bold;
	text-decoration:none;
}
.newslist li a:hover{
	text-decoration:none;
}

.push5{
	padding-right:5%;
}
.col55{
	display:inline;
	width:55%;
	float:left;
	position:relative;
}

.col40{
	display:inline;
	width:39%; 
	float:left;
	position:relative;
}


#HomePageLeft{
	display:inline;
	width:530px;
	float:left;
	position:relative;	
	margin-left: 20px;
	margin-right: 10px;
	padding:0px 0px 00px 0px;
}

#HomePageRight{
	display:inline;
	width:260px;
	float:left;
	position:relative;
	margin-left: 20px;
	margin-right: 20px;
	padding:0px 0px 00px 0px;
}

/* about */

#aboutpage #contactpanel div.details {
	font-size: 0.83333333333333333333333em;
}

/* products */

#productmenu #contactpanel div.details {
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
	margin: 0 0 8px;
}

/* all */

#productdetail #side #logo {
	margin-top:-80px;
	margin-bottom:10px;
	float:right;
	*width:100%;
}

#clientdetail #side #logo {
	margin-bottom:10px;
}

#side h3 {
	font-size: 1.2em;
	margin: 0 0 8px;
	padding: 0 8px 8px;
	background: url("/images/layout/hr.gif") repeat-x left bottom;
	text-align:center;
}

/* vacancy */


.vacancyList th {
	width: 120px !important;
	text-align:right;
}

.vacancyList td, .vacancyList th {
	padding:5px;
}

.vacancyList .text {
	width:550px !important;
}
.vacancyList .related {
	width:225px !important;
}

.numvacancies {
	color: #DE6200;
}

/* NEWS */

.newsList{
	list-style:none;
	padding:0;margin:0;
}

.newsList li {
	overflow:hidden;
	margin: 0 0 10px 0;
	padding:0;
	background: transparent url('/images/news/articleheader.gif') no-repeat top left;
}


.simple li {
	background:none;
	padding:5px;
}

.newsList .newsArticle{
	margin:25px 0 0 24px;
	border: 1px solid #EBEBEB;
}

.newsList .corner{
	position:relative;
	top:-1px;
	left:-1px;
	width:5px;
	height:4px;
	background: transparent url('/images/news/articleheader_inside.gif') no-repeat top left;
}

.newsList .icon{
	position:relative;
	float:left;
	margin:6px 10px 10px;
}

.newsList .header{
	position:relative;
	float:right;
	width:416px;
	margin:0 10px 0 0;
}

.newsList .article{
	float:right;
	width:416px;
	margin:0 10px 0 0;
	padding: 10px 0 0 0;
	background: transparent url('/images/layout/hr.gif') repeat-x left top;
}

.newsList .footer {
	clear:both;
	background: transparent url('/images/news/articlefooter.gif') no-repeat top left;
	height:52px;
	width:100%:
	margin:0px;
	position:relative;
}

.newsList .small {
	background: transparent url('/images/news/articlefooter_small.gif') no-repeat top left;
}

.newsList .share, .newsList .topLink {
	position:relative;
	margin:16px 10px;
}

.newsList .footer .share{
	width:160px;
	float:right;
	color:#959595;
	font-style:italic;
}

.newsList .footer .share .text{
	float:left;
	margin-right:5px;
}

.newsList .footer .share a{
	float:left;
}

.newsList .footer .share .at15t_compact{
	margin:0;
}

.newsList .footer .topLink{
	float:left;
}

.newsList .date, .newsList .fulldate{
	color:#707070;
	font-style:italic;
}

.newsList .fulldate{
	margin:10px;
}

.newsList h2 {
	padding:0px 0px; 	
	font-size:1.7em;
	font-weight:normal;
}


/* RIGHT HAND TWITTER BOXES */

ul.twitboxes{
	padding:0;margin:0;list-style:none;
}

ul.twitboxes li{
	padding:0;margin:0;
	padding-bottom:15px;	
	float:left;
}

.twitterheader{
	position:relative;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: auto !important;
	height: 32px;
	min-height: 32px;
	
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
	font-size: 1.2em;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

#side .twitterheader h3.header_right {
	float: right;
	line-height: 32px;
	background: none;
		font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.twitterheader .twitterbird{
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	height:32px;
	width:71px;
	background: transparent url('/images/news/twitter.gif') no-repeat 5px 0px;
}

.twitbox, .twithead, .twitinner, .twitfoot {
	width: 218px;
}

.twithead{
	font-size: 0px;
	height:8px;
	background: transparent url('/images/news/twit_1_top.gif') no-repeat left top;
}
.twitfoot{
	font-size: 0px;
	height:20px;
	background: transparent url('/images/news/twit_1_bottom.gif') no-repeat left top;
}

.twitinner{
	text-align:right;
	color:#959595;
	font-size:0.9em;
	background: transparent url('/images/news/twit_1_repeat.gif') repeat-y left top;
}

.twitinner .tweet{
	padding: 5px 8px 0 8px;
	margin:0;
}

.twitinner .date{
	color:#de6200;
	padding: 5px 8px 0 8px;
	margin:0;
}

.twitbox2 .twitfoot{
	background-image: url('/images/news/twit_2_bottom.gif');
}

.twitbox2 .twitinner{
	background-image: url('/images/news/twit_2_repeat.gif');
}

.twitbox2 .twithead{
	background-image: url('/images/news/twit_2_top.gif');
}

.twituser{
	font-size:1.1em;
	font-weight:bold;
	padding:0px 0px 0px 35px;
	margin:0;
}

.twitlink{
	color: #DE6200;	
}

.relatedProjectsTitle {
	text-align: right;
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
	font-size: 1.2em;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

/* EXPANDING LIST */

.expandList{
	padding:1px 0px 20px 0px;
	margin:0;
	list-style-type: none;
	list-style-position: outside;
	width:100%;
	display:block;
	background:transparent url('/images/expandlist/sprite.png') no-repeat 0 -231px;
	overflow: hidden;
}

.expandList .expandItem {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	float: left;
	clear: left;
	overflow: hidden;
}

	.expandList .expandItem h2 {
		background: #f7f7f7 url('/images/expandlist/sprite.png') no-repeat 0 -153px;
		font-size:1em;
		line-height: 1.2em;
		margin:0;
		padding:0;
		height: 39px;
		width: 100%;
		overflow: hidden;
		cursor: pointer;
	}

		.expandList .expandItem h2 .icon {
			width: 90px;
			float: left;
			padding: 1px 0 0 10px;
		}

			.expandList .expandItem h2 .icon .low {
				display: inline;
			}
			
			.expandList .expandItem h2 .icon .high {
				display: none;
			}

		.expandList .expandItem h2 a {
			font-size:inherit;
			display:block;
			float: left;
			padding: 4px 0 0 30px;
		}
		
			.expandList .expandItem h2 a:hover {
				text-decoration: none;
			}
	
	.expandList .expandItem .featured {
		background: #e2e2e2 url('/images/expandlist/sprite.png') no-repeat 0 -51px;
		font-size:1.2em;
		height: 51px;
		overflow: hidden;
	}
	
	.expandList .expandItem .featured:hover {
		background-position: 0 0;
	}
	
		.expandList .expandItem .featured a {
			color: #636363;
			padding: 8px 0 0;
			font-size:1.2em;
		}

		.expandList .expandItem h2 .icon {
			height: 49px;
			overflow: hidden;
		}
	
	.expandList .expandItem.open h2 {
		background: #e5e5e5 url('/images/expandlist/sprite.png') no-repeat 0 -192px;
	}
	
			.expandList .expandItem.open .featured {
				background: #646464 url('/images/expandlist/sprite.png') no-repeat 0 -102px;
				overflow: hidden;
			}
	
				.expandList .expandItem.open .featured a {
					color: #fff;
				}

.expandList .expandItem .content{
	display:block;
	float:left;
	padding:20px 0px 20px 0px;
	background:#FAFAFA url('/images/expandlist/sprite.png') no-repeat 0 -232px;
}

.featuredList .expandItem .content {
	background:#252525;
}

.featuredList .expandItem .text {
	color:#FFF;
	background:#252525;
}

.expandList .expandItem  .expandItem_wrap{
	overflow:hidden;
	width:100%;
	padding:0;
}

.expandList .expandItem.open .expandItem_wrap{
	padding-bottom:3px;
	background:transparent url('/images/expandlist/content_bottom_selected.gif') repeat-x left bottom;
}

.expandList .expandItem .content .text {
	width:375px;
	padding:0px 35px 0px 10px;
	display:block;
	float:left;
}

.expandList .expandItem .content .related {
	width:400px;
	display:block;
	float:left;
}

.expandListControls{
	text-align:right;
}

/* arrow box */
.relatedNewsItem{
	overflow:hidden;
	width:100%;
	padding:0px 0px 10px 0px;
	line-height:1.2em;
	cursor:pointer;
}

.relatedNewsItem img{
	float:left;
	padding:5px;
}

.relatedNewsItem .relatedNewsContent a{
	font-weight:bold;
}
.relatedNewsItem .relatedNewsContent a:hover{
	text-decoration:none;
}

.relatedNewsItem .relatedNewsContent .date{
	font-size:0.8em;
	color:#7b7b7b;
	font-style:italic;
}

.relatedNewsItem .relatedNewsContent{
	float:left;
	width:310px;
	margin:5px;
	padding-right:20px;
	background:transparent url("/images/panel/news_chev.gif") no-repeat bottom right;
}

.relatedNewsItem .relatedNewsContent p{
	margin:0;
	padding:0;
}

/*related projects */

.related h3, .relatedTitle{
	font-size:1.6em;
	padding:0px 0px 7px 0px;
	margin:0px 15px 18px 0px;
	color:#363636;
	background: transparent url('/images/layout/hr.gif') repeat-x left bottom;
}

.featuredList .relatedTitle {
	color:#FFF;
	background: transparent url('/images/layout/hr_dark.gif') repeat-x left bottom;
}

div#clientdetail h2 {
	margin: 10px 0;
}

.relatedProjects  {
	list-style:none outside none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.relatedProjects .project {
	background:none repeat scroll 0 0 transparent;
	clear:both;
	margin:0 0 10px;
	overflow:hidden;
	padding:0;
	width:100%;
}

.full .relatedProjects .project {
	margin:5px 0px 13px 0px;
	background: transparent url('/images/panel/arrow_box_bottom.gif') no-repeat left bottom;
	width:390px;
	overflow:hidden;
	cursor:pointer;
	min-height:90px;
}

.full .relatedProjects .project .projectTop{
	width:390px;
	overflow:hidden;
	min-height:90px;
	background: transparent url('/images/panel/arrow_box_top.gif') no-repeat 0px 0px;
}

.featuredList .relatedProjects .project {
	background: transparent url('/images/panel/arrow_box_bottom_dark.gif') no-repeat left bottom;
}

.featuredList .relatedProjects .project .projectTop {
	background: transparent url('/images/panel/arrow_box_top_dark.gif') no-repeat 0px 0px;
}

.full .relatedProjects .project .projectTop img{
	float:left;
	padding:5px;
}

.full .relatedProjects .project .projectTop .arrowBoxContent{
	float:left;
	width:225px;
   	padding:5px;		
}

.full .relatedProjects .project .projectTop .arrowBoxContent p{
	padding:0;
	margin:0;		
}

.full .relatedProjects .project .projectTop a{
	color:#fd7a0b;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
.full .relatedProjects .project .projectTop a:hover{
	text-decoration:none;
}

.related .moreprojects {
	float:right;margin-right:10px;
}

blockquote {
	background:#FAFAFA;
	border:1px solid #F9E2D0;
	margin:10px;
	padding:10px 10px 0 10px;
	font-style:italic;
	color: #DE6200;
}

#enquirypage #main {
	width: 688px; float: left; overflow: hidden; margin: 0; padding: 0;
}

#homeText{
	font-size:1.4em;
	padding:0 0 15px 0;
}

#vacancylist .related  ul {
	list-style-type:none;
	margin-left:0;
}

#vacancylist .related  ul li {
	line-height:30px;
}

#vacancylist .related  ul li img {
	padding-right:5px;
}