@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------  Reset  ---------------------------------------- */


body { margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#868686; font-size:12px; text-align:center; color:#FFFFFF; background-image:url(../images/background.jpg); background-repeat:no-repeat;}

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}

.clear {clear:both;}



/* ----------------------------------------  CONTAINER  ---------------------------------------- */

#container { width:1016px; margin:0px auto; }

#left-shadow { margin:0px 0px 0px auto; width:25px; float:left;}

#right-shadow { margin:0px auto 0px 0px; width:25px; float:left;}


/* ----------------------------------------  HEADER  ---------------------------------------- */


#header {margin:0px 0px 0px 0px;}

#logo { padding:30px 0px 30px 0px; width:342px; float:left;}

	#logo a {
	border-bottom:0px solid #fff;
	}

#news-curl { float:right;margin:0px -30px 0px 0px; width:141px;}

#news-curl a{border-bottom:0px solid #fff; color:#918F90; }
	
#contact {margin:-14px 0px 0px 100px; padding:14px 0px 0px 0px; width:225px; float:left; text-align:center;}

#contact a {border:0; color:#9f9f9f;}

	#nav { clear:both;}
	
		#nav ul {list-style:none;margin:0;padding:0;}
		
			#nav li {float:left;width:130px; padding:0; text-align:left; margin:0px 10px 0px 0px;}
			
				#nav li a {display:block; width:110px; padding:4px 10px 0px 10px; height:18px; margin:0px 10px 0px 0px; color:#000; text-decoration:none; border:0;}
				
				#nav li a {background:url(../images/bg2.png) repeat 0 0;}
				
				#nav li a:hover, li a:focus, li a:active {background-position:150px 0; }
				
				
			#phone { float:right; text-align:right; font-size:15px; margin:55px 0px 0px 0px;}
	
			
			

#b a {background:url(../images/bg2.png.jpg) repeat 0 0;}

#b #currentpage a {background-color:#fff;}

#secondary-nav { clear:both; margin:0px 0px 10px 0px;}

#secondary-nav a.selected { padding:7px 48px 0px 10px; display:block; background-color:#17B0EE; margin:-7px 0px 0px 0px; color:#fff;}

#secondary-nav h1 { font-size:20px; color:#333; padding:20px 0px 0px 0px;}

.lavaLamp {height: 28px;width: 906px; background-color: white; overflow: hidden; padding:1px 0px 0px 0px;}

.lavaLamp li {float: left; list-style: none;}

	.lavaLamp li.back {
	background-color:#17B0EE; 
	width: 9px; 
	height: 28px;
	z-index: 8;
	position: absolute;
	}
	
	.lavaLamp li a {
	padding:0px 26px 0px 0px;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 29px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	}
	
	
		.lavaLamp li a.current {
		padding:0px 26px 0px 0px;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 29px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;
		}

.lavaLamp li a:hover, .lavaLampNoImage li a:active {border: none; color:#fff;}

.lavaLampNoImage {height: 29px;width: 906px; background-color: white; overflow: hidden; padding:1px 0px 0px 0px;}

	.lavaLampNoImage li {float: left; list-style: none;}

	.lavaLampNoImage li.back {background-color:#17B0EE; width: 9px; height: 28px;
	z-index: 8;
	position: absolute;
	}

	.lavaLampNoImage li a {
	padding:0px 11px 0px 0px;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 29px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	}

		.lavaLampNoImage li a.current {
		padding:0px 26px 0px 0px;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 29px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;
		}
			.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {
			border: none; color:#fff;
			}



.lavaLampBottomStyle {
position: relative;
height: 28px;
width: 906px;
background-color: white;
padding: 0px;
margin: 0px 0;
overflow: hidden;
}

	.lavaLampBottomStyle li {
	float: left;
	list-style: none;
	}
	
		.lavaLampBottomStyle li.back {
		border-bottom: 2px solid #17B0EE;
		width: 9px;
		height: 26px;
		z-index: 8;
		position: absolute;
		}
	
		.lavaLampBottomStyle li a {
		text-decoration: none;
		color: #000;
		outline: none;
		text-align: center; border-bottom:0;
		top: 7px;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 26px;
		position: relative;
		overflow: hidden;
		margin: auto 10px 0px 10px;
		}   
		
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border-bottom:0;
}                     

/* ----------------------------------------  Content  ---------------------------------------- */


#content { background-color:#918f90; width:906px; float:left; background-image:url(../images/content-background.jpg); background-repeat:no-repeat; text-align:left; padding:0px 30px;}

#flash-area { clear:both; margin:0px 0px 20px 0px;}

#flash-area .nav {text-align:left; background-color:#5c5c5c; width:886px; padding:5px 10px 8px 10px;}

.nav img{padding:0px; margin:4px;}

.pics {height:310px; width:906px; padding:0; margin:0px;}

	.pics img {
	cursor:pointer; 
	 }

.box{padding:0px; width:906px; height:310px;top:0; left: 0;}
	
#message { clear:both; background-color:#5c5c5c; padding:8px 10px 10px 10px; margin:0px 0px 20px 0px;}

#message h1 { font-size:28px; padding:0px 0px 10px 0px;}

#message-blue { clear:both; background-color:#17B0EE; padding:8px 10px 10px 10px; margin:0px 0px 20px 0px;}

#message-blue a { color:#fff;}

#message-blue h1 { font-size:20px; padding:0px 0px 10px 0px;}

#message sup {font-size:12px;}

.message-tick { width:139px; text-align:right;}

#featured-projects {clear:both; background-color:#5c5c5c; margin:0px 0px 20px 0px; padding:0px;}

#featured-menu { background-image:url(../images/projects-menu-bkg.jpg); width:110px; height:458px; float:left; padding:10px;}

#featured-menu h1 { font-weight:bold; padding:0px 0px 20px 0px;}

#featured-menu li { line-height:22px;}

#projects { float:left; padding:10px 10px 10px 15px; width:750px;}

#projects li { display:block; float:left; padding:0px; margin:0px 0px -3px 0px; color:#9E9E9E;}

#projects h1 { font-size:20px; padding:0px 0px 10px 0px;}

#projects h2 { font-size:20px; padding:0px 0px 5px 0px; color:#333;}

#projects a { color:#17B0EE; }

#portfolio {color:#333;}

#portfolio-info {padding: 0px 0px 0px 0px; margin:-8px 0px 10px 0px; color:#fff;}

.portfolio-info {padding: 0px 0px 0px 0px; margin:-8px 0px 10px 0px; color:#fff;}

.tick2 { padding:20px 0px 0px 0px;}

.tick3 { padding:10px 0px 5px 0px;}

#portfolio-text { width:550px; float:left;}

.portfolio-text { width:550px; float:left; font-size:14px; line-height:18px;}

#download-link { float:right; width:200px; text-align:right; margin:10px 0px 0px 0px;}

#portfolio h1 { font-size:20px; padding:0px 0px 0px 0px;}

#portfolio h1.portfolio { font-size:20px; padding:0px 0px 10px 0px;}

#portfolio h2 { padding:0px 0px 10px 0px;}

#portfolio h3 { margin:0px 0px 0px 0px; font-size:14px; line-height:18px;}

#portfolio li { padding:0px; margin:0px 0px 0px 0px;}

#portfolio li a { color:#17B0EE; text-decoration:none; border-bottom:1px solid #17B0EE;}

#portfolio .back-to-top a { color:#fff; text-decoration:none; border-bottom:0px solid #17B0EE;}

#portfolio a { border:0px;}

.portfolio-content{ background-color:#fff; padding:10px; margin:0px 0px 20px 0px;}

.portfolio-content-brand { background-color:#fff; padding:10px; margin:0px 0px 20px 0px;}

.portfolio-content-brand img {padding:0px 0px 0px 0px;}

.portfolio-content img {padding:10px 0px 0px 0px;}

#portfolio li a.no-border {border-bottom:0px solid #17B0EE;}

.portfolio-photo{ background-color:#fff; padding:10px; margin:0px 0px 0px 0px; width:524px; }

.portfolio-photo h1 {margin:0px 0px 5px 0px;}

.bold { font-weight:bold;}

.top { padding:0px 10px 10px 0px; margin:1px 0px -13px 0px;}

.georgia { font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; color:#333; text-align:right; font-style:italic;}

#work-heading h1 { font-size:20px; color:#333;}

#portfolio td.table-left {padding:0px 20px 12px 0px;}

#portfolio td {padding:0px 0px 12px 0px;}

.logo-text { padding:0px 0px 0px 12px;}

.logo { padding:0px 0px 5px 0px;}


/*---------------------------------------- BLOG ----------------------------------------*/


#blog {color:#333;}

#blog .back-to-top a { color:#fff; text-decoration:none; border-bottom:0px solid #17B0EE;}

#blog a { color:#17B0EE;}

#blog h1 { font-size:20px; padding:0px 0px 0px 0px;}

#blog h2 {font-size:20px; padding:5px 0px 10px 0px;}

#blog li {background-color:#fff; padding:10px 0px 10px 0px; margin:0px 0px 10px 0px;}

#blog .blog-list li {background-color:#ececec; padding:10px; font-size:11px; width:269px; margin:0px 0px 0px 10px; float:left; height:500px;}


#blog .services-list li {background-color:#ececec; padding:10px; font-size:11px; width:269px; margin:0px 0px 0px 10px; float:left; height:220px;}



.blog_date { padding:0px 30px 0px 0px; margin:12px 0px 0px 0px;}

.blogimage {margin:0px 0px 12px 0px;}

/*---------------------------------------- BLOG ARTICLE ----------------------------------------*/
#main-article {
padding:10px;
float:left;
background-color:#FFFFFF;
width:570px;
margin:0px 10px 10px 0px;
}

	#main-article h2 {
	font-size:14px;
	}
	
#sub-article {
padding:10px;
background-color:#FFFFFF;
width:282px;
float:right;
margin:0px 0px 10px 0px;
}

	#sub-article h2 {
	font-size:14px;
	}


/*---------------------------------------- CONTACT FORM ----------------------------------------*/


#contact-form { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#contact-form input {border:0px; width:300px; padding:5px 5px 5px 0px;; margin:3px 2px 10px 0px;}

#contact-form textarea {border:0px; width:612px; padding:5px; margin:3px 2px 10px 0px;}

.form1 { border:0px; width:300px; padding:5px; margin:3px 0px 10px 0px}

.form2 { border:0px; width:608px; padding:5px; margin:3px 0px 10px 0px}

.form3 { border:0px; width:200px; padding:2px;}

.error {color:#ff0000;}

#map {background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}


/* ----------------------------------------  Footer  ---------------------------------------- */


#footer-container { background-image:url(../images/footer-bg1.jpg); height:322px; background-repeat:repeat-x; clear:both; width:100%; padding:0px;}

#footer-container2 {width:1016px; height:322px; background-image:url(../images/footer-bg1.jpg); background-repeat:repeat-x; text-align:left; padding:0px; margin:0px auto;}

#footer-container a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}

#footer {width:906px; height:311px; background-image:url(../images/footer-bg2.jpg); background-repeat:repeat-x; text-align:left; padding:9px 30px 0px 30px; margin:0px auto;}

#footer li { width:140px; float:left; margin:20px 11px 25px 0px; color:#999;}

#footer li.wide { width:135px; float:left; margin:20px 10px 25px 0px; color:#999;}

#footer h1 { color:#fff; padding:0px 0px 10px 0px;}

.tick {padding:0px 0px 0px 129px;}


/* ----------------------------------------  Sliding box  ---------------------------------------- */


.boxgrid{ width: 250px; height: 250px; margin:0px; float:left; overflow: hidden; position: relative; }

.boxgrid img{ position: absolute; top: 0px; left: 0px; border: 0; }

.boxcaption{ float: left; position: absolute; background: #fff; height: 80px; padding:10px; width: 230px; opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.captionfull .boxcaption {top: 260px;left: 0px;}

.caption .boxcaption {top: 220px;left: 0px;}


/* ----------------------------------------  top bar  ---------------------------------------- */


a:focus {outline: none;}

#panel {
text-align:right;
background: #17B0EE; 
width:926px; 
float:left; 
padding:7px 20px 7px 20px; 
display:none;
}

	#panel label {
	color:#FFFFFF;
	padding:2px 0px 0px 0px ;
	}
	

	#panel .subscribe-input {
	background-color:#ffffff;
	color:#333333;
	border: 1px solid #333;
	padding: 2px 5px;
	font-size:10px;
		margin:0px 8px;
	} 
	
			#panel .subscribe-btn {
			font-size:10px;
			color:#FFFFFF;
			background-color:#333;
			border: 1px solid #ffffff;
			padding: 1px 5px;
			cursor:pointer;
			}
			
			#mce-responses {
			clear:both;
margin:4px 0px 0px 0px;
			}

.slide {margin: 0; padding: 0; background: url(images/btn-slide.gif) no-repeat center top;}

.btn-slide {color: #fff; text-decoration: none; cursor:pointer;}

.active {background-position: right 12px;}


/*---------------------------------------- LOGO BACKGROUNDS ----------------------------------------*/


.portfolio-logos{ background-color:#fff; padding:10px; margin:0px 0px 10px 0px;}

#portfolio .portfolio-logos a{border-bottom:0px;}

#portfolio .portfolio-logos a:hover {background-position: 0 -266px; border-bottom:0px;}

.logo-placeholder {display: block; width: 432px; height: 266px; background-repeat:no-repeat; border-bottom:0px;}

.logo-placeholder span{display:none;}
	

/*---------------------------------------- NOTICES PAGE ----------------------------------------*/

#notices a { color:#17B0EE;}

#notices h1 { font-size:20px; padding:0px 0px 0px 0px;}

#notices h2 {font-size:20px; padding:5px 0px 10px 0px;}

#notice-module1 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module1 ul {margin:0px 0px 10px 40px; list-style:disc;}

#notice-module1 li {padding:4px 0px 0px 0px; background-color:#333; width:850px; }

#notice-module2 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module3 { background-color:#333; padding:10px; color:#9e9e9e; margin:0px 0px 10px 0px;}

#notice-module3 h2 {font-size:16px; text-decoration:underline; color:#fff; margin:0px; padding:3px 0px 8px 0px;}

#notice-module3 ul {margin:10px 0px 10px 40px; list-style:disc;}

#notice-module3 li {padding:4px 0px 0px 0px; background-color:#333; width:850px; }

#notice-module3 a {color:#fff; text-decoration:none; border-bottom:1px solid #17B0EE;}	

/*---------------------------------------- LOGO BACKGROUND IMAGES ----------------------------------------*/


#logo-imeta {
background: url("../images/work/logo-design/imeta.jpg");
}

#logo-pureapps {
background: url("../images/work/logo-design/pureapps.jpg");
}

#logo-wor {
background: url("../images/work/logo-design/wor.jpg");
}

#logo-tour {
background: url("../images/work/logo-design/tourpatronsclub.jpg");
}

#logo-goodys {
background: url("../images/work/logo-design/goodys.jpg");
}

#logo-dougland {
background: url("../images/work/logo-design/dougland.jpg");
}

#logo-orchyd {
background: url("../images/work/logo-design/orchyd.jpg");
}

#logo-terra {
background: url("../images/work/logo-design/terrafirma.jpg");
}

#logo-exosect {
background: url("../images/work/logo-design/exosect.jpg");
}

#logo-crispin {
background: url("../images/work/logo-design/crispin.jpg");
}

#logo-yacht {
background: url("../images/work/logo-design/yaghprojects.jpg");
}

#logo-wheb {
background: url("../images/work/logo-design/webventures.jpg");
}

#logo-lynx {
background: url("../images/work/logo-design/lynx.jpg");
}

#logo-crystal {
background: url("../images/work/logo-design/crystalspring.jpg");
}

#logo-prism-medical-uk {
background: url("../images/work/logo-design/prismmedicaluk.jpg");
}

#logo-phoenix {
background: url("../images/work/logo-design/phoenixarc.jpg");
}

#logo-bta {
background: url("../images/work/logo-design/businesstragent.jpg");
}

#logo-liquid {
background: url("../images/work/logo-design/liquidtec.jpg");
}

#logo-logicalis {
background: url("../images/work/logo-design/logicalis.jpg");
}

#logo-mobius {
background: url("../images/work/logo-design/mobiusrecycling.jpg");
}

#logo-oxford {
background: url("../images/work/logo-design/oxfordelectronics.jpg");
}

#logo-phoenix-leisure {
background: url("../images/work/logo-design/phoenixleisur.jpg");
}

#logo-mivoice {
background: url("../images/work/logo-design/mivoice.jpg");
}

#logo-satelcom {
background: url("../images/work/logo-design/satelcom.jpg");
}

#logo-ats {
background: url("../images/work/logo-design/atsheritage.jpg");
}

#logo-cf {
background: url("../images/work/logo-design/cfarchitects.jpg");
}

#logo-dezire {
background: url("../images/work/logo-design/dezire.jpg");
}

#logo-cartner {
background: url("../images/work/logo-design/cartner.jpg");
}

#logo-rhb {
background: url("../images/work/logo-design/rhb.jpg");
}

#logo-savoy {
background: url("../images/work/logo-design/savoy.jpg");
}

#logo-searlandtaylor {
background: url("../images/work/logo-design/searlandtaylor.jpg");
}

#logo-ardea {
background: url("../images/work/logo-design/ardea.jpg");
}

#logo-glow {
background: url("../images/work/logo-design/glowdevelopments.jpg");
}

#logo-golf {
background: url("../images/work/logo-design/golfpartners.jpg");
}

#logo-infiniti {
background: url("../images/work/logo-design/infiniti.jpg");
}

#logo-jungletv {
background: url("../images/work/logo-design/jungletv.jpg");
}

#logo-autochem {
background: url("../images/work/logo-design/autochemacademy.jpg");
}

#logo-dialstat {
background: url("../images/work/logo-design/dialstst.jpg");
}

#logo-exocarp {
background: url("../images/work/logo-design/exosectcarpo.jpg");
}

#logo-infinity {
background: url("../images/work/logo-design/infinityaccess.jpg");
}

#logo-centrex {
background: url("../images/work/logo-design/centrex.jpg");
}

#logo-stingray {
background: url("../images/work/logo-design/stingray.jpg");
}

#logo-miniva {
background: url("../images/work/logo-design/stminivaeqc.jpg");
}

#logo-westendit {
background: url("../images/work/logo-design/westendit.jpg");
}

#logo-quest {
background: url("../images/work/logo-design/quest.jpg");
}

#logo-hunt {
background: url("../images/work/logo-design/hunt.jpg");
}

#logo-directdebit {
background: url("../images/work/logo-design/directdebitexpert.jpg");
}

#logo-dummer {
background: url("../images/work/logo-design/dummer.jpg");
}

#logo-fit {
background: url("../images/work/logo-design/fitforfleet.jpg");
}

#logo-layer {
background: url("../images/work/logo-design/layerscape.jpg");
}

#logo-oneclub {
background: url("../images/work/logo-design/oneclub.jpg");
}

#logo-imced {
background: url("../images/work/logo-design/imced.jpg");
}

#logo-bcaawards {
background: url("../images/work/logo-design/bcaawards.jpg");
}

#logo-chiron {
background: url("../images/work/logo-design/chiron.jpg");
}

#logo-entostat {
background: url("../images/work/logo-design/entostat.jpg");
}

#logo-firstactual {
background: url("../images/work/logo-design/firstactual.jpg");
}