* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/


body {
height:100%;
background:#fff url(images/bg.jpg) repeat-x;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
line-height:120%;
}

a {
color:#cc0000;
text-decoration:underline;
}

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

hr {
margin:10px 0 20px 0;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

ul {margin-left:15px;}

ul.pdf {
margin:0;
}

ul.pdf li {
list-style-type:none;
}

ul.pdf li a {
background:#CADFF2 url(images/pdf.gif) 5px center no-repeat;
display:block;
padding:20px 20px 20px 60px;
border:1px solid #8DB4DF;
margin:10px 0;
}

#centerColumn { 	
margin:0 auto;
width:770px;
text-align:left;
vertical-align: middle;	
}

h2 {
margin:0 0 .5em 0;
padding:.75em 0 0 .5em;
font-family:Arial;
font-size:1.4em;
color:#426BB3;
font-style:italic;
}

h2.aboutd2 {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/about.gif) no-repeat;
width:513px;
height:44px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.testimonials {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:#426BB3 url(images/testimonials.gif) no-repeat;
width:100%;
height:44px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.whyd2 {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/whychoose.gif) no-repeat;
width:513px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.clientlist {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/clientlist.gif) no-repeat;
width:256px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.ourmethods {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/ourmethods.gif) no-repeat;
width:513px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.documentation {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/documentation.gif) no-repeat;
width:513px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.careersatd2 {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/careersatd2.gif) no-repeat;
width:513px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.contact {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/contact.gif) no-repeat;
width:513px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}











h2.submittod2 {
border-top:1px solid #fff;
background:url(images/submittod2.gif) no-repeat;
width:256px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.submittod2 a {
display:block;
width:256px;
height:43px;
overflow:hidden;
}

h2.whenwasthelasttime {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/whenwasthelasttime.gif) no-repeat;
width:256px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.clienttestimonials {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(images/clienttestimonials.gif) no-repeat;
width:256px;
height:43px;
text-indent:-999999px;
margin:0;
padding:0;
}

h2.currentvacancies {
border-top:1px solid #fff;
background:url(images/currentvacancies.gif) no-repeat;
width:256px;
height:33px;
text-indent:-999999px;
margin:0;
padding:0;
}




h3 {
margin:0 0 .5em 0;
padding:.75em 0 0 0;
font-size:1.1em;
font-weight:bold;
letter-spacing:.1em;
}

h4 {
font-size:1em;
}

div.testimonials {
border-bottom:1px dotted #ccc;
background:#FAF7F0 url(images/testimonials_bg.jpg) repeat-x;
border:1px solid #EADFC4;
padding:5px 15px 0px 15px;
margin:0 0 15px 0;
}

div.testimonials h3, div.testimonials h4 {
color:#CF0A04;
letter-spacing:0;
font-family:Garamond, Georgia;
text-transform:uppercase;
font-weight:normal;
}
div.testimonials h3 {
font-size:22px;
}
div.testimonials h4 {
color:#426BB3;
font-size:12px;
font-weight:bold;
font-family:arial;
}

div.testimonialsstat {
font-size:22px;
font-family:georgia;
color:#426BB3;
float:right;
width:300px;
line-height:120%;
text-align:right;
}

blockquote {
background:url(images/quote.gif) no-repeat 10px 10px;
padding:20px 10px 20px 40px;
}

dt {
font-weight:bold;
}

dd {
margin-bottom:10px;
}

p {
padding:3px 0 12px 0;
}

div.clienttestimonial {
padding:10px;
color:#fff;
font-size:90%;
background:#A12928 url(images/clienttestimonials.jpg) repeat-x;
border-bottom:1px solid #fff;
}

p.client {
font-weight:bold;
}

p.client a {
color:#fff;
}

strong.red {
color:#ff0000;
}

span.d2 {
background:url(images/d2.gif) no-repeat;
width:21px;
height:19px;
text-indent:-999999px;
}

#banner {
background:url(images/banner.jpg) repeat-x;
height:228px;
padding-top:16px;
}

#navbar {
background-color:#436FB8;
float:left;
width:152px;
height:223px;
}

#navbar ul {
list-style:none;
background-color:#ccc;
margin-left:0;
}

#navbar li {
margin:0;
list-style:none;
display:block;
clear:both;
}

#navbar li a {
margin:0 0 0 0;
background:#436FB8;
font-weight:bold;
text-transform:uppercase;
color:#fff;
font-style:italic;
display:block;
padding:3px 5px 6px 5px;
border-bottom:1px solid #fff;
font-size:12px;
text-decoration:none;
height:22px;
}

#navbar li a:hover, #navbar li#active a {
background:#CEE9FC;
color:#436FB8;
}

#header {
margin:0;
padding:0 0 0 15px;
background:url(images/header.jpg) right center no-repeat;
}

#header h1 {
margin:0;
padding:10px 0 0 0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:182px;
height:94px;
background:#fff url(images/logo.jpg) no-repeat;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
}

.contentwrap {
background:url(images/contentwrap.jpg) repeat-y;
}

.testimonialswrap {
background:url(images/contentwraptestimonials.jpg) repeat-y;
}

body#contact .contentwrap, body#whyd2 .contentwrap {
background:url(images/contentwrap_nocol.jpg) repeat-y;
}

#block_1 {
float:left;
width:514px;
}

#fullwidth {
width:100%;
}

.cell_3 {
float:right;
width:256px;
color:#fff;
}

.cell_3inner {
padding:10px;
background:#A12928 url(images/cell_3inner.jpg) repeat-x;
}

.cell_3inner fieldset {
background:url(images/uk_map.jpg) no-repeat right 42px;
}

.cell_3inner legend {
color:#fff;
}

.cell_3inner label {
color:#fff;
}

body#contact .cell_3, body#whyd2 .cell_3 {
color:#000;
}


.padded {
padding:10px;
}

.barepic {
border:none;
}

.right {
float:right;
}

.left {
float:left;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

img.floatright {
float:right;
margin-left:15px;
}

img.floatleft {
float:left;
margin-right:15px;
}

#footer {
position:relative;
clear:both;
bottom:0;
padding:0;
font-size:.7em;
background-color:#fff;
}

#footer div.right {
text-align:right;
width:400px;
}

#footer div.footerlinks {
background:#CADFF2;
}

#footer ul.footerlinks {
margin:0;
text-transform:uppercase;
padding:5px;
float:right;
}

#footer ul.footerlinks li {
display:inline;
padding:1px 5px;
border-left:1px solid #fff;
}

#footer ul.footerlinks li.first {
border-left:none;
}

#footer ul.footerlinks li a {
color:#fff;
}









/*======form========*/

form fieldset {clear:both;padding:20px 0; margin-bottom:10px; border:none;}

form fieldset legend {font-weight:bold; font-size:14px; color:#ff0000; border-bottom:1px solid #ccc;}

.fieldset {float:left; width:500px; margin:0 0 10px 0;}
.fieldset p {font-size:12px;}
.fieldsetcommand {float:right; margin:10px;}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 145px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-weight: bold;
	font-size:12px;
}



form input, form textarea, form select {

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}

form select {width:250px;}
form fieldset fieldset {margin:0 10px 15px 0; padding:0; font-size:12px; color:#000; border:solid 1px #ccc;}
form fieldset ol li {list-style-type:none; clear:both; padding:2px 0 5px 0; border-bottom:1px dotted #ccc;}


div#emailsent {background:#D1F3D1; border:1px solid #61B32F; padding:10px;}
div#emailform {width:80%;}

div#vsSummary {background:#FFDDDD; border:1px solid #D11010; padding:10px; margin:15px 0; color:#333;}

fieldset.send {padding:0 0 20px 0;}
fieldset.send legend {margin-top:16px; padding:0;}

#feedback {
position:absolute;
left:0px;
top:100px;
}

#feedback a {
display:block;
width:44px;
height:166px;
background:url(images/clientfeedback.gif) no-repeat;
text-indent:-999999px;
}