@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rokkitt);
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:700,400);

body { margin:0; padding:0; width:100%; background: #fff; font:12px bold Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}
.clr { clear:both; padding:0; margin:0;}
.main { padding:0; margin:0 auto;}

.flag{
	float: left;
    margin: -0px 15px 15px 0;
}
.staffing ul{
	float: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
	padding:5px 0;
}
.staffing ul li{
	background:url("../images/arrow-bullet.gif") no-repeat scroll 5px 8px rgba(0, 0, 0, 0);
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 23px;
}

.blok_header { margin:0; padding:0; background:url(../images/header_bg.gif) top repeat-x; height:163px;}
.header { width:998px; margin:0 auto; padding:0;}
.logo { padding:0; margin:0; width:340px; float:left;}

/* Menu */
.menu { padding:0; margin:0; width:998px; height:53px; }
.menu ul { padding:0; margin:0; list-style:none; float:left; border:0;}
.menu ul li { display:inline;position: relative;}
.menu ul li a { text-transform:uppercase; display:block; float:left; height:35px; padding-top:18px; width:104px; margin-right:74px; color:#fff; font-family: 'Merriweather Sans', sans-serif; font-size:12px; text-decoration:none; text-align:center;}
.menu ul li a.contactbtn{width:108px;}
.menu ul li a:hover { background-color:#dd3333;}
.menu ul li a.active {background-color:#dd3333;}
.header_text { height:422px; margin:0; padding:0; background:url(../images/slider_bg.gif) top center repeat-x;}
.header_text_resize {  width:998px; margin:0 auto; padding:0; padding:4px 0; }




/* Innerpages */
.innerheader_text { height:202px; margin:0; padding:0; background:url(../images/inner_bg.gif) top center repeat-x;}
.innerheader_text_resize {  width:998px; margin:0 auto; padding:0; padding:4px 0; }

/* Inner Page ending */

.body_resize { margin:0; padding:0;}
.body { width:998px;  margin:0 auto; padding:0;}
.body p {font:normal 12px  Arial, Helvetica, sans-serif; color:#262626; line-height:1.8em; padding:5px; margin:0;}
.body_big { width:620px; float:left; margin:0; padding:20px 34px 5px 34px;}
.body h2 { border:0; font-family: 'Rokkitt', serif; font-weight:normal; font-size:36px; color:#dd3333; margin:0 0 10px 0; padding:15px 5px; border-bottom:1px solid #d3d6d8;}
.body .btn a{float:right; height:15px; background-color:#dd3333; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:5px; width:94px; text-align:center; text-decoration:none;}
.body_small { width:270px; float:right; margin:0; padding-right:34px; padding-top:20px;}
.submenu { padding:0; margin:0; width:270px;}
.submenu ul { padding:0; margin:0; list-style:none; float:left; border:0;}
.submenu ul li { display:inline;}
.submenu ul li a {float:left; height:34px; padding-top:17px; padding-left:15px; width:254px; color:#494949;  font-family: 'Rokkitt', serif; font-size:16px; text-decoration:none; text-align:left; 
border-bottom:1px solid #cfcfcf;border-left:1px solid #cfcfcf;}
.submenu ul li a:hover { color:#dd3333;  border-bottom:1px solid #cfcfcf;border-left:1px solid #fff;border-right:1px solid #cfcfcf;}
.submenu ul li a.active { color:#dd3333;  border-bottom:1px solid #cfcfcf;border-left:1px solid #fff;border-right:1px solid #cfcfcf;}
.submenu ul li a.activesp { color:#dd3333;}
.coloured-border{ border-bottom:1px solid #cfcfcf;border-left:1px solid #fff;border-right:1px solid #cfcfcf;border-top:1px solid #cfcfcf;}

.sublevel ul{
	margin:0;
	padding:0;
	width:180px;
	position:absolute;
}
.sublevel ul li{
	display:inline;
	list-style:none;
}
.sublevel li a{
	float:left;
	display:none;
	width:150px;
	position:absolute;
	top:53px;
	left:177px;
	z-index:9999;
	background-color:#f3f7fa;
	border:1px solid #cfcfcf;
	color:#484848;
	padding-top:5px;
	padding-left:18px;
	height:25px;
	font-family: 'Rokkitt', serif;
	font:normal 14px "myriad Pro", "Myriad Pro";
	text-decoration:none;
	
}
.sublevel li a:hover{
	color:#000;
}

.serlevel ul{
	margin:0;
	padding:0;
	width:180px;
	position:absolute;
}
.serlevel ul li{
	display:inline;
	list-style:none;
}
.serlevel li a{
	float:left;
	display:none;
	width:150px;
	position:absolute;
	top:53px;
	left:354px;
	z-index:9999;
	background-color:#f3f7fa;
	border:1px solid #cfcfcf;
	color:#484848;
	padding-top:5px;
	padding-left:18px;
	height:25px;
	font-family: 'Rokkitt', serif;
	font:normal 14px "myriad Pro", "Myriad Pro";
	text-decoration:none;
}
.serlevel li a:hover{
	color:#000;
}

.clientlevel ul{
	margin:0;
	padding:0;
	width:180px;
	position:absolute;
}
.clientlevel ul li{
	display:inline;
	list-style:none;
}
.clientlevel li a{
	float:left;
	display:none;
	width:150px;
	position:absolute;
	top:53px;
	left:711px;
	z-index:9999;
	background-color:#f3f7fa;
	border:1px solid #cfcfcf;
	color:#484848;
	padding-top:5px;
	padding-left:18px;
	height:25px;
	font-family: 'Rokkitt', serif;
	font:normal 14px "myriad Pro", "Myriad Pro";
	text-decoration:none;
	
}
.clientlevel li a:hover{
	color:#000;
}
.body_approach { width:928px; float:left; margin:0; padding:34px; padding-top:0; padding-bottom:10px;}
.body_innerapproach { width:620px; float:left; margin:0; padding:34px; padding-top:0; padding-bottom:0px;}
.body h3 { border:0; font: normal 26px Rockwell;  color:#383838; margin:0 0 10px 0; padding:15px 5px; }
.appmenu { padding:0; margin:0; width:928px;}
.appmenu ul { padding:0; margin:0; list-style:none; float:left; border:0;}
.appmenu ul li { display:inline;}
.appmenu ul li a {float:left; display:block; height:34px; padding-top:17px; width:307px; color:#dd3333; font-family: 'Merriweather Sans', sans-serif;font-size:12px; font-weight:bold; text-decoration:none; text-align:center; 
border-bottom:1px solid #cfcfcf;border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
.appmenu ul li a:hover { color:#383838;}

/* Inner Page */
		.box{
			margin:0 padding:0; width:550px;
			border:1px solid #cfcfcf;
			padding:0 34px;
			margin-bottom:5px;
			
			}
		.box h6{
			 float:left;
			 width:140px;
			 font-family: 'Rokkitt', serif;
			 font:bold 14px "myriad Pro", "Myriad Pro";
			 color:#dd3333;
			 text-align:center;
			 margin-left:-20px;
			 padding-top:15px;
			 }
		.box p{
			float:left;
			width:350px;
			border-left:1px solid #cfcfcf;
			margin-left:10px;
		}
/* Inner Page ending */


.body_quote{ width:928px; float:left; margin:0; padding:34px; padding-top:0; padding-bottom:10px;}
.body_quotetop{background-image:url(../images/quote-topbg.gif); background-position:center; height:27px;}
.body_quotebottom{background-image:url(../images/quote-bottombg.gif); background-position:center; height:27px;}
.body h4{ border:0; font-family: 'Merriweather Sans', sans-serif;font-size:14px; color:#3b3b3b; margin:0 0 0 0; padding:20px 0px; text-align:center;}
.body h4 span{ text-align:right; border:0; font-family: 'Merriweather Sans', sans-serif;font-size:12px;  color:#dd3333; margin:0 0 10px 715px; padding:5px 5px;}

.spectrum { margin:0; padding:0; background-color:#f3f7fa; }
.spectrum_text {  width:928px; margin:0 auto; padding:0; background-image:url(../images/spectrum_bg.gif); background-repeat:no-repeat; height:317px; background-position:top right;}
.spectrum_big { width:928px; float:left; margin:0; padding:0;}
.spectrum_big h2{border:0; font-family: 'Rokkitt', serif; font-weight:normal; font-size:24px;color:#212121;  padding:5px;}
.spectrum_big h2 span{border:0; font-family: 'Rokkitt', serif; font-weight:normal; font-size:16px; color:#212121; margin:0 0 0px 0; padding:0px 5px;}

.spectrum_nav { padding:0; margin:0;  width:570px;}
.spectrum_nav ul { padding:0; margin:0; margin-left:5px; list-style:none; border:0;}
.spectrum_nav ul li{float:left; padding-top:10px; padding-left:34px; width:570px; color:#494949; font-family: 'Merriweather Sans', sans-serif;font-size:12px;text-decoration:none; text-align:left; 
border-bottom:1px solid #cfcfcf; background-image:url(../images/arrow.gif); height:30px; background-repeat:no-repeat;}

.contact{margin:0; padding:0; height:55px; background:#dd3333;}
.contact_resize { margin:0 auto; padding:0; width:928px;}
.contact p { margin:0; padding:12px 0px; float:left; color:#fff;font-family: 'Merriweather Sans', sans-serif;font-size:16px; line-height:1.8em; width:700px; }
.contact .btn a{float:right; height:17px; background-color:#771b1b;font-family: 'Merriweather Sans', sans-serif;font-size:12px; font-weight:bold; color:#fff; padding:5px; width:94px; text-align:center; margin-top:15px; text-decoration:none; text-transform:uppercase;}

.clients{
}
.clientbox{
	float:left;
	width:198px;
	margin-right:10px;
	border:1px solid #cfcfcf;
	margin-bottom:5px;
	
}
.clientbox img{
	vertical-align:middle;
	align:center;padding-left:5px;
}

.footer { margin:0; padding:0; height:78px; background:#656870; border-top:5px solid #50535a;}
.footer_resize { margin:0 auto; padding:0; width:998px;}
.footer ul { margin:0; padding:20px 34px; list-style:none; float:left;}
.footer img {margin:0px; padding:0; float:right; border:none;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:22px 34px; float:left; color:#fff; font-family: 'Merriweather Sans', sans-serif;font-size:10px; line-height:1.8em; width:550px; padding-bottom:0; }
.footer a { color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}