@charset "utf-8";
/* CSS Document */

body{
	background:#FFFFFF url(/images/theme/body_bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
        margin:0px;
padding:0px;
}

input, textarea, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#000;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
        margin:10px 0 10px 0px;
        padding:0px;
}

hr{
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border:0;
}
p {
        padding:0px;
        margin:10px 0px 10px 0px;
}
a{
	color:#333333;
}
a,a img,img {
border:none;
outline:none;
}
.body_text {
color:#434343;
line-height:18px;
}

/* structure classes */

.main {
	width:962px;
	margin: 0 auto;
	
}
#subpage {
background:transparent url(/images/subpage-bg.png) left 0px repeat-x;
padding-bottom:40px;
}
#news .middle_column {
width:640px;
padding-top:20px;
}
#portfolio .middle_column {
width:640px;
}
/*
#news .news-overlay {
background:url(/images/news-overlay.png) 235px 10px no-repeat;
}
*/
#contact .inside-border {
background:transparent url(/images/ukmap.png) 650px 30px no-repeat;
}
#subpage #home-col4 {
margin-top:40px;
}
.left_column {
float:left;
width:260px;
background:url(/images/nav_bg.png) -2px -10px no-repeat;
min-height:400px;
}
.left_column ul {
list-style:none;
margin:0px;
padding:0px;
}
.left_column ul li {
background:url(/images/nav_spacer.png) left bottom no-repeat;
}
.left_column ul li.nosep {
background:none;
}
.left_column ul li a {
text-decoration:none;
display:block;
padding:15px 20px 15px 30px;
font-size:13px;
text-shadow: 1px 1px 0 #f1f1f1;
outline:none;
}
.left_column ul li.selected a {
background:url(/images/nav_selected.png) left 50% no-repeat;
font-weight:bold;
color:#699c20;
}
.middle_column {
float:left;
width:410px;
padding-top:20px;
padding-left:20px;
margin-right:20px;
}
#full .middle_column {
width:500px;
}
.inside-border {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
width:960px;
}

#contactdetails {
margin:20px;
margin-top:35px;
}
#contactdetails .title {
font-weight:Bold;
font-size:18px;
color:#000;
}
.header{
width:960px;
margin:0 auto;
	background:url(/images/theme/propeller-header.jpg);
        border-bottom:4px solid #b0eb5c;
}

.body{

        padding-top:20px;
        padding-left:10px;
padding-right:10px;
        background:url(/images/theme/main_bg.jpg) -4px top repeat-y;
}


.footer{
	background:#646464 url(/images/footer-bg.png);
	color:#FFFFFF;
	padding:20px;
width:921px;
margin:0 auto;
}
#footer-top {

height:40px;
background:url(/images/silver_bar.png) left bottom repeat-x;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.footer-bar {
background:#464646;
padding:1px 0px 1px 10px;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
margin-top:10px;
}
.footer_bar p {
color:#939393;
}

.footer a{
	text-decoration:none;
        color:#fff;
        border-bottom:1px transparent none;
}
.footer a:hover {
	text-decoration:none;
        color:#fff;
        border-bottom:1px solid #6ce335;
}
.footer .categories {
display:block;
float:left;
list-style:none;
width:150px;
}
.footer .categories a {
color:#939393;
text-shadow: 0 1px 0 #1e1e1e;
}
.footer .categories a:hover {
color:#fff;
}
.footer .categories .heading a {
color:#fff;
text-shadow: 0 1px 0 #1e1e1e;
font-size:14px;
}
.footer .categories li {
padding-bottom:6px;
}


.clear, .clear_height {
	clear:both;
	font-size:0px;
	height:0px;
	padding:0px;
	margin:0px;
	width:100%;
}
.clear_height {
	height:10px;
}

/* Global classes */ 


/* Top nav classes */


.header_image{
	height:80px;
}

   
#nav ul {
      margin:0;
      padding:10px 10px 0;
      padding-left:0px;
      list-style:none;
      }
    #nav li {
      float:left;
      background:url("/images/theme/left_both.gif") no-repeat left -150px;
      margin:0;
      margin-right:2px;
      padding:0 0 0 5px;
      border-bottom:none;
      }
    #nav a {
      float:left;
      display:block;
      width:auto;
      background:url("/images/theme/right_both.gif") no-repeat right -150px;
      padding:7px 8px 7px 3px;
      text-decoration:none;
      font-weight:bold;





      color:#000000;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #nav #current {
      background-position:0 top;
      border-width:0;
      color:#fff;
      }
    #nav #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#fff;
      }
    #nav li:hover, #nav li:hover a {
      background-position:0% 0px;

      color:#333;
      }
    #nav li:hover a {
      background-position:100% 0px;
color:#fff;
}
    #nav #licurrent {
      background-position:0% 0px;
}



/* left nav classes */




body .home {
font-size:12px;
font-weight:bold;
background:none;
color:#333333;
font-family:arial;
}

.left_nav_link a{
font-family:verdana;
display:block;
background:url(/images/theme/left_nav_arrow.jpg) right 50% no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.left_nav_link a:hover {
color:#000;
}
.left_nav_link_selected a{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}


/* homepage styles */

#home-top {
background:url(/images/silver_bar.png) left bottom repeat-x;
}
#home-left {
background:url(/images/left-temp.png);
width:727px;
height:242px;
float:left;
cursor:pointer;
}
#home-right {
height:242px;
width:233px;
float:left;
}
#clients {
padding-top:50px;
background:url(/images/client_bg.png) repeat-x;
}
#innerclients {
padding-left:10px;
padding-right:10px;
width:200px;
overflow:hidden;
}

.logoSlide {
text-decoration:none;
border:none;
outline:none;
background:transparent;
}
.logoSlide img  {
padding:0 20px 0 20px;
border:none;
}
#home-right .top {
background:url(/images/silver_bar.png) left top repeat-x;
height:37px;
}
#home-button {
background:url(/images/home_btn.png) no-repeat -1px top;
height:26px;
width:320px;
clear:both;
color:#fff;
padding-left:20px;
padding-top:10px;
font-weight:bold;
text-shadow: 0 1px 0 #b52d0b;
cursor:pointer;
}
#home-button:hover {
background:url(/images/home_btn.png) no-repeat -1px -36px;
color:#f1f1f1;
}
#home-button:active{
background:url(/images/home_btn.png) no-repeat -1px -72px;
}
#home-col1 {
float:left;
width:240px;
}
.bottom h1 {
font-size:20px;
}
#home-col1 .top {
background:url(/images/services_icon.png) right 20px no-repeat;
}
#home-col2 .top {
background:url(/images/tenders.png) right 25px no-repeat;
}
#home-col2 .top p {
padding-bottom:19px;
}
#home-col1 h1 {
padding:10px 0 10px 0;
line-height:23px;
}
#home-col1 h1 {
font-weight:bold;
}
#home-col2 {
width:240px;
float:left;
}
#home-col3 {
width:240px;
float:left;
}
#home-col3 .top {
background:url(/images/gfx-design.png) right 20px no-repeat;
}
#home-col4 {
float:left;
width:184px;
border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
background:#f6f6f6;
margin:10px;
margin-top:15px;
height:400px;
padding:15px;
}
#quick-contact {
background:url(/images/contact-bg.png) left top no-repeat;
width:152px;
height:90px;
padding:15px;
}
#home-col4 .date {
color:#659d15;
text-align:left;
width:100%;
display:block;
}
#home-col4 .title a {
text-decoration:none;
}
#quick-contact .tel {
background:url(/images/contact-icons.png) right top no-repeat;
height:22px;
font-size:18px;
color:#fff;
margin-bottom:5px;
cursor:pointer;
}
#quick-contact .tel:hover {
background-position:right -42px;
color:#78b946;
}
#quick-contact .email {

background:url(/images/contact-icons.png) right -85px no-repeat;
height:22px;
font-size:18px;
color:#fff;
margin-bottom:5px;
padding-top:2px;
cursor:pointer;
}
#quick-contact .email:hover {
background-position:right -125px;
color:#78b946;
}
#quick-contact .directions {
background:url(/images/contact-icons.png) right -175px no-repeat;
height:29px;
padding-top:4px;
font-size:18px;
color:#fff;
cursor:pointer;
}
#quick-contact .directions:hover {
background-position:right -222px;
color:#78b946;
}
p.latest {
font-size:16px;
font-weight:bold;
color:#000;
}
.home-col {
line-height:20px;
color:#333333;
}
.home-col h2 {
color:#000;
}
.col-inner {
padding:15px;
padding-left:15px;
}
.find-out-more {
display:block;
background:#f6f6f6 url(/images/silver_grad.png) repeat-x;
text-decoration:none;
font-weight:bold;
padding:2px;
padding-left:10px;
border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
margin-bottom:30px;
margin-top:20px;
text-shadow: 0 1px 0 #f1f1f1;
}
.find-out-more img {
border:none;
padding-right:10px;
}
.find-out-more:hover {
border:1px solid #adadad;
color:#000;
}
.find-out-more:active {
border:1px solid #8f8f8f;
color:#000;
background-color:#b0eb5c;
}


/* portfolio classes */

.portfolio_body {
        background:url(/images/theme/main_bg_variation.jpg) -4px top repeat-y;
}
.portfolio{
	float:left;
	margin-bottom:20px;
	margin-top:20px;
padding:0px;
width:635px;
border-bottom:1px solid #aeb1b3;
padding-bottom:20px;
}
.portfolio_left {
float:left;
margin-right:15px;
width:345px;
overflow:hidden;
}
.portfolio_right {
float:left;
width:275px;
}

.portfolio_image{
	min-width:380px;
	float:left;
	margin-right:7px;
	overflow:hidden;
        border:1px solid #ccc;
}

.example_client {
font-weight:bold;
color:#101010;
font-size:13px;
padding-top:10px;
}
.example_name{
	font-weight:bold;
        color:#101010;
        background:#fff;
        padding:5px;
}
.example_description {
color:#797979;
padding-top:10px;
padding-bottom:10px;
line-height:20px;
font-size:12px;
}
.case_study {
color:#101113;
text-decoration:none;
background:url(/images/theme/greenarrow.png) left 2px no-repeat;
padding-left:20px;
padding-bottom:2px;
font-weight:bold;
border-bottom:1px solid #fff;
}
.case_study:hover {
border-bottom:1px solid #86bd38;
font-weight:bold;
}
.type {
font-size:11px;
margin:0px;
padding:0px;
display:inline;
color:#111111;
}
.date {
font-size:11px;
margin:0px;
padding:0px;
display:inline;
color:#797979;
}
.datefull {
font-size:17px;
}
.portfolio_clear {
font-size:0px;
line-height:0px;
clear:both;
width:100%;
}

/* news classes */
.right_news_text a {
border-bottom:1px solid #fff;
}
.right_news_text a:hover {
	text-decoration:none;
        color:#000;
        border-bottom:1px solid #6ce335;
}
.right_news_title a {
color:#000;
font-weight:bold;
font-size:11px;
border-bottom:1px solid #fff;
}
.right_news_title a:hover {
	text-decoration:none;
        color:#000;
        border-bottom:1px solid #6ce335;
}
.news-post {
clear:both;
padding-bottom:30px;
border-bottom:1px solid #ccc;
margin-top:30px;
}
.news-top {
background:url(/images/newstype.png) left top no-repeat;
height:25px;
padding-top:4px;
}
.news-top .graphic {
color:#e00b8a;
}
.news-top .pqq {
color:#08aae6;
}
.news-top .marketing {
color:#82c424;
}
.news-top .intranet {
color:#f7562d;
}
.news-top .service-sector {
font-size:11px;
padding-left:10px;
font-weight:bold;
float:left;
}
.news-top .sector {
color:#949494;
font-style:italic;
}
.news-right .date {
padding-left:3px;
color:#999999;
font-size:13px;
}
.news-left {
float:left;
width:179px;
}
.news-right {
float:right;
width:420px;
padding-top:10px;
}
.news-right .continue {
color:#5f9612;
text-decoration:none;
float:right;
}
.news-right .continue:hover {
color:#000;
}
.news-right .continue span {
color:#5e5e5e;
}
.news_title{
	font-size:24px;
        line-height:30px;
	font-weight:bold;
        color:#0b0b0b;
}

.news_title a{
	text-decoration:none;
}

.news_title a:hover{
	background:#f1f1f1;
}

.news_text{
	font-size:14px;
	line-height:24px;
	text-decoration:none;
}

.news_text a{
	text-decoration:none;
        border-bottom:1px solid #fff;
}

.news_text a:hover{
	text-decoration:none;
        color:#000;
        border-bottom:1px solid #6ce335;
}
.news_line {
line-height:1px;
font-size:1px;
height:1px;
background:#ccc;
}
.news_bits {
color:#7c8fa1;
}
.body #news_filter {
width:130px;
}
.body #news_filter select {
width:190px;
font-size:12px;
font-family:arial;
}

/* contact classes */


.contact_form {
font-family:arial;
width:390px;
}
.contactform label {
font-weight:bold;
}
.inputs {
padding-left:5px;
font-family:arial;
width:300px;
height:20px;
}
.selects {
padding-left:5px;
font-family:arial;
width:405px;
height:20px;
}
.contactform textarea {
padding-top:1px;
line-height:18px;
height:124px;
padding-left:5px;
font-family:arial;
width:400px;
}


.breadcrumbs {
border-bottom:1px dotted #ccc;
padding-top:7px;
padding-bottom:8px;
}
.breadcrumbs a {
text-decoration:none;
font-weight:bold;
font-size:11px;
font-family:arial;
border:none;
}
.goto_website {
float:left;
display:block;
background:url(/images/theme/goto_website.png) no-repeat;
width:121px;
height:25px;
line-height:3000px;
overflow:hidden;
}
.next_example {
float:left;
display:block;
background:url(/images/theme/next_example.png) no-repeat;
width:154px;
height:25px;
line-height:3000px;
overflow:hidden;
}

.download_file {
float:left;
display:block;
background:url(/images/theme/download_file.png) no-repeat;
width:150px;
height:25px;
line-height:3000px;
overflow:hidden;
}

.next_example:hover {
}
.goto_website:hover {

}
.related_link {
display:block;
background:url(/images/theme/related_projects.png) no-repeat;
padding-left:20px;
}

.portfolio_title{
	background-color:#333333;
	color:#FFFFFF;
	padding:10px;
	font-size:14px;
	margin-bottom:10px;
}
#tender_splash {
background:url(/images/theme/splash.jpg) no-repeat;
width:729px;
height:238px;
cursor:pointer;
}
#quota {
padding-left:275px;
padding-top:54px;
font-size:30px;
display:block;
color:#8bc834;
}
#tenderad {
margin-top:5px;
background:url(/images/pqq-tender-splash.png) no-repeat left 2px;
display:block;
width:192px;
height:299px;
text-decoration:none;
cursor:pointer;
}
#tenderad .one {
padding-top:10px;
display:block;
font-weight:bold;
font-size:16px;
padding-left:10px;
}
#tenderad .two {
padding-left:15px;
padding-right:15px;
display:block;
padding-top:10px;
font-size:12px;
font-weight:bold;
}
#tenderad .two strong {
color:#609514;
}
#tenderad:hover {
background:url(/images/pqq-tender-splash.png) no-repeat left bottom;
text-decoration:underline;
}

/* Contact/subscribe call to action */
a#contact_action {
	width:192px;
	height:156px;
	margin:0px 2px 4px 0px;
	display:block;
	overflow:hidden;
	background-image:url(/images/theme/subscribe.jpg);
	background-color:transparent;
	background-repeat:no-repeat;
}
a#contact_action:link, a#contact_action:visited {
	background-position:0px 0px;
}
a#contact_action:hover, a#contact_action:active {
	background-position:0px -156px;
}
.news_filter {
margin:20px;
width:200px;
margin-top:35px;
}
.news_filter .title {
font-weight:Bold;
font-size:18px;
}
.news_filter label {
font-weight:bold;
}
.news_filter select {
width:200px;
}
.rss {
background:url(/images/rss.png) left top no-repeat;
width:156px;
height:41px;
display:block;
margin-left:20px;
padding-left:40px;
text-decoration:none;
padding-top:13px;
font-weight:bold;
text-shadow: 0 1px 0 #fff;
}
.rss:hover {
color:#000;
}
.newsback {
display:block;
width:141px;
height:37px;
background:url(/images/backnews.png) left top no-repeat;
float:right;
text-shadow: 0 1px 0 #fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-weight:bold;
padding-top:8px;
}
.newsback:hover {
color:#000;
}
#easy_splash #header {
background:url(/images/easy_header.png) no-repeat;
width:641px;
height:92px;
color:#fff;
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:0px;
}
#easy_splash {
position:relative;
padding-top:90px;
background:url(/images/easy_body.png) left top repeat-x;
}
#easy_splash #header p {
padding:0px;
margin:0px;
padding-left:250px;
padding-top:15px;
padding-right:10px;
font-size:17px;
line-height:24px;
}
#easy_splash #body {
margin:0px;
padding:40px;
}
#easy_splash .block {
float:left;
width:220px;
padding-left:60px;
height:100px;
}
#easy_splash .block h2 {
padding:0px;
margin:0px;
font-size:13px;
}
#easy_splash .block p {
padding:0px;
margin:0px;
padding-top:10px;
color:#444444;
}
#easy_splash .docs {
background:url(/images/easy_icon_doc.png) left top no-repeat;
}
#easy_splash .easy {
background:url(/images/easy_icon_123.png) left top no-repeat;
}
#easy_splash .process {
background:url(/images/easy_icon_process.png) left top no-repeat;
}
#easy_splash .time {
background:url(/images/easy_icon_time.png) left top no-repeat;
}
.easy_btn {
display:block;
float:left;
width:198px;
height:40px;
background:url(/images/easy_btn.png) left top no-repeat;
text-shadow: 0 1px 0 #fff;
text-decoration:none;
font-size:16px;
font-weight:bold;
text-align:center;
padding-top:12px;
margin-left:10px;
}
.easy_btn:hover {
color:#000;
}
#easy_splash .center {
padding-left:60px;
padding-top:20px;
clear:both;
}
#easy_ad {
background:red;
width:218px;
height:334px;
background:url(/images/easypqq_ad_bg.png);
margin-left:10px;
margin-top:40px;
margin-bottom:20px;
position:relative;
}
#easy_ad a {
display:block;
width:197px;
height:42px;
background:url(/images/findoutmore.png) left top;
position:absolute;
bottom:10px;
left:10px;
}
#easy_ad a:hover {
background:url(/images/findoutmore.png) left bottom;
}