@charset "utf-8";
/* Copyright ZenDuo Studios - www.zenduo.co.uk*/
.floatFix, .ctrl, .submit {zoom: 1;} /* ie 6/7 */
.floatFix:after, .ctrl:after, .submit:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	font-size: 0;
}
object { outline:none; }/*swfobject fix*/
img{border:none; vertical-align: top;}
img.bottom{vertical-align:baseline;}
html, body {height: 100%;}
*{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#5b5b5b; background:#d7d7d7 url(../images/website-bg.jpg) 0 0 no-repeat;}
br.clear{clear:both;}
.noPad{padding:0;}
.noMarg{margin:0;}
.pad20{padding:0 0 20px;}
html{-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6{font-family:Century Gothic, Arial, "Times New Roman", Times, serif; font-weight:normal;}

h1{font-size:230%;}
h2{font-size:170%; padding:0 0 10px 0;}
.cufon-active h1{font-size:225%;}
.cufon-active h2{font-size:160%;}

p{
	padding-bottom:10px;
}

.blue{color:#003366;}
.grey{color:#5b5b5b;}

a{color:#003366; text-decoration:none;}
a:hover{color:#121212; text-decoration:underline;}


#mainWrap{
	width:870px;
	background:url(../images/content-bg.png) 50% 0 repeat-y !important;
	background:url(../images/content-bg.gif) 50% 0 repeat-y;
	margin:0 auto;
	padding:0px 18px 0 18px;
}
#logo{float:left;}
#logoWrap{
	float:left;
	width:140px;
}
#logoLinks{
	float:left;
	width:106px;
	padding:13px 0 0 0;
}
#logoLinks img{padding:9px 0 0 0;}

#headerBar{
	padding:30px 0 13px 0;
	
}

#headRight{
	float:right;
	width:530px;
	text-align:right;
}

#nav{
	padding:14px 0 0 0;
	float:right;
}
#nav ul{list-style:none;}
#nav ul li{float:left; padding:0 0 0 16px;}
#nav ul li a{width:60px; height:62px; background:url(../images/navigation.jpg) no-repeat; display:inline-block; text-decoration:none;}
#nav ul li a:hover, #nav ul li a.on{background-position:0 -62px;}
#nav ul li a span{ visibility:hidden;}

#nav ul li a#l2{background-position:0 -124px;}
#nav ul li a#l2:hover,#nav ul li a#l2.on{background-position:0 -186px;}

#nav ul li a#l3{background-position:0 -248px;}
#nav ul li a#l3:hover,#nav ul li a#l3.on{background-position:0 -310px;}

#nav ul li a#l4{background-position:0 -372px;}
#nav ul li a#l4:hover,#nav ul li a#l4.on{background-position:0 -434px;}

#nav ul li a#l5{background-position:0 -496px;}
#nav ul li a#l5:hover,#nav ul li a#l5.on{background-position:0 -558px;}

#nav ul li a#l6{background-position:0 -620px;}
#nav ul li a#l6:hover,#nav ul li a#l6.on{background-position:0 -682px;}

.homeBox{float:left; width:186px; margin:0 25px 25px 0; border-bottom:6px solid #0dada2; padding:0 0 20px 0;}

.homeBox h1{font-weight:bold; font-size:22px; margin-bottom:5px;}
.homeBox h2{font-size:14px;}
.homeBox h3{font-weight:bold; font-style:italic; font-size:18px;}

.homeBox p{min-height:150px;}

#bx1 h3, #bx1 h3 a{color:#0dada2;}
#bx2{border-bottom-color:#164e8d;}
#bx2 h3, #bx2 h3 a{color:#164e8d;}
#bx3{border-bottom-color:#900d5a;}
#bx3 h3, #bx3 h3 a{color:#900d5a;}
#bx4{margin:0; border-bottom-color:#c64d04;}
#bx4 h3,#bx4 h3 a{color:#c64d04;}

#topImageArea{margin:0 0 0 -25px; position:relative; float:left;}

/*jquery fader*/
ul#slide_control li, ul#slide_nav li,ul#portfolio,ul#portfolio li{list-style:none;padding:0;margin:0;border:none;}
ul#slide_nav{display:none; visibility:hidden;}
#homeImages{height:273px; padding:0px;}
#homeImages ul#portfolio{height:273px; overflow:hidden;}

#mainContent{
	padding:0 25px 20px 25px;
}



#standardPage{
	
}


#standardPage h1{font-weight:bold; font-size:22px; margin-bottom:5px;}
#standardPage h2{font-weight:bold; font-size:18px; margin-bottom:5px;}
#standardPage h3{font-size:16px; margin-bottom:5px;}

#sectorTop h3{margin:0; font-style:italic;}

#sectorTop{border-bottom:6px solid #0dada2; padding:0 0 30px 0;}
#sectorTop .para{width:397px; margin-left:26px; float:left; display:inline-block;}
#sectorTop .para:first-child{margin-left:0;}


.sectorDiv{background:url(../images/sector-bg.png) no-repeat 5px 25px; margin-left:-10px; padding:25px 0 25px 0;}
.sectorDiv img{float:left;padding:5px 25px 5px 10px;}
.text{float:left; width:495px; padding:3px 0 0 0;}

.text h2{margin:0; padding:0;}
.text h3{padding:0 0 5px 0;}

img.sectorBlog{margin:30px 0 20px 0;}















#footerWrap{
	border-top:solid #c5cbcc 3px;
	padding:15px 25px 0 25px;
}
#footerWrap strong{font-weight:normal; color:#003366;}
#foot2,#foot3,#foot4{
	float:left;
	padding:0 10px 15px 0;
}

#foot2{
	width:336px;
}
#foot3{
	width:260px;

}
#foot4{
	float:right;
	padding:0 0 0 10px;
}

#foot5{
	float:right;
	padding:2px 0 0 10px;
	width:124px;
	text-align:right;
}

a.social{width:24px; height:24px; display:inline-block; background:url(../images/social.jpg) no-repeat; margin:0 0 0 7px;}
a.social span{display:none;}

a.twitter:hover{background-position:0 -24px;}
a.facebook{background-position:-24px 0;}
a.facebook:hover{background-position:-24px -24px;}
a.youtube{background-position:-48px 0;}
a.youtube:hover{background-position:-48px -24px;}
a.linkedin{background-position:-72px 0;}
a.linkedin:hover{background-position:-72px -24px;}

#footerDrop{
	height:18px;
	width:904px;
	margin:0 auto;
	padding:0 0 20px 0;
	background:url(../images/footer-drop.png) 50% 0 no-repeat !important;
	background:none;
}

#seoWrap {
	width:870px;
	margin:0 auto;
	padding:0 0 30px 0;
}

#seoWrap ul{list-style:none; font-size:10px; color:#9e9d9d;}
#seoWrap #seo1,#seoWrap #seo2,#seoWrap #seo3,#seoWrap #seo4{
	width:198px;
	float:left;
	padding-right:25px;
}
#seoWrap #seo4{padding:0;}






/* HOME PAGE HOME PAGE HOME PAGE */




/*.cufon-active #homeBox h4{
	line-height:0.9em;
}*/





h4.quoteSmall{
	font-size:140%;
	font-style:italic;
	margin:0 0 14px 0;
}


#logos{}
#logos img{padding-right:39px;}
#logos img.nopad{padding:0;}






/* SERVICES                   */
#serviceLeft,#sourceLeft{
	float:left;
	padding:28px 0 30px 0;
	width:560px;
}

#serivceRight{
	float:right;
	padding:27px 0 25px 0;
	width:235px;
}
#supplierLogos a{border:1px solid #d2d2d2; display:block; margin:0 0 10px 0;}
#supplierLogos a:hover{border:1px solid #7f99b2;}

img.portrait{padding:0 0 15px 0;}


.service{
	background:url(../images/top-dotts.jpg) no-repeat top;
	width:560px;
	padding:4px 0 0 0;
	margin:20px 0 0 0;
}

.service .serviceImages{
	float:left;
	width:248px;
}

.service .serviceImages2{
	float:left;
	width:280px;

}

.service .serviceImages img{margin:0 0 0 -10px; position:relative; float:left;}

.service .serviceTextWrap,.service .sourceTextWrap{
	padding:27px 0 0 0;
	float:left;
	width:312px;
}

.service .sourceTextWrap{

	width:540px;
}

.serviceItem,.sourceItem{
	padding:0 0 0 0px;
	margin:0 0 4px 0;
}
.serviceItem h2, .sourceItem h2{padding:0 0 4px 0; color:#003366; font-weight:bold; font-size:140%;}


.cufon-active .serviceItem h2, .cufon-active .sourceItem h2{font-size:130%;}

.serviceItem p strong{color:#003366;}

#sourceLeft{
	width:820px;
}

p.sourceTop{width:398px; float:left;}
p.sourceTop2{width:398px; float:left; padding-left:24px;}


.sourceItem ul{color:#003366; padding:0 0 0 15px;}
.sourceItem ul li{padding:0 0 5px 0;}

#supplierLists{
	border-top:dashed 1px #828282;
	padding:30px 0 0 0;
	margin:0 0 10px 0;
}

#supInfo{width:398px; padding:0 0 5px 0;}
#supplierLists ul{list-style:none;}
#supplierLists #sups1,#supplierLists #sups2,#supplierLists #sups3,#supplierLists #sups4{
	width:187px;
	float:left;
	padding-right:24px;
}
#supplierLists #sups4{padding:0;}








.testButtonWrap{background:url(../images/testimonial-icon.jpg) no-repeat 260px 0; padding:20px 0 0 0;}
h2.button1:hover{cursor:pointer;}
.testimonialWrap{background:url(../images/quote-top.jpg) no-repeat; padding:0 0 0 84px}
.testimonialWrap2{background:url(../images/quote-bottom.jpg) bottom right no-repeat;}
.testimonial{
	border-left:8px solid #cccccc; 
	padding:5px 84px 0 25px;
	width:620px;
}
.testimonial h6{margin:0; padding:0 0 10px; font-size:115%; color:#5b5b5b;}
.sep{	background:url(../images/top-dotts.jpg) repeat-x 0px 20px; padding:20px 0 0 0;}






body#contactPage{background:url(../images/contact-bg.jpg) no-repeat;}

#contactBox{width:690px; padding:37px 30px 0 30px;  border-left:1px solid #fff;
    min-height:350px;
	height:auto !important;
	height:350px;
}

#contactBox h1{padding:0px;}
#contactTitle{float:left; width:575px;}
#contactClose{float:right; width:100px; text-align:right;}

#contactTitle h1{
font-size:190%;	
}

#contactBox fieldset{border:0;}
#contactBox form{padding:5px 0 0 0;}

#contactLeft{
	float:left;
	width:340px;
}
#contactRight{
	float:left;
	width:322px;
	padding:14px 0 0 25px;
}

#contactBox fieldset label{display:block; font-size:170%; color:#003366; padding:0 0 6px;}
#contactBox fieldset input, #contactBox fieldset textarea{display:block; border:1px solid #cccccc; width:328px; color:#5b5b5b; padding:5px; margin:0 0 10px 0;}
#contactBox fieldset textarea{width:310px; height:195px;}
#contactBox fieldset input#button{background:url(../images/submit.gif) 0 0;  height:30px; width:100px; float:right; border:1px solid #ccc;}
#contactBox fieldset input#button:hover{background:url(../images/submit.gif) 0 -37px; }
#contactBox fieldset h5{font-size:110%;}


#contactFooter{
	min-height:60px;
	height:auto !important;
	height:60px;
	border-left:1px solid #fff;
	width:690px;
	padding:30px;
	background:#003366;
	/*background:url(../images/blue-bg.gif) 50px -212px;*/
	border-bottom:1px solid #fff;
}

#contactFooter #cFoot1, #contactFooter #cFoot2, #contactFooter #cFoot3{
	float:left;	
	margin:0 40px 0 0;
}
#contactFooter #cFoot1{width:300px;}
#contactFooter #cFoot2{width:340px; margin:0;}


/*#contactFooter h4{color:#fff; font-size:120%; padding:0 0 6px 0;}*/
#contactFooter h5{color:#fff; font-size:130%; padding:0 0 3px;}
#contactFooter h5 a{color:#fff;}

.error{color:#F00;}
#contactBox fieldset input.error, #contactBox fieldset textarea.error{border:1px solid #F00; }

#contactBox #flash{text-align:center;}
#contactBox #flash img{padding:40px 0 20px 0;}

#TB_window {
	font:12px Arial, Helvetica, sans-serif;
	color:#ffcc00
}
#TB_secondLine {
	font:10px Arial, Helvetica, sans-serif;
	color:#666
}
#TB_window a:link {
	color:#666
}
#TB_window a:visited {
	color:#666
}
#TB_window a:hover {
	color:#000
}
#TB_window a:active {
	color:#666
}
#TB_window a:focus {
	color:#666
}
#TB_overlay {
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	height:100%;
	width:100%
}
.TB_overlayMacFFBGHack {
	background:url(macFFBgHack.png) repeat
}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85
}
* html #TB_overlay {
	position:absolute;
height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')
}
#TB_window {
	position:fixed;
	background:#fff;
	z-index:102;
	color:#000;
	display:none;
	text-align:left;
	top:50%;
	left:50%
}
* html #TB_window {
	position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')
}
#TB_window img#TB_Image {
	display:block;
	margin:15px 0 0 15px;
}
#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left
}


#TB_title {
 display:none;
}

#TB_load {
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top:50%;
	left:50%;
	margin:-6px 0 0 -104px
}
* html #TB_load {
	position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')
}
#TB_HideSelect {
	z-index:99;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	height:100%;
	width:100%
}
* html #TB_HideSelect {
	position:absolute;
height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')
}
#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px
}