* { margin: 0; padding: 0; }

body { font: 80% "Trebuchet MS", verdana, arial, helvetica, sans-serif; text-align: center; background: #3c3e67 url(/images/bg.gif) top center; color: #000; }

#wrapper { margin: 40px auto; text-align: left; width: 770px; }

#header { background-color: #2e3192; color: white; position: relative; }

h1 { position: absolute; top: 10px; left: 477px; width: 276px; height: 90px; }
h1 a { display: block; background: url(/images/dr-logo.gif) top left no-repeat; width: 276px; height: 90px; text-indent: -999em; outline: none; }

a { color: #3c3e67; }
a:hover { color: #7e80c0; }

#nav ul { margin: 0 0 0 17px; padding: 138px 0 25px 0; }
#nav li { position: absolute; top:132px; list-style: none; margin: 0; font-size: 1.05em; }
#nav li a { background-position: 0 0; background-repeat: no-repeat; display: block; text-indent: -999em; outline: none; height: 19px; }
#nav li.about-us { left: 18px; }
#nav li.about-us a { background-image: url(images/nav/about-us.gif); width: 60px; }
#nav li.meet-the-team { left: 96px; }
#nav li.meet-the-team a { background-image: url(images/nav/meet-the-team.gif); width: 101px;  }
#nav li.what-we-do { left: 215px; }
#nav li.what-we-do a { background-image: url(images/nav/what-we-do.gif); width: 83px; }
#nav li.testimonials { left: 316px; }
#nav li.testimonials a { background-image: url(images/nav/testimonials.gif); width: 83px;  }

#nav li.clients { left: 417px; }
#nav li.clients a { background-image: url(images/nav/our-clients.gif); width: 70px;   }

#nav li.slideshow { left: 504px; }
#nav li.slideshow a { background-image: url(images/nav/slideshow.gif); width: 69px;  }

#nav li.case-study { left: 593px; }
#nav li.case-study a { background-image: url(images/nav/case-study.gif); width: 72px; }

#nav li.contact-us { left: 682px; }
#nav li.contact-us a { background-image: url(images/nav/contact-us.gif); width: 69px;   }

#nav li a:hover { background-position: 0 -19px; }
#nav li.active a { background-position: 0 -38px; }

#content { padding: 36px 17px; width: 736px; background: #fff; clear: both; }

img { margin: 0; }

a img { border: 0; }

img.right { float: right; margin: 0 0 10px 10px; }
img.left { float: left; margin: 0 10px 10px 0; }

p { font: 1em/1.2 arial, helvetica, sans-serif; margin: 0 0 8px;}

h2 { height: 26px; background-position: 0 0; background-repeat: no-repeat; margin-bottom: 24px; text-indent: -999em;  }
h2#about-us { background-image: url(images/about-us.gif); width: 80px; }
h2#meet-the-team { background-image: url(images/meet-the-team.gif); width: 134px; margin-bottom: 4px; }
h2#case-study { background-image: url(images/case-study.gif); width: 97px; }
h2#slideshow { background-image: url(images/slideshow.gif); width: 92px; }
h2#testimonials { background-image: url(images/testimonials.gif); width: 109px; }
h2#contact-us { background-image: url(images/contact-us.gif); width: 91px; }
h2#what-we-do { background-image: url(images/what-we-do.gif); width: 111px; }
h2#clients { background-image: url(images/our-clients.gif); width: 111px; }

p.meet-the-team-strap { background: url(images/meet-the-team-strap.gif) no-repeat; width: 400px; height: 20px; text-indent: -999em; margin-bottom: 20px;}

h3 { font: 1.1em arial, sans-serif; margin: 0 0 1px;}
h4 { font: 1em arial, sans-serif; margin-bottom: 3px; color: #3c3e67; }

.meet-the-team-page h3 {  }

div.item-row { clear: both; }

div.pos1, div.pos2 { margin-right: 24px; }
div.item { width: 229px; float: left; margin-bottom: 20px;}

.item a { background: url(images/envelope.gif) no-repeat 0 50%; display: block; padding-left: 18px; margin-top: 3px;}

.item img { float: left; margin: 3px 8px 1px 0;}

#main.testimonials a, #main.clients-page a { background: none; padding-left: 0;  }

.what-we-do-page h3 { clear: both; margin: 18px 0 4px; }
.what-we-do-page img, .contact-us-page img { float: left; }

.testimonials .item { background: url(images/quote-left.gif) top left no-repeat; padding-top: 6px; text-indent: 24px;  }
.testimonials .item p { font-style: italic; background: url(images/quote-right.gif) bottom right no-repeat; padding-bottom: 6px; text-indent: 24px;  }
.testimonials .item p.quoted { font-weight: bold; font-style: normal; background: none; text-indent: 0; padding: 0 0 0 12px; text-indent: -6px;}
.testimonials .item p.quoted span { color: #3c3e67; font-weight: normal;	}

.clients-page .item .client-quote { background: url(images/quote-left.gif) top left no-repeat; padding-top: 6px; text-indent: 24px;  }
.clients-page .client-quote p { font-style: italic; background: url(images/quote-right.gif) bottom right no-repeat; padding-bottom: 6px; text-indent: 24px;  }
.clients-page .item p.quoted { font-weight: bold; font-style: normal; background: none; text-indent: 0; padding: 0 0 0 12px; text-indent: -6px;}
.clients-page .item p.quoted span { color: #3c3e67; font-weight: normal;	}

.clients-page .item h3 { margin: 0 0 10px; }
.clients-page .item h3 a { text-decoration: none; font-weight: bold; }

.case-study h3 { color: #3c3e67; margin: 10px 0 5px; clear: both; }
.case-study h3 strong { color: #000;  }
.case-study img { margin: 0 10px 20px 0; float: left; }
.case-study img.portrait { margin: 0 50px 20px 40px; }

a.bestof { margin-left: 10px; }

.clearfix:after { content:"."; display:block; position:relative; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:0; }
.clearfix { display:block; }