/* reset, fonts */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body.brown {background:#E6E4DB;}
body.blue  {background:#E4E2E0;}


#container {width:756px;margin:30px auto 0 auto; text-align:left;background:#fff;position:relative;color:#737373;}

#container.brown {border-left:2px solid #E6E4DB;border-right:2px solid #E6E4DB;}
#container.blue  {border-left:2px solid #E4E2E0;border-right:2px solid #E4E2E0;}

#head {height:110px;width:570px;}
#head .logo {float:left;margin:22px 42px 0 32px}
#head .strapline {float:left;margin:52px 0 0 0}

#body {background:#fff url(../images/bgr-body.png) repeat-x top left;text-align:left;width:756px;min-height:420px;position:relative;}
* html #body {height:420px}

#body {float:left;width:520px;}
#left {position:absolute;left:0;top:0;width:142px}
#main {width: 375px;margin:0 186px 0 152px;padding: 20px 12px;}
#right {float:right;width:170px;margin:-45px 10px 0 0}

.home #right {margin: 180px 14px 0 0}

#right img {margin-bottom:20px}

.home #banner {width: 595px;margin:0 0 0 142px;text-align:right}
.home #right {top:184px}

#left ul {margin:10px 5px 0 20px;list-style-type: none;list-style-position: outside;padding:0}
#left ul li {margin: 5px 0}
#left ul li a {color:#737373;text-transform:uppercase;font-size:10px}
#left ul li a:hover {text-decoration:none;color:#B2B2B2}
#left ul li a.active {color:#B2B2B2}

#left ul li ul {margin: 0 0 0 20px}
#left ul li ul li {margin: 0}

#foot {text-align:right;font-size:11px;color:#737373;padding:2px 45px;margin-top:20px}

#sub1 {width:100%;height:20px;}
#sub1 div {width:756px;height:20px;margin:0 auto;}
#sub2 {width:756px;margin:0 auto;height:20px;background:#fff}

.brown #sub1 {background:#D4CCB6}
.brown #sub1 div {background:#AC9F83;border-left:2px solid #E6E4DB;border-right:2px solid #E6E4DB;}

.blue #sub1 {background:#AABDC1}
.blue #sub1 div {background:#668187;border-left:2px solid #E4E2E0;border-right:2px solid #E4E2E0;}



.panel {background:#8FA6AC;color:#fff;padding-bottom:5px;width:165px}
.panel h4 {background:#668187;text-transform:uppercase;font-size:9px;padding:3px 5px;border-bottom:solid 2px #fff}
.panel ul {list-style-type: disc;list-style-position: outside;padding: 0 0 0 12px;margin: 5px 10px 5px 10px;font-size:11px;}
.panel a {color:#fff;}
.panel div {margin: 5px 5px 5px 5px;font-size:12px;}
.panel div hr {height:1px;background:#fff;border-top:1px solid #C4D5DE}

.panelquote {padding:10px 5px;}
.panelquote p.small {font-size:10px}

.plainpanel p {margin: 5px 0;font-size:13px}
#right .plainpanel img {margin:0}

table.clients {width:100%;font-size:90%}
table.clients th {font-weight:bold;border-top:dashed 1px #737373;border-bottom:dashed 1px #737373;padding: 5px 0}
table.clients td {padding: 10px 0;}

#main.copy {padding: 50px 0 10px 0;}
#main.copy ul li {margin: 10px 0}
#main.copy p {line-height:1.4em}

.quote {font-size:14px;line-height:1.4em}
.attrib {font-size:11px}
.smaller {font-size:13px}
.small {font-size:12px}

.image-in-text-right {float:right;margin:0 0 10px 10px}
br10 {margin: 10px 0}

/* headings */
h2.heading	{background-repeat:no-repeat;overflow:hidden;}
h2.index			{ width:321px;background-image:url(../images/headings/home.png); padding-top:50px; height:0px !important; height /**/:50px; }
h2.how-we-work		{ width:329px;background-image:url(../images/headings/how-we-work.png); padding-top:60px; height:0px !important; height /**/:60px; margin-top:-7px }
h2.what-we-do		{ width:308px;background-image:url(../images/headings/what-we-do.png); padding-top:39px; height:0px !important; height /**/:39px; }
h2.why-work-with-us	{ width:290px;background-image:url(../images/headings/why-work-with-us.png); padding-top:20px; height:0px !important; height /**/:20px; }
h2.clients			{ width:251px;background-image:url(../images/headings/clients.png); padding-top:19px; height:0px !important; height /**/:19px; }
h2.clients-ubs		{ width:288px;background-image:url(../images/headings/clients-ubs.png); padding-top:20px; height:0px !important; height /**/:20px; }
h2.clients-ey		{ width:288px;background-image:url(../images/headings/clients-ey.png); padding-top:20px; height:0px !important; height /**/:20px; }
h2.clients-ldd		{ width:355px;background-image:url(../images/headings/clients-ldd.png); padding-top:42px; height:0px !important; height /**/:42px; }


h2.contact			{ width:288px;background-image:url(../images/headings/contact.png); padding-top:20px; height:0px !important; height /**/:20px; }

/* html */
a { text-decoration:none;color:#8A8C8E}
a:visited { }
a:hover { text-decoration:underline }
a img {border:0}
strong {font-weight:bold;}
em {font-style:italic}
h2, h3, .brown, .quote {color:#7F7358}
h2 {font-size:20px;margin: 0 0 22px 0;font-family:tahoma,geneva,sans-serif;font-weight:normal}
h3 {font-size:15px;margin: 0 0 16px 0;font-family:tahoma,geneva,sans-serif;font-weight:normal}
p {margin: 0 0 12px 0}
ul {list-style-type: disc;list-style-position: inside;}

/* forms */
form .field {clear:both;}
form .field label {float:left;width:100px;}
form .error label {color:red}
form .field input {}
form .field textarea {}
form .buttons {}
form .buttons input {}

/* utility */
.clear{clear:both;height:1px;margin-top:-1px;overflow: hidden;}
.accesslink {display:none;}



/* slideshow */
#slideshow {position:relative;height:300px;width:300px;margin:0 auto; text-align:center}
#slideshow img {display:none;width:300px;height:300px}
/*
#slideshow img.acxtive {z-index:10;opacity:1.0;}
#slideshow img.last-active {z-index:9;}*/