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



body {

font-family: "Century Gothic", Arial, Helvetica, sans-serif ;
margin:20px 0 20px 0; 
text-align: center;
color:#666666; 
font-size: 11px;
background:#ffffff;
line-height:14px;}



h1
	{
	display: none;
	}
	

.outer {
width: 755px;       
margin-left: auto;    
margin-right: auto; 
margin-top:0px; 
text-align:left;}

td {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#666666; 
line-height:15px;}

a  {
color:#666666; 
text-decoration:none;}

a:active  {
color:#666666; 
text-decoration:none;}

a:visited {
color:#666666; 
text-decoration:none;  }

a:hover {
color:#317ece; 
text-decoration:none;}

form {margin:0px; padding:0px;}

.fl {float:left;}

.fr {float:right;}

.clearer { clear: both; font-size: 1px; line-height: 1px; height: 1px; margin-bottom: -1px;}



.mt10 {margin-top:10px;}



/* Navigation */

#toparea {height:45px; margin-bottom:20px;}

#toparea a {border:0}

#toparea .logo {float:left; width:387px; text-align:left;}

#footerbar {height:6px; margin-top:14px; background:url(../images/stripes.gif) repeat; 
line-height:6px; font-size:6px; margin-bottom:8px;}

#navlinks {float:right; padding-top:12px}

#navlinks ul {margin-bottom: 5px; padding:0; list-style-type:none; display:inline;}

#navlinks li {display:inline;color:#5f5f5f; margin-left:10px;}

#navlinks a {color:#5f5f5f;}

#graybar {background:#990000; height:5px; font-size:5px; line-height:5px;}

#nav_b {	display: block;	float:left;	width: 260px;	height: 35px;	background: #282828;	text-decoration: none;}

#toplinks { height:35px; background:#333333;}

#toplinks ul {margin-top:0; margin-bottom:0;, margin-right:0; padding:0; list-style-type:none;}

#toplinks li {	float: left;	text-align:center;	display: inline;	border-left: 1px solid #FFF;	background: none;	padding: 0;}

#toplinks li a {	width: 125px; display: block;	color: #FFF;	background:#999999;	margin-botton: 5px; font-weight: bold;	padding: 5px 5px 5px 5px;	line-height: 1em;	text-decoration: none;	/* box model hack */	voice-family: "\"}\""; 	voice-family:inherit;	width: 110px;	height: 20px;}

#toplinks li a:hover {background:#666666; color:#282828;}

#toplinks li.on a {	width: 125px;	display: block;	color: #282828;	background: #fff;	font-weight: bold;	line-height: 1em;	text-decoration: none;	/* box model hack */	voice-family: "\"}\""; 	voice-family:inherit;	width: 110px;}









#leftindex {width:234px; float:left; background:url(../images/dot1.gif) repeat-y right; padding-right:18px;}

#leftindex .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}

#leftindex .more {float:right; background:url(../images/littlearrow.gif) no-repeat right; font-size:10px; color:#000033; padding-right:12px; margin-top:0px; text-transform:lowercase;}

#leftindex .ht {height:24px;}

#leftindex .more a {color:#000033; }

#centerindex {width:216px; float:left; background:url(../images/dot1.gif) repeat-y right; padding-right:18px;padding-left:18px;}

#centerindex .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}

#centerindex .more {float:right; background:url(../images/littlearrow.gif) no-repeat right; font-size:10px; color:#000033; padding-right:12px; margin-top:0px; text-transform:lowercase;}

#centerindex .ht {height:24px;}

#centerindex .more a {color:#000033; }

#why ul {margin:0; padding:0; list-style-type:none;}

#why li {background: url(../images/cross.gif) no-repeat 0 2px; padding-left:20px; margin-bottom:5px;}

#why li.mar {margin-bottom:0;} 

#rightindex {width:233px; float:left; padding-left:18px;}

#rightindex .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}

#rightindex .more {float:right; background:url(../images/littlearrow.gif) no-repeat right; font-size:10px; color:#888; padding-right:12px; margin-top:0px; text-transform:lowercase;}

#rightindex .ht {height:22px;}

#rightindex a {color:#000033;}

#rightindex .more a {color:#000033; }

#bottomstripe {height:30px; background:url(../images/stripes.gif) repeat; padding:5px; margin-bottom:14px; margin-top:0px;}

#bottomstripe .more {float:right; background:#fff;  display:block; text-align:center;  color:#eb7825; font-size:10px; text-transform:uppercase; margin-top:3px; }

#bottomstripe .more a {color:#eb7825; padding-left:16px; padding-right:4px; padding-top:5px; padding-bottom:3px; background:url(../images/arrw.gif) no-repeat 4px 5px #fff;}

#bottomstripe .more a:hover {color:#fff;  background:url(../images/arrw.gif) no-repeat 4px 5px #4393d8;}

.indexpost {line-height:12px; margin-top:3px;}

.ipdate {color:#000066; font-size:10px; text-transform:uppercase;}

.iptitle {color:#990000;}



#solcontent ul {margin:0; padding:0; list-style-type:none;}

#solcontent li {background: url(../images/arr5.gif) no-repeat 0 2px; padding-left:20px; margin-bottom:5px;}



#blogentry ul {margin:0; padding:0; list-style-type:none;}

#blogentry li {background: url(../images/arr5.gif) no-repeat 0 2px; padding-left:20px; margin-bottom:5px;}



#blogentry img {border:1px solid #e9e9e9; padding:3px;}



#leftnav {float:left; width:120px}

#leftnav ul {margin:0; padding:0; list-style-type:none;}

#leftnav li { display:block; text-align:left; margin:0; height:24px;}

#leftnav li a:hover {color:#666; display:block; padding:5px 0 5px 20px; margin:0; background:#ece9e9;}

#leftnav li a {color:#666; display:block;padding:5px 0 5px 20px; text-decoration:none; margin:0;height:16px;  }

#leftnav li.on1 a:hover {color:#666; display:block; padding:5px 0 5px 20px; margin:0; background:#ece9e9;}

#leftnav li.on1 a {color:#666; display:block;padding:5px 0 5px 20px; text-decoration:none; margin:0;height:16px;background:#ece9e9;  }

#leftnav li.on2 a {background: url(../images/littlearrow.gif) no-repeat 4px 8px; padding-left:20px; display: block; height:16px;}

#leftnav li.on2 a:hover {background: url(../images/cross.gif) no-repeat 4px 8px #eee; color:#666; }

#clientlist {background:#fff; padding:10px 10px 8px 10px; float:left; width:214px}

#clientlist2 {background:#fff; padding:10px 10px 8px 10px;  float:right; width:214px;}





#bulletlist1 ul {margin:0; padding:0; list-style-type:none;}

#bulletlist1 li { display:block; text-align:left; margin:0; height:24px;}

#bulletlist1 li a:hover {color:#666; display:block; padding:5px 0 5px 5px; margin:0; background:#ece9e9;}

#bulletlist1 li a {color:#666; display:block;padding:5px 0 5px 5px; text-decoration:none; margin:0;height:16px;  }





#bulletlist2 ul {margin:0; padding:0; list-style-type:none;}

#bulletlist2 li { display:block; text-align:left; margin:0; height:24px;}

#bulletlist2 li a:hover {color:#666; display:block; padding:5px 0 5px 5px; margin:0; background:#ece9e9;}

#bulletlist2 li a {color:#666; display:block;padding:5px 0 5px 5px; text-decoration:none; margin:0;height:16px;  }



#bulletlist3 ul {margin:0; padding:0; list-style-type:none;}

#bulletlist3 li { display:block; text-align:left; margin:0; height:24px;}

#bulletlist3 li a:hover {color:#666; display:block; padding:5px 0 5px 5px; margin:0; background:#ece9e9;}

#bulletlist3 li a {color:#666; display:block;padding:5px 0 5px 5px; text-decoration:none; margin:0;height:16px;  }

.sitemapbg {background:#ece9e9; padding:4px 5px 4px 5px;}

.sitemapbg2 {background:#ece9e9; padding:4px 5px 4px 5px; margin-top:5px;}



#clientcont ul {margin:0; padding:0; list-style-type:none;}

#clientcont li { display:block; text-align:left; margin:0; height:26px;}

#clientcont li a:hover {color:#666; display:block; padding:4px 0 4px 4px; margin:0; background:#ece9e9;}

#clientcont li a {color:#666; display:block;padding:4px 0 4px 4px; text-decoration:none; margin:0;height:16px;  }

#clientcont li.on1 a:hover {color:#666; display:block; padding:4px 0 4px 4px; margin:0; background:url(../images/cross.gif) no-repeat 199px 6px #ece9e9;}

#clientcont li.on1 a {color:#666; display:block;padding:4px 0 4px 4px; text-decoration:none; margin:0;height:16px; background:url(../images/cross.gif) no-repeat 199px 6px;  }



#stripecontent1 .title {background:#ebebeb; padding:5px 8px 5px 8px; color:#515151; text-transform:uppercase; font-size:10px; margin-bottom:8px;}

#stripecontent1 .title2 {background:#ebebeb; padding:5px 8px 5px 8px; color:#515151; text-transform:uppercase; font-size:10px; margin-bottom:8px; margin-top:5px;}

#stripecontent2 a {border-bottom:1px dotted #ddd; padding-bottom:2px;}

#clientlogos {float:right; width:97px; background:#fff; padding:8px; height:100%;}

#clientlogos .logo {border:1px solid #ece9e9; margin-bottom:8px; text-align:center;}

#clientlogos .height {width:97px;height:472px}

#maincontent {float:right; width:613px; background:#ebebeb; padding:8px;}



#clientmini  {width:438px; height:200px;}

#clientmini .fl {float:left; padding-top:90px;}

#clientmini .fr {float:left; padding-top:90px;}



#clientmini .border {width:365px; border:8px solid #d9e6f6; padding:8px; float:left;height:182px; background:#fff;}

#clientmini .image {float:left; width:173px;}

#clientmini .imbord {border:1px solid #e9e9e9; padding:3px;}

#clientmini .im2 {border:1px solid #e9e9e9;}

#clientmini .fr2 {float:right; width:182px;}

#clientmini .sitename {font-size:14px; font-weight:bold;}

#clientmini .description {overflow:auto; height:165px;}

#toptitle {height:35px;}

#toptitle .title {font-size:16px; color:#515151; padding-left:7px; padding-top:8px; text-transform:uppercase; font-weight:bold; float:left;}

#toptitle .key {background:url(../images/cross.gif) no-repeat 4px 5px #fff; padding:3px 8px 3px 21px; text-align:center; width:84px; text-transform:uppercase; color:#8c8b8b; margin-top:5px; float:right; font-size:10px;}



#stripecontent1 {background:url(../images/stripes.gif) repeat; padding:8px; float:left; width:476px;}

#stripecontent2 {background:url(../images/stripes.gif) repeat; padding:8px; float:left; width:351px;}

#stripecontent3 {background:url(../images/stripes.gif) repeat; padding:8px;}



#stripecontent2 .white {background:#fff; padding:12px;}

#stripecontent2 .introtext {font-size:14px; color:#dd8019; margin-bottom:5px;}

#stripecontent2 .introtext2 {font-size:14px; color:#dd8019; margin-bottom:5px; margin-top:10px;}

.bluebg {margin-top:8px; background:#daecff; padding:10px;}

.bluebg2 {margin-top:8px; margin-bottom:8px; background:#e4f1fe; padding:14px;}

#sidecontent {float:right; width:175px;}

#sidecontent .white1 {background:#fff; padding:6px;}

#sidecontent .text1 { font-size:10px; text-transform:uppercase; color:#707070; border-bottom:1px solid #e7e7e7; padding-bottom:6px; margin-bottom:8px;}

#sidecontent .bord1 {border:1px solid #e7e7e7; padding:8px; }

#sidecontent .logo {border:1px solid #e7e7e7;height:50px; width:143px; }

#sideclient a { color:#dd8019; }

#sideclient {font-size:10px; margin-top:-3px;}

#sideclient .name {margin-top:8px; text-transform:uppercase; color:#4d82b7;}

#sideclient .details { line-height:13px;}

#ecomfeatures a {border:none;}

#client2 { padding-top:0px}

#client {border-bottom:1px solid #e7e7e7; margin-bottom:10px; padding-bottom:10px}

#aboutconte {float:right; width:238px;}

#aboutconte .white1 {background:#fff; padding:6px;}

#aboutconte .white2 {background:#fff; padding:6px; margin-top:8px;}



#aboutconte .bord1 {border:1px solid #e7e7e7; padding:8px; }

#aboutconte .text1 { font-size:10px; text-transform:uppercase; color:#707070; border-bottom:1px solid #e7e7e7; padding-bottom:6px; margin-bottom:8px;}

#aboutconte .pic {float:left; margin-right:7px; font-size:10px; color:#707070; text-align:center; margin-top:0px;}

#aboutconte .imgbord2 {border:1px solid #dadada; padding:3px; margin-bottom:2px; margin-top:6px;}

#aboutconte .name { text-transform:uppercase; text-align:center}



#aboutconte .imgbord {border:1px solid #dadada; padding:3px; margin-bottom:2px;}

#aboutconte .pic2 {float:left;  font-size:10px; color:#707070; text-align:center;}

#bbjobs .join {color:#dd8019; font-size:12px; margin-top:-2px}

#bbjobs a { border-bottom:1px dotted #ddd; padding-bottom:2px;}

.imgbord2 {border:1px solid #dadada; padding:3px; margin-bottom:2px; margin-right:8px;}

#ecom_featureslist a {border:0;}

#spagebut ul {margin:0; padding:0; list-style-type:none;}

#spagebut li {	display: inline; margin-left:8px; float: right;}

#spagebut li a { display:block; padding:6px; background:#fff; width:102px; text-align:center}

#spagebut li.on2 a { display:block; padding:6px; background:#fff; width:104px; text-align:center}

#spagebut li.on3 a { display:block; padding:6px; background:#0066cb; color:#fff; width:104px; text-align:center}



#spagebut li a:hover { color:#fff; background:#0066cb;}

#subbar .back {float:left; background:url(../images/back.gif) no-repeat 4px 4px #fff; padding:2px 7px 1px 19px; font-size:10px; border:1px solid #ebebeb;}

#subbar {height:30px;}

#subbar .fl1 {float:right; margin-left:5px;}

#subbar .list {font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif; margin-right:5px; width:190px;}



#clientleft {float:left; width:211px; padding:10px; background:#efedee;}

#clientleft .bg {background:#fff; padding:5px;}

#clientleft .screen {border:1px solid #ebebeb;}

#clientdet {margin-top:10px; background:#fff; padding:5px;}

#clientdet .bord {border:1px solid #ebebeb; height:14px; padding:3px 6px 3px 6px;}

#clientdet .enlarge {float:left; text-transform:uppercase; font-size:10px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px;}

#clientdet .view {float:right; text-transform:uppercase; font-size:10px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px;}

#clientdet a {color:#f4920d;}

#clientpop {border:1px solid #ebebeb;padding:3px; margin-top:10px;cursor:pointer;}

#clientpop .bord {border:1px solid #ebebeb; height:14px; padding:3px 6px 3px 6px;}

#clientpop .enlarge {float:left; text-transform:uppercase; font-size:10px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px;}

#clientpop .view {float:right; text-transform:uppercase; font-size:10px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px;}



#clientright {float:right; width:330px; padding:14px; background:#fff;}

#clientright .title {text-transform:uppercase; font-weight:bold; font-size:16px}

#clientright .intro {background:#f7f5f6; padding:10px; margin-top:10px; margin-bottom:10px; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px;}

#clientright ul {margin:10px 0 10px 0; padding:0; list-style-type:none;}

#clientright li {background: url(../images/arr5.gif) no-repeat 0 2px; padding-left:20px; margin-bottom:5px;}

#viewingdetails {margin-top:10px;}

#viewingdetails .site {text-transform:uppercase; font-size:10px; margin-bottom:2px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px}

#viewingdetails .return {text-transform:uppercase; font-size:10px; color:#f4920d; background:url(../images/arr1.gif) no-repeat 1px 3px; padding-left:14px;}

#viewingdetails a {color:#f4920d;}

.profilepic {padding:3px; border:1px solid #ddd; margin-right:10px;}

#contactform {margin-top:10px; background:#f5f5f5; padding:10px}

#contactform .fl1 {float:left; width:180px;}

#contactform  p {margin:0 0 5px 0}

#contactform .fr1 {float:right; width:180px;}

#contactform .input1 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border-left: 4px solid; border-top:1px solid ;border-right:1px solid ;border-bottom:1px solid ; padding:5px; width:167px;}

.input3 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border-left: 4px solid; border-top:1px solid ;border-right:1px solid ;border-bottom:1px solid ; padding:5px; width:167px; border-color:#dfdfdf;}

#contactform .input2 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border-left: 4px solid #dfdfdf; border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; padding:5px; width:355px; height:90px;}

.fht {height:35px;}

.fht2 {height:20px; margin-top:7px;}



#contactform .send {background:#e8800f; margin-top:8px; padding:4px 5px 4px 5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0;}



#uk_address {border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin-bottom:8px}

#us_address {border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin-bottom:8px}



.office_add {background:url(../images/cross.gif) no-repeat 0 2px; padding-left:16px; margin-bottom:1px; color:#2a74b3; font-size:10px;}

.em_cont {background:url(../images/littlearrow.gif) no-repeat 0 2px; padding-left:16px; margin-bottom:1px; color:#dd8019;  font-size:10px;}



#news_cat {border-bottom:1px solid #e7e7e7; padding-bottom:6px; margin-bottom:6px}

#news_cat ul {margin:0; padding:0; list-style-type:none;}

#news_cat li { margin-bottom:5px;}

#news_cat li a {background: url(../images/littlearrow.gif) no-repeat 0 4px; padding-left:17px; display: block; height:17px;}

#news_cat li a:hover {background: url(../images/littlearrow.gif) no-repeat 0 4px #eee; color:#666; }

#news_cat li.mar {margin-bottom:0;} 



#news_arch {border-bottom:1px solid #e7e7e7; padding-bottom:6px; margin-bottom:6px}

#news_arch ul {margin:0; padding:0; list-style-type:none;}

#news_arch li { margin-bottom:5px;}

#news_arch li a {background: url(../images/cross.gif) no-repeat 0 4px; padding-left:17px; display: block; height:17px;}

#news_arch li a:hover {background: url(../images/cross.gif) no-repeat 0 4px #eee; color:#666; }

#news_arch li.mar {margin-bottom:0;} 



#news_rss {margin-bottom:-3px}

#news_rss ul {margin:0; padding:0; list-style-type:none;}

#news_rss li { margin-bottom:5px;}

#news_rss li a {background: url(../images/littlearrow.gif) no-repeat 0 4px; padding-left:17px; display: block; height:17px;}

#news_rss li a:hover {background: url(../images/littlearrow.gif) no-repeat 0 4px #eee; color:#666; }

#news_rss li.mar {margin-bottom:0;} 



.blog_comm {color:#317ece; font-size:14px; margin-top:10px;}

.stripe_bar {background:url(../images/stripes.gif) repeat; height:6px; padding:0; font-size:6px; border-top:6px solid #fff;}

#commentlist ul {margin:0; padding:0; list-style-type:none;}



#commentlist li {background:#f3f3f3; margin:0;}

#commentlist li.alt {background:#eaf2f5;margin:0;}

#commentlist .pic {float:left; width:50px; padding:3px; background:#fff; height:50px; border:1px solid #ddd;}

#commentlist .content {float:right; width:290px; margin-top:-2px;}

#commentlist .name {color:#666}

#commentlist p {margin:0;}

#commentlist .date {color:#9c9c9c;}

#commentlist .date a {color:#9c9c9c;}

.searchbox {border:1px solid #ddd; padding:2px; font-family:Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; font-size:10px; width:140px; margin-left:7px;}

.but_find {font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:1px; font-size:9px; border:0; background:#4a90d9; padding:2px; height:16px;}

#news_search .fl1 {float:left; padding-top:1px;}

#news_search {float:right; width:224px; padding:5px 10px 5px 10px; background:#fff; height:17px;}





.blog_cont1 {border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin-bottom:8px;}

#postdata {border-top:2px dotted #e7e7e7; padding-top:4px; padding-bottom:4px;margin-bottom:18px;border-bottom:2px dotted #e7e7e7;font-size:10px; color:#939393; text-transform:uppercase; }

#postdata a {color:#939393; border:0;}

#blog_det {height:15px;}

#blog_det .fl {float:left; font-size:10px; color:#939393; text-transform:uppercase;}

#blog_det .fr {float:right; text-transform:uppercase; font-size:10px; color:#317ece;}

#blog_det a {color:#317ece;  border:0;}



.navigation {height:30px;}

.alignleft {float:left; background:url(../images/back.gif) no-repeat 4px 4px #fff; padding:2px 4px 1px 19px; font-size:10px; border:1px solid #ebebeb; margin-right:5px;}

.alignright {float:left; background:url(../images/forward.gif) no-repeat 64px 4px #fff; padding:2px 19px 1px 4px; font-size:10px; border:1px solid #ebebeb;}

.clientbox {padding:10px; margin-top:-110px;margin-left:140px;position:absolute; z-index:1000;}

.clientbox2 {padding:10px; margin-top:-110px;margin-left:-400px;position:absolute; z-index:1000;}

#indexbox {border:8px solid #ebebeb; height:194px; background: #ebebeb; margin-bottom:8px; }

#indexbox .feature {float:left; width:618px;}

#slider1 .clients {float:right;width:113px;}

#paginate-slider1 img {cursor:pointer;}

.slide1 { margin-bottom:8px;}





.contentslide{

aligh:center; border:8px solid #ebebeb; height:193px; background: #ebebeb; margin-bottom:8px;

}

.contentslide .contentdiv{

position: absolute; 
width:748px;

}





body {margin:0:}

.validation-advice {background:#e01010; color:#fff; padding:5px; position:absolute; margin-left:00px; margin-top:0px; margin-right:10px;}

.error_red {background:#e01010; color:#fff; padding:5px 8px 5px 8px; margin-bottom:10px;}

#contactform .input1ok {border-color:#dfdfdf;}

.validation-failed {border-color: #f00;}