body    { color: #dbdbdb; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; background-color: #949494; text-align: center; margin: 0; padding: 0 }
a { color: #ebebeb }
a:hover { text-decoration: none }
.footer a { color: #6a5220 }
a#skipnav { display: block; margin: 0; padding: 0; height: 0; overflow: hidden }
.main    { background-image: url("images/bg.gif"); background-repeat: repeat-y; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 0; width: 752px; border-bottom: 1px solid #676767 }
.main #inner { }
.header    { background-image: url("images/header.gif"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; width: 752px; height: 261px }
body#aboutPage .header { background-image: url("images/header_about.gif") }
body#servicesPage .header { background-image: url("images/header_services.gif") }
body#clientsPage .header { background-image: url("images/header_clients.gif") }
body#showcasePage .header { background-image: url("images/header_showcase.gif") }
.top   { overflow: hidden }
.top h1 a  { text-indent: -9999pt; margin: 0; padding: 155px 0 0; position: absolute; top: 83px; left: 132px; width: 160px; height: 0; float: left; overflow: hidden }
ul.nav     { background-image: url("images/buttons3.gif"); background-repeat: no-repeat; background-position: center top; text-indent: -9999pt; list-style-type: none; list-style-image: none; display: block; margin: 1px 1px 0 0; padding: 0; position: absolute; top: 0; right: 0; width: 443px; height: 34px; float: right }
ul.nav li   { margin: 0; padding: 0; width: 20px; height: 34px; float: left }
li#about { position: relative; left: 5px; width: 80px; height: 34px }
li#clients { position: relative; left: 20px; width: 88px; height: 34px }
li#services { position: relative; left: 36px; width: 98px; height: 34px }
li#showcase { position: relative; left: 58px; width: 104px; height: 34px }
ul.nav li a  { text-decoration: none; text-indent: 0; display: block; margin: 0; padding: 34px 0 0; width: 100%; height: 0; overflow: hidden }
li#about a:hover, body#aboutPage li#about a   { text-decoration: none; background-image: url("images/buttons3.gif"); background-position: -5px 34px }
li#clients a:hover, body#clientsPage li#clients a   { text-decoration: none; background-image: url("images/buttons3.gif"); background-position: -100px 34px }
li#services a:hover, body#servicesPage li#services a   { text-decoration: none; background-image: url("images/buttons3.gif"); background-position: -204px 34px }
li#showcase a:hover, body#showcasePage li#showcase a   { text-decoration: none; background-image: url("images/buttons3.gif"); background-position: -324px 34px }
li a span  { display: none; }
li#about a:hover span  { color: #fff; font-size: 10px; text-align: right; text-indent: 0; display: block; position: absolute; top: 37px; left: 90px; width: 338px; height: 18px }
li#clients a:hover span  { color: #fff; font-size: 10px; text-align: right; text-indent: 0; display: block; position: absolute; top: 37px; left: -4px; width: 338px; height: 18px }
li#services a:hover span  { color: #fff; font-size: 10px; text-align: right; text-indent: 0; display: block; position: absolute; top: 37px; left: -110px; width: 338px; height: 18px }
li#showcase a:hover span  { color: #fff; font-size: 10px; text-align: right; text-indent: 0; display: block; position: absolute; top: 37px; left: -230px; width: 338px; height: 18px }
p  { margin: 0 0 1em; padding: 0 }
td {}
div.body      { background-repeat: no-repeat; text-align: left; text-indent: 0; margin: 0; padding: 0 0 10px; position: relative; right: 15px; width: 519px; float: right; overflow: hidden }
div.tag    { background-image: url("images/ddih.gif"); background-repeat: no-repeat; background-position: center; text-indent: -9999px; margin-right: auto; margin-bottom: 5px; margin-left: 235px; padding-top: 10px; width: 483px; height: 18px; clear: both }
div.footer  { color: #6a5220; font-size: x-small; line-height: 1.2; margin-right: auto; margin-left: auto; padding-top: 10px }
div.section     { background-image: url("images/section_bg.gif"); background-repeat: repeat-y; margin-bottom: 10px; padding: 0; position: relative; width: 517px; border: solid 1px #7a7979 }
div.message  { margin-bottom: 10px; padding: 5px; width: 507px; border: solid 1px #7a7979 }
.message p { margin-bottom: 0 }
div.plainSection { background-image: none; padding: 10px; width: 497px; border: solid 1px #7a7979 }
#clientsPage .plainSection { margin-bottom: 10px }
.section .content   { background-repeat: no-repeat; background-position: right top; padding: 10px 110px 10px 10px; position: relative; width: 400px; height: auto }
.list#clientsPage .section { background-image: url("images/section_bg_clients.gif") }
.list#clientsPage .section .content { padding-right: 185px; width: 319px; height: auto }
.more  { text-align: right; margin: 0 0 0; padding: 0 }
h2 { font-size: 1.3em; font-weight: normal; margin: 0 0 0.6em; padding: 0 0 4px }
h2 a { color: #dbdbdb; text-decoration: none }
h2 a:hover { text-decoration: underline }
h1.heading { color: #6a521f; font-size: 1.1em; font-weight: normal; line-height: 1.6; background-color: #f0bf24; text-align: left; margin: 0 0 20px; padding: 0 10px; border: solid 1px #7a7979 }
h1.heading a { color: #6a521f; text-decoration: none }
h1.heading a:hover { text-decoration: underline }
small { display: block; margin-bottom: 2em }
.hidden { display: none }
ul { list-style-type: square; list-style-image: url("images/bullet.gif") }
a.clientImage  { display: block; position: absolute; top: 14px; right: 22px; width: 124px; height: 144px }
a.serviceImage { display: block; position: absolute; top: 14px; right: 10px; width: 80px; height: 60px }
.image1 { margin: 20px 10px 10px; width: 200px; height: 150px; float: right; border: solid 1px #7a7979 }
.image2 { margin: 15px 10px 10px; width: 200px; height: 150px; float: right; clear: right; border: solid 1px #7a7979 }