/* CSS Document */

body {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	width:1012px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
	background-color:#efefef;
	font-size:100%;
	text-align:left;
}

.wrapper {
	width:889px;
	background-color:#ffffff;
	padding:10px 64px 0px 64px;
	overflow:hidden;
}
h3 {
font-size:100%;
margin:0px;
margin-bottom:4px;
	
/*HEADER--------------------------------------*/
}
.headerleft {
float:left;
}
.headerright {
float:right;
text-align:right;
margin-top:12px;
margin-bottom:8px;
}
.headerlink a{
background-image:url(images/purp_arrow.gif);
background-repeat:no-repeat;
padding-left:9px;
text-decoration:none;
color:#333333;
font-size:90%;
}
.headerlink a:hover{
text-decoration:underline;
}
.headerlink a:visited{
color:#333333;
}
.headertxt {
}
.contactinfo {
display:block;
font-size:80%;
font-weight:bold;
color:#993366;
text-align:right;
margin-top:14px;

}
.contactinfo a{
color:#993366;
text-decoration:none;



/*GEN LAYOUT------------------------------*/
}
.left {
float:left;
}
.right {
float:right;
}
.vleft {
float:left;
}
.vright {
float:right;
height:30px;
color:#993366;
}
.caseleft02 {
float:left;
width:391px;
margin-right:6px;
display:block;
}
.caseright02 {
float:right;
text-align:left;
width:273px;
padding-right:5px;
display:block;

}
.dontleft {
float:left;
width:304px;
margin-top:10px;
}
.dontright {
float:right;
width:200px;
}
.clear {
clear:both;
}
.mainlefthome {
width:539px;
}
.leftdont {
width:539px;
border:1px solid #993366;
background-image:url(images/dont_bg.gif);
background-position:right top;
background-repeat:no-repeat;
margin-top:7px;
}
.coldont {
width:340px;
border:1px solid #993366;
background-image:url(images/dont_bg.gif);
background-position:right top;
background-repeat:no-repeat;
margin-top:7px;
}
.dont {
background-image:url(images/dont.gif);
background-repeat:no-repeat;
display:block;
height:71px;
width:250px;
margin-left:19px;
margin-top:22px;
}
.mainleft {
float:left;
width:539px;
margin-top:6px;

}
.mainright{
margin-top:6px;
float:right;
width:342px;
}
.smeetme {
background-image:url(images/smeetme.gif);
width:342px;
height:144px;
display:block;
background-repeat:no-repeat;
margin-top:7px;
}
.ventures {
padding:26px 20px 10px 18px;
width:304px;
font-size:85%;
margin-top:7px;
}
.venturetitle {
background-image:url(images/ventures.gif);
background-repeat:no-repeat;
display:block;
width:288px;
height:22px;
margin-bottom:10px;
}
.ventures a{
color:#993366;
text-decoration:underline;
}
.ventures h3{
background-color:#993366;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin-top:18px;
margin-bottom:10px;
}
.ventures p{
font-size:80%;
margin:6px 0px 10px 0px;



/*NAV----------------------------------------*/
}
.mainnav {
clear:both;
background-color:#7C7C7C;
padding:1px 1px 1px 10px;
display:block;
margin-top:0px;
}

.navtext {
visibility:hidden;
}
.mainnav ul {
padding:0px;
padding-top:3px;
padding-bottom:0px;
margin:0px;

}

.mainnav li {
list-style:none;
padding:0px;
padding-right:30px;
display: inline;
height:17px;
width:300px;
font-size:110%;
}
.mainnav li a{
text-decoration:none;
}
.nav01 a{
background-image:url(images/our_expertise01.gif);
background-repeat:no-repeat;
display:inline;
width:125px;
height:17px;
}
.nav01 a:hover{
background-image:url(images/our_expertise02.gif);
background-repeat:no-repeat;
}
.nav01Sel{
background-image:url(images/our_expertise02.gif);
background-repeat:no-repeat;
display:inline;
width:125px;
height:17px;

}
.nav02 {
background-image:url(images/case_studies01.gif);
background-repeat:no-repeat;
display:inline;
width:325px;
height:17px;
}
.nav02 a:hover{
background-image:url(images/case_studies02.gif);
background-repeat:no-repeat;
}
.nav02Sel{
background-image:url(images/case_studies02.gif);
background-repeat:no-repeat;
display:inline;
width:325px;
height:17px;
}
.nav03 {
background-image:url(images/blog01.gif);
background-repeat:no-repeat;
display:inline;
width:225px;
height:17px;
}
.nav03 a:hover{
background-image:url(images/blog02.gif);
background-repeat:no-repeat;
}
.nav03Sel {
background-image:url(images/blog02.gif);
background-repeat:no-repeat;
display:inline;
width:225px;
height:17px;
}
.nav04 {
background-image:url(images/recruitment01.gif);
background-repeat:no-repeat;
display:inline;
width:225px;
height:17px;
}
.nav04 a:hover {
background-image:url(images/recruitment02.gif);
background-repeat:no-repeat;
}
.nav04Sel {
background-image:url(images/recruitment02.gif);
background-repeat:no-repeat;
display:inline;
width:225px;
height:17px;
}
/*HOME---------------------------------------------------*/
.homequote {
background-image:url(images/home_quote.gif);
background-repeat:no-repeat;
background-color:#993366;
display:block;
width:540px;
height:149px;
}
.introtext {
padding-top:0px;
padding-left:20px;
padding-right:28px;
color:#333333;
}
.maintext {
padding-top:0px;
padding-left:20px;
padding-right:28px;
padding-bottom:18px;
font-size:80%;
line-height:120%;
color:#333333;
}
.expertbutton a{
background-image:url(images/expertise.gif);
display:block;
background-repeat:no-repeat;
width:124px;
height:20px;
text-decoration:none;

}
.logo01 {
background-image:url(images/bt_logo.gif);
background-repeat:no-repeat;
background-position:left;
width:195px;
height:95px;
display:block;
margin:10px;
margin-top:75px;
}
.testbutton a{
background-image:url(images/testimonials_button.gif);
display:block;
background-repeat:no-repeat;
width:124px;
height:20px;
text-decoration:none;
margin-right:2px;
}
.testbutton a:hover{
background-image:url(images/testimonials_button02.gif);
background-repeat:no-repeat;
}
.casebutton a{
background-image:url(images/case_button.gif);
display:block;
background-repeat:no-repeat;
width:124px;
height:20px;
text-decoration:none;
/*}
.casebutton a:hover{
background-image:url(images/case_button02.gif);
background-repeat:no-repeat;*/

/*PARTNER BOX-------------------------*/
}
.partnerbox {
background-color:#8BC611;
background-image:url(images/partner_bg.gif);
background-repeat:no-repeat;
background-position:right top;
color:#FFFFFF;
padding:26px 20px 10px 18px;
font-size:80%;
}
.partnerlink{
color:#FFFFFF;
font-weight:bold;
font-size:85%;
text-decoration:underline;
background-image:url(images/arrow_purple.gif);
background-repeat:no-repeat;
padding-left:10px;
}
.partnertitle {
background-image:url(images/partner_title.gif);
background-repeat:no-repeat;
display:block;
width:288px;
height:18px;
margin-bottom:10px;

/*FLASHBOX--------------*/
}
.flashbox {
background-image:url(images/flash_holder.jpg);
background-repeat:no-repeat;

margin-top:7px;
display:block;
height:356px;
width:340px;
/*PLENTYBOX-------------------*/
}
.plentybox {
background-color:#4585AB;
background-image:url(images/plenty_bg.gif);
background-repeat:no-repeat;
background-position:right top;
color:#FFFFFF;
padding:26px 30px 10px 18px;
font-size:80%;
margin-top:7px;
}
.plenty a{
color:#FFFFFF;
font-weight:bold;
font-size:85%;
text-decoration:underline;
background-image:url(images/arrow_purple.gif);
background-repeat:no-repeat;
padding-left:10px;
}
.plentytitle {
background-image:url(images/plenty_title.gif);
background-repeat:no-repeat;
display:block;
width:192px;
height:21px;
margin-bottom:0px;
}
.comingtitle {
background-image:url(images/coming_title.gif);
background-repeat:no-repeat;
display:block;
width:200px;
height:21px;
margin-bottom:0px;
}
.blogbutton a{
background-image:url(images/blog_button.gif);
display:block;
background-repeat:no-repeat;
width:84px;
height:21px;
text-decoration:none;
}
.blogbutton a:hover{
background-image:url(images/blog_button02.gif);
background-repeat:no-repeat;
}
.indent {
margin-right:110px;
/*EXPERTISE-------------*/
}
.expertisequote {
background-image:url(images/expertise_quote.gif);
background-repeat:no-repeat;
background-color:#3E7799;
display:block;
width:541px;
height:166px;

}
.leftexpert {
float:left;
width:314px;
margin-top:18px;
}
.rightexpert {
float:right;
width:182px;
background-color:#DEEAF1;
padding:12px;
color:#25485C;
font-size:70%;
margin-top:18px;
margin-right:10px;
padding-bottom:18px;
}
.rightexpert li{
padding:0px;
margin:0px;
}
.rightexpert ul{
padding-left:15px;
margin:0px;
}
#experttitle {
background-image:url(images/expertise_title.gif);
background-repeat:no-repeat;
display:block;
width:182px;
height:12px;
margin-bottom:10px;
margin-top:18px;
}
.experttable {
font-size:85%;
line-height:115%;
margin-bottom:40px;
}
.experttable ul{
padding:0px;
margin:18px;
}
.experttable li{
margin-bottom:4px;
}
.definition {
background-color:#E5FCBB;
padding:14px;
width:220px;
}
.definition02 {
background-color:#ECF3F6;
padding:14px;
width:220px;

}
.expertise {
padding:14px;
width:220px;
}
.experttable a{
background-image:url(images/arrow_purple02.gif);
background-repeat:no-repeat;
padding-left:9px;
text-decoration:underline;
color:#333333;
font-weight:bold;

}
.design {
background-image:url(images/01design.gif);
background-repeat:no-repeat;
display:block;
width:461px;
height:27px;
margin-bottom:10px;
margin-top:18px;
}
.req {
background-image:url(images/02req.gif);
background-repeat:no-repeat;
display:block;
width:498px;
height:27px;
margin-bottom:10px;
margin-top:18px;
}
.end {
background-image:url(images/03end.gif);
background-repeat:no-repeat;
display:block;
width:498px;
height:27px;
margin-bottom:10px;
margin-top:18px;
}
.ui {
background-image:url(images/04ui.gif);
background-repeat:no-repeat;
display:block;
width:498px;
height:27px;
margin-bottom:10px;
margin-top:18px;
}
.tech {
background-image:url(images/05tech.gif);
background-repeat:no-repeat;
display:block;
width:461px;
height:63px;
margin-bottom:10px;
margin-top:18px;
}
.proto {
background-image:url(images/06proto.gif);
background-repeat:no-repeat;
display:block;
width:458px;
height:63px;
margin-bottom:10px;
margin-top:18px;
}
.creative {
background-image:url(images/07creative.gif);
background-repeat:no-repeat;
display:block;
width:461px;
height:27px;
margin-bottom:10px;
margin-top:18px;
}
.spec {
background-image:url(images/08spec.gif);
background-repeat:no-repeat;
display:block;
width:458px;
height:63px;
margin-bottom:10px;
margin-top:18px;
/*case study--------------------------------------*/
}
.casequote {
background-image:url(images/case_quote.gif);
background-repeat:no-repeat;
background-color:#DD9500;
display:block;
width:889px;
height:122px;
margin-top:5px;
margin-bottom:6px;
}
.casetabs {
display:block;
width:258px;
height:28px;
}
.casemain{
display:block;
border:1px solid #4585AB;
padding:18px;
clear:both;
font-size:80%;
color:#333333;
width:851px;
margin-top:6px;
}
.caseleft {
float:left;
display:block;
width:130px;
margin-top:20px;
text-align:left;
padding:0px;

}
.caseright {
float:right;
display:block;
width:690px;
margin-top:20px;
text-align:left;
}
.caseleft ul{
margin:0px;
padding:0px;

}
.caseleft li{
list-style:none;
padding:0px;
margin:0px;
height:60px;
width:115px;
font-size:110%;
margin-bottom:5px;
}
.caseleft li a{
text-decoration:none;
border:1px solid #A2C2D5;
height:60px;
width:115px;
display:block;
}
.caseleft li a:hover{
text-decoration:none;
border:1px solid #4585AB;
height:60px;
width:115px;
display:block;
}
.Telegraph {
background-image:url(images/case_telegraph.jpg);
height:60px;
width:115px;
display:block;
margin:0px;
padding:0px;
}
.Intel {
background-image:url(images/case_intel.jpg);
height:60px;
width:115px;
display:block;
margin:0px;
padding:0px;
}
.BT {
background-image:url(images/case_bt.jpg);
height:60px;
width:115px;
display:block;
margin:0px;
padding:0px;
}
.Modus {
background-image:url(images/case_modus.jpg);
height:60px;
width:115px;
display:block;
margin:0px;
padding:0px;
}
.tabSel {
background-image:url(images/tabSel.gif);
background-repeat:no-repeat;
font-size:90%;
width:126px;
height:23px;
color:#4585AB;
display:block;
padding-top:5px;
text-align:center;
font-weight:bold;
}
.tabSel a{
color:#4585AB;
text-decoration:none;
}
.tabSel a:hover{
color:#4585AB;
text-decoration:underline;
}
.tabUnSel {
background-image:url(images/tabUnSel.gif);
background-repeat:no-repeat;
font-size:90%;
width:126px;
height:23px;
color:#ffffff;
display:block;
padding-top:5px;
text-align:center;
font-weight:bold;
}
.tabUnSel a{
color:#ffffff;
text-decoration:none;
}
.tabUnSel a:hover{
color:#ffffff;
text-decoration:underline;
}
.summary {
background-color:#C7DAE6;
padding:10px;
display:block;
font-size:110%;
margin-bottom:20px;
}
.summary a{
font-weight:bold;
color:#4585AB;
text-decoration:none;
}
.summary ul{
margin:0px;
padding:0px;
}
.summary li{
display:inline;
list-style:none;
margin-right:10px;
}
.btframes {
background-image:url(images/BT_wireframes.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:205px;
margin-bottom:6px;
}
.btscreens {
background-image:url(images/bt_screen.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:447px;
margin-bottom:6px;
}
.intelframes {
background-image:url(images/intel_wireframes.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:205px;
margin-bottom:6px;
}
.intelscreens {
background-image:url(images/intel_screen.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:531px;
margin-bottom:6px;
}
.telframes {
background-image:url(images/tel_wireframes.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:205px;
margin-bottom:6px;
}
.telscreens {
background-image:url(images/tel_screen.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:398px;
margin-bottom:6px;
}
.modusframes {
background-image:url(images/modus_wireframes.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:205px;
margin-bottom:6px;
}
.modusscreens {
background-image:url(images/modus_screen.jpg);
background-repeat:no-repeat;
display:block;
width:391px;
height:291px;
margin-bottom:6px;
}
.caseBTlogo {
background-image:url(images/bt_logo.gif);
background-repeat:no-repeat;
width:265px;
height:95px;
display:block;
margin-top:40px;
margin-bottom:30px;
}
.Telegraphlogo {
background-image:url(images/telegraph_logo.jpg);
background-repeat:no-repeat;
width:265px;
height:95px;
display:block;
margin-top:40px;
margin-bottom:4px;
}
.Moduslogo {
background-image:url(images/modus_logo.gif);
background-repeat:no-repeat;
width:265px;
height:95px;
display:block;
margin-top:40px;
margin-bottom:30px;
}
.intellogo {
background-image:url(images/intel_logo.gif);
background-repeat:no-repeat;
width:265px;
height:95px;
display:block;
margin-top:40px;
margin-bottom:30px;
}
.overview {
background-image:url(images/overview_title.jpg);
background-repeat:no-repeat;
width:81px;
height:15px;
display:block;
margin-bottom:15px;
}
.bluelink {
font-size:90%;
font-weight:bold;
color:#4585AB;
text-decoration:underline;
/*CONTACT----------------------*/
}
.enquirytitle {
background-image:url(images/enquiry_title.jpg);
background-repeat:no-repeat;
width:150px;
height:19px;
display:block;
margin-bottom:15px;
}
.recruitmenttitle {
background-image:url(images/recruitment.jpg);
background-repeat:no-repeat;
width:150px;
height:19px;
display:block;
margin-bottom:15px;
}
.submitbutton a{
background-image:url(images/submit.gif);
display:block;
background-repeat:no-repeat;
width:84px;
height:20px;
text-decoration:none;
}
.form p{
font-size:87%;
font-weight:bold;
padding:0px;
margin-bottom:4px;
margin-top:4px;
/*EXPERIENCE LOGOS--------------------------------------------*/
}
.experiencetitle {
background-image:url(images/experience_title.gif);
background-repeat:no-repeat;
display:block;
width:161px;
height:18px;
margin-bottom:10px;
}
.exsub {
font-size:110%;
font-weight:bold;
background-color:#6D9C0E;
padding:3px;
margin-right:2px;
margin-bottom:10px;
margin-top:3px;
}
.logolist01 {
background-image:url(images/ex_logos01.gif);
width:301px;
height:61px;
display:block;
background-repeat:no-repeat;

}
.logolist02 {
background-image:url(images/ex_logos02.gif);
width:301px;
height:61px;
display:block;
background-repeat:no-repeat;

}
.logolist03 {
background-image:url(images/ex_logos03.gif);
width:301px;
height:61px;
display:block;
background-repeat:no-repeat;

}
.logolist04 {
background-image:url(images/ex_logos04.gif);
width:301px;
height:61px;
display:block;
background-repeat:no-repeat;

}
.logolist05 {
background-image:url(images/ex_logos05.gif);
width:301px;
height:61px;
display:block;
background-repeat:no-repeat;
}
.expertquote {
background-color:#D8E1ED;
padding:6px 20px 18px 20px;
color:#001442;
font-size:85%;
}
.quoteclose {
background-image:url(images/quote02.gif);
background-repeat:no-repeat;
height:33px;
background-position: right bottom;
float:right;
width:40px;
display:block;
}
.name{
float:left;
display:block;
width:290px;
height:30px;
}
.size {
width:70px;
height:54px;
display:block;
}
.intel {
background-image:url(images/ex_intel.jpg);
width:70px;
height:54px;
display:block;
}
.geek {
background-image:url(images/ex_geek.jpg);
width:70px;
height:54px;
display:block;
}
.netid {
background-image:url(images/ex_netid.jpg);
width:70px;
height:54px;
display:block;
}
.bda {
background-image:url(images/ex_bda.jpg);
width:70px;
height:54px;
display:block;
}
.simply {
background-image:url(images/ex_ss.jpg);
width:70px;
height:54px;
display:block;
}
.telsimply {
background-image:url(images/ex_tel.jpg);
width:70px;
height:54px;
display:block;
}
.fpi{
background-image:url(images/ex_fpi.jpg);
width:70px;
height:54px;
display:block;
}
.ara {
background-image:url(images/ex_ara.jpg);
width:70px;
height:54px;
display:block;
}
.bt {
background-image:url(images/ex_bt.jpg);
width:70px;
height:54px;
display:block;
}
.modus {
background-image:url(images/ex_modus.jpg);
width:70px;
height:54px;
display:block;
}
.ey {
background-image:url(images/ex_ey.jpg);
width:70px;
height:54px;
display:block;
}
.dst {
background-image:url(images/ex_dst.jpg);
width:70px;
height:54px;
display:block;
}
.toyota {
background-image:url(images/ex_toyota.jpg);
width:70px;
height:54px;
display:block;

}
.words {
background-image:url(images/ex_22words.jpg);
width:70px;
height:54px;
display:block;
}
.smeet {
background-image:url(images/ex_smeet.jpg);
width:70px;
height:54px;
display:block;
}
.footer {
background-color:#993366;
padding:10px;
font-size:80%;
color:#FFFFFF;
}
.smaller {
font-size:85%;
padding-top:5px;
display:block;
}
.bigger {
font-size:130%;

}
.whitelink {
color:#FFFFFF;
font-weight:bold;
font-size:85%;
text-decoration:underline;
background-image:url(images/arrow_purple.gif);
background-repeat:no-repeat;
padding-left:10px;