@import url("structure.css");
@import url("sitemap.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;}
	a {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }
	table { page-break-inside: avoid }
}

/*** 
Site Colours

Orange: 	df6c27
Dark Blue: 	11325b
Light Blue: 026da0
Purple: 	8e499c
Green: 		24a166

***/

body {
	margin: 0;
	padding: 0;
	background:#ffffff;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#11325b;
}
.clear-me{
	clear:both;
}
.reverse{
	direction:rtl;
	unicode-bidi: bidi-override;
}
.hide{
	display:none;
}
/*** Header Styles ***/

.mast-head div {
	position: absolute;
}
.logo{
	top:16px;
	left:16px;
}
.date-time{
	font-size:11px;
	top:22px;
	right:27px;
	text-align:right;
}

/*** Text Styles ***/

a {
	color: #df6c27;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	font-weight:normal;
}
h1 {
	font-size:36px;
	line-height:32px;
	margin:0 0 30px 0;
	padding:0 0 0 0;
}
h2 {	
	font-size:18px;
	line-height:22px;
	margin:0 0 5px 0;	
	line-height:22px;
}
h3 {
	font-size:16px;
	margin:0 0 5px 0;
	line-height:20px;
}

.listen {
	color: 	#df6c27;
}

.think {
	color: 	#026da0;
}

.create {
	color: 	#8e499c;
}

.deliver {
	color: 	#24a166;
}

.req{
	font-size:15px;
	font-weight:bold;
	line-height:12px;
}
.h1-style{
	font-size:36px;
	line-height:32px;
	margin:0 0 30px 0;
	font-weight:normal;
}
/*** Top navigation styles ***/

.top-navigation{
	top:55px;
	right:27px;
	width:381px;
	text-align:center;
}
.top-navigation ul{
	list-style: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:381px;
	height:24px;
}
.top-navigation li {
	display: inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.top-navigation a {
	margin:0 7px 0 0;
	padding:3px 0 0 0;
	color:#ffffff;
	display:block;
	float:left;
	text-decoration:none;
	font:13px/18px Arial, Verdana, Helvetica, sans-serif;
	width:90px;
	height:21px;
	font-weight:bold;
}

.top-navigation li a:hover, #main-navigation li a.main-on{
	
}

.top-navigation a.listen{
	background:url(../i/top-buttons/listen.gif) no-repeat;
}
.top-navigation a.think{
	background:url(../i/top-buttons/think.gif) no-repeat;
}
.top-navigation a.create{
	background:url(../i/top-buttons/create.gif) no-repeat;
}
.top-navigation a.deliver{
	background:url(../i/top-buttons/deliver.gif) no-repeat;
	margin-right:0;
}

/*** Main navigation styles ***/

#main-navigation{
	width:182px;
	padding:0 0 0 0;
}

#main-navigation ul {
	width:182px;
	padding:25px 0 0 0;
	margin: 0;
}
#main-navigation ul li {
	display: block;
	width: 182px;
	margin:0 0 2px 0;
	padding:0;
	list-style-type none;
}
#main-navigation ul li a{
	display: block;
	width:146px;
	margin:0 0 0 0;
	padding:0 0 0 27px;
	text-decoration:none;
	font:14px/17px Arial, Verdana, Helvetica, sans-serif;
	color:#1a3456;
}
#main-navigation li.spacer{
	height:14px;
}
#main-navigation li.first{
	
}
#main-navigation li.last a{
	
}
#main-navigation li a:hover{
	color:#24a166;
}
#main-navigation li a.main-on{
	background:#dce2e5 url(../i/main-nav-bg.gif) 0 0 no-repeat;
	text-decoration:none;
	color:#df6c27;
}

#main-navigation li.sub-nav-1 a{
	width:138px;
	margin:0 0 0 0;
	padding:0 0 0 35px;
}

#main-navigation li.sub-nav-2 a{
	width:132px;
	margin:0 0 0 0;
	padding:0 0 0 41px;
}
#main-navigation li.sub-nav-3 a{
	width:126px;
	margin:0 0 0 0;
	padding:0 0 0 47px;
}

/*** Image Styles ***/
img{
	border:0;	
}

/*** List Styles ***/

.column-two ul{
	list-style:none;
}
.column-two ul li{
	background:url(../i/bullet.gif) left center no-repeat;
	padding:0 0 0 15px;
}

.column-two ul#sitemap li{
	background:none;
}

/*** Quote Styles ***/

.quote-wrapper{
	width:592px;
	height:230px;
	color:#ffffff;
	padding:20px 30px 0 30px;
}	

.quote-wrapper.blue{
	background:url(../i/quote-bgs/blue.gif) no-repeat;
}
.quote-wrapper.orange{
	background:url(../i/quote-bgs/orange.gif) no-repeat;
}
.quote-wrapper.purple{
	background:url(../i/quote-bgs/purple.gif) no-repeat;
}
.quote-wrapper.green{
	background:url(../i/quote-bgs/green.gif) no-repeat;
}

.quote{
	height:125px;
	clear:both;
	padding:0 0 15px 0;
	/*overflow:auto;*/
}
.quote a{
	color:#ffffff;
	text-decoration:underline;
}
.quote p{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.quote .big-text, .quote p.big-text{
	font:25px/30px Arial, Verdana, sans-serif;
	margin:0 0 0 0;
	padding:0 0 5px 0;
	display:block;
}
.big-text, p.big-text{
	font:25px/30px Arial, Verdana, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
strong .big-text, .big-text strong{
	font-weight:bold;
}

.small-text{
	display:block;
    font:18px/20px Arial, Verdana, sans-serif;
}

.page-image{
	clear:both;
	margin:20px 0 0 130px !important;
	margin:20px 0 0 120px;
	width:450px;
	height:70px;
}
.page-image img{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0;
}

/*** Service Box Styles ***/

.service-box{
	background:#e0e5e8 url(../i/service-box.gif) no-repeat;
	width:205px;
	height:112px;
	float:left;
	margin:25px 15px 0 0;
}
.service-box span a, 
.service-box.services span a, 
.service-box.news span a, 
.service-box.projects span a{
	font-weight:normal;
	color:#11325b;
}
.service-box span a:hover{
	text-decoration:none;
}
.service-box.projects{
	margin-right:0;
}
.service-box-content{
	width:174px;
	height:55px;
	padding:10px 10px 0 10px;
}
.service-box-content p{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.service-box h2{
	margin:1px 0 0 0;
	width:162px;
	padding:6px 0 0 33px;
	height:24px;
	font-size:18px;
	line-height:22px;
}
.service-box h2 a{
	font-weight:normal;
}
.service-box.services h2{
	color:#df6c27;
	background:url(../i/orange-arrow.gif) 7px 7px no-repeat;
}
.service-box.services h2 a, .service-box.services a{
	color:#df6c27;
}
.service-box.news h2{
	color:#8e499c;
	background:url(../i/purple-arrow.gif) 7px 7px no-repeat;
}
.service-box.news h2 a, .service-box.news a{
	color:#8e499c;
}
.service-box.projects h2{
	color:#026da0;
	background:url(../i/blue-arrow.gif) 7px 7px no-repeat;
}
.service-box.projects h2 a, .service-box.projects a{
	color:#026da0;
}

/*** News Styles ***/

.list-column{
	width:235px !important;
	width:225px;
	float:left;
}
.list-column ul{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.list-column ul li, column-two .list-column ul li{
	padding:0 0 0 0;
	margin:0 0 14px 0;
	background:none;
}
.list-column ul li a{
	font-size:13px;
	line-height:14px;
	font-weight:normal;
	color:#11325b;
}
.list-column ul li a:hover, .list-column ul li.on a{
	color:#df6c27;
	text-decoration:none;
}
.view-item-column{
	width:408px;
	float:right;
}
.view-item-column h2{
	font-size:18px;
	line-height:22px;
	margin:0 0 5px 0;
}
.news-date{
	font-size:15px;
	font-weight:bold;
	border:0 solid red;
	margin:0 0 6px 0;
}
img.news-image{
	margin:10px 10px 10px 0;
	float:left;
}

.news-article-header {
	width:430px; 
	height:18px; 
	background: url(/public/frontend/i/newsBackgroundTop.jpg) no-repeat;
}

.news-article-body {
	width:430px; 
	background: url(/public/frontend/i/newsBackgroundBody.jpg) repeat-y;
       	text-align:center;
	padding: 0px;
	margin: 0px;
}

.news-article-inner {
	width: 390px; 
	text-align: left;
	padding-left:12px;
	margin-left: 3px;
	border: 1px solid white;
}

.news-article-bottom {
	width:430px; 
	height:18px; 
	background: url(/public/frontend/i/newsBackgroundBottom.jpg) no-repeat;
	padding: 0px;
	margin: 0px;
}


/*** Projects Styles ***/

.list-column ul.projects-list{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
}
.list-column ul.projects-list li{
	background:none;
}
.list-column ul.projects-list li.client-name{
	font-size:13px;
}
.list-column ul.projects-list li.sector-name{
	margin:15px 0 0 0;
	font-size:11px;
}
.list-column ul.projects-list li.sector-name.first{
	margin:0 0 0 0;
}
.list-column ul.projects-list li{
	padding:0 0 0 0;
	margin:0 0 2px 0;
	width:100%;
}
.list-column ul.projects-list li a{
	font-size:13px;
	line-height:14px;
	font-weight:normal;
	color:#11325b;
}
.list-column ul.projects-list li a:hover, 
.list-column ul.projects-list li.on a,
.list-column ul.projects-list a.on, 
.list-column ul.projects-list li.on{
	color:#df6c27;
	text-decoration:none;
}

.list-column ul li.project-name{
	padding-left:20px;
}
.list-column ul li.project-name a{
	font-size:11px;
}

.project-content{
	width:420px;
	height:330px;
	padding:12px 0 0 0;
}

/*** Project Quote Styles ***/

.project-quote-wrapper{
	width:392px;
	height:267px;
	color:#ffffff;
	padding:25px 0 0 18px;
	background:url(../i/quote-bgs/green-small.gif) top left no-repeat;
}
.project-quote-wrapper .quote{
	height:190px;
	padding:0 0 0 0;
	margin:0 0 23px 0 !important;
	margin:0 0 11px 0;
	float:none;
	width:360px;
	background:none;
}
.project-quote-wrapper .quote .big-text, .project-quote-wrapper .quote p.big-text{
	font:23px/28px Arial, Verdana, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 0 0;
	display:block;
}
.project-quote-wrapper .quote .small-text{
    font:15px/20px Arial, Verdana, sans-serif;
}
.project-quote-wrapper .quote p{
	margin:0 0 5px 0;
}
.client-image{
	width:250px;
	height:75px;
	float:right;
	margin:17px 15px 0 0;
}

/*** Tab Button Styles ***/

.tab-buttons{
	float:left;
}

.column-two .tab-buttons ul, .tab-buttons ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.column-two .tab-buttons li, .tab-buttons li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline;
	background:none;
}
.column-two .tab-buttons li a, .tab-buttons li a{
	display:block;
	width:19px;
	height:20px;
	float:left;
	margin:0 3px 0 0;
}
.tab-buttons li a span{
	display:none;
}
li.general-tab a{
	background:url(../i/project-tabs/general.gif) top left no-repeat;
}
li.pdf-tab a{
	background:url(../i/project-tabs/pdf.gif) top left no-repeat;
}
li.quote-tab a{
	background:url(../i/project-tabs/quote.gif) top left no-repeat;
}
li.youtube-tab a{
	background:url(../i/project-tabs/youtube.gif) top left no-repeat;
}
.tab-buttons li a:hover, .tab-buttons li.on a{
	background-position:center;
}
.tab-buttons li.disabled a{
	background-position:bottom;
	cursor:default;
}

/*** Social Link Styles ***/

.social-link{
	border:0 solid red;
	float:right;
	font-size:11px;
	color:#1a3456;
	font-weight:bold;
}