/** { margin: 0; padding: 0; }*/

body { margin: 0; padding: 0; font: 12px/0 "Lucida Grande", Lucida, Verdana, sans-serif; color: #333; background: white; overflow-x: auto; overflow-y: scroll; text-align: center; }

h1 { font: 60px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0.5em 0; }
h2 { font: 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0.5em 0; }
h3 { font: 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0.5em 0; text-transform: lowercase; }
h4 { font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0.5em 0; }
h5 { font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 0.8em 0; opacity: 0.5; }
p  { font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0.5 0 1em 0; }

ul, li 	{ padding: 0; margin: 0; }
strong 	{ font-weight: bold; }
input	{ color: #333; }
small   { font-size: 14px; }

a         { color: #555; text-decoration: none; outline: none; }
a:link    { color: #555; }
a:visited { color: #555; }
a:hover   { color: #555; }
a:active  { color: #555; }

div#body { margin: 0; }
div#head { position: relative; background: #fff url(../img/head-bg.gif) repeat-x 0 bottom; height: 240px; }
div#mid  { position: relative; }
div#page { position: relative; }
div#foot { position: relative; padding: 20px 0; font-size: 10px; line-height: 16px; color: #aaa; }

.content { position: relative; min-width: 880px; max-width: 1080px; padding: 0 50px; text-align: left; }
.col1    { width: 22%; float: left; margin-right: 4%; }
.col2    { width: 22%; float: left; margin-right: 4%; }
.col3    { width: 22%; float: left; margin-right: 4%; }
.col4    { width: 22%; float: left; }
.col12   { width: 48%; float: left; margin-right: 4%; }
.col23   { width: 48%; float: left; margin-right: 4%; }
.col34   { width: 48%; float: left; }
.col234  { width: 72%; float: left; }
.col1234 { width: 88%; float: left; }

.clear { clear: both; }
.break { height: 0.8em; }
.hide  { display: none; }

div#head div.logo      { text-align: center; height: 205px; margin: 5px 0 50px 0; }

div#mid .block         { padding: 20px 0 15px 0; line-height: 150%; font-size: 12px; }
div#mid .block a       { display: block; }
div#mid .block a:hover { color: #555; }
div#mid .block img.menuspacer  { display: block; height: 42px; width: 100%; }

#a_services { padding-top: 0; background-image: url(../img/menu-services.gif); background-repeat: no-repeat; background-position: 0 -200px; }
#a_clients  { padding-top: 0; background-image: url(../img/menu-clients.gif);  background-repeat: no-repeat; background-position: 0 -200px; }
#a_company  { padding-top: 0; background-image: url(../img/menu-company.gif);  background-repeat: no-repeat; background-position: 0 -200px; }
#a_contact  { padding-top: 0; background-image: url(../img/menu-contact.gif);  background-repeat: no-repeat; background-position: 0 -200px; }

#a_services:hover { background-position: 0 0; }
#a_clients:hover  { background-position: 0 0; }
#a_company:hover  { background-position: 0 0; }
#a_contact:hover  { background-position: 0 0; }

#a_services.active { background-position: 0 -400px; }
#a_clients.active  { background-position: 0 -400px; }
#a_company.active  { background-position: 0 -400px; }
#a_contact.active  { background-position: 0 -400px; }

#a_services.active:hover { background-position: 0 -400px; }
#a_clients.active:hover  { background-position: 0 -400px; }
#a_company.active:hover  { background-position: 0 -400px; }
#a_contact.active:hover  { background-position: 0 -400px; }

#a_services.blur { background-position: 0 -600px; color: #ccc; }
#a_clients.blur  { background-position: 0 -600px; color: #ccc; }
#a_company.blur  { background-position: 0 -600px; color: #ccc; }
#a_contact.blur  { background-position: 0 -600px; color: #ccc; }

#a_services.blur:hover { background-position: 0 0; }
#a_clients.blur:hover  { background-position: 0 0; }
#a_company.blur:hover  { background-position: 0 0; }
#a_contact.blur:hover  { background-position: 0 0; }

div#page h2 { opacity: 0.5; margin: 12px 0 24px 0; }
div#page a  { color: #fff; }
div#page .content { padding-top: 30px; padding-bottom: 70px; }
div#page .googlemap { margin: 70px 0 0 0; }

div#page .addressblock { padding: 3px; margin: 0 0 16px 0; }
div#page .addressblock:hover { cursor: default; }
div#page .addressblock.highlight { background: #00a0c9;  }

.person { margin: 0 0 0.0em 0; }
.role   { margin: 0 0 0.8em 0; }
.bio    { margin: 0 0 2.0em 0; }

div#page ul  { line-height: 150%; margin: 0 0 1.5em 0; }
div#page ul li { list-style: square; margin-left: 20px; list-style-type: square; }

#inc_home     { color: inherit; background: #ffffff; }
#inc_services { color: #fff; background: #00abd6 url(../img/page-bg.png) repeat-x; border-bottom: 1px solid #777; }
#inc_clients  { color: #fff; background: #999999 url(../img/page-bg.png) repeat-x; border-bottom: 1px solid #777; }
#inc_company  { color: #fff; background: #00abd6 url(../img/page-bg.png) repeat-x; border-bottom: 1px solid #777; }
#inc_contact  { color: #fff; background: #00abd6 url(../img/page-bg.png) repeat-x; border-bottom: 1px solid #777; }

div.showcase { margin: 0 0 40px 0; }
div.showcase .client     { padding-bottom: 10px; border-bottom: 1px solid #bbb; }
div.showcase .whatwedid  { text-transform: uppercase; border-bottom: 1px solid #aaa; padding: 4px 0 8px 2px; margin: 15px 0 15px 0; font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
div.showcase .whatwedid span  { color: #e3e3e3; margin-right: 0.3em; font-weight: normal; }
div.showcase div.thumb  { float: left; margin: 0 10px 10px 0; padding: 4px 6px 7px 6px; background: url(../img/thumb-bg.gif) no-repeat; }
div.showcase img.thumb  { background-color: #eee; width: 110px; height: 150px; border: 0; }

h3.callout { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-align: center; padding: 7px 0; font-size: 18px; margin: -10px 0 -40px 0; }

div#foot .webcargo  { margin-bottom: 10px; }
div#foot a          { color: #aaa; text-decoration: none; }
div#foot a:hover    { color: #555; text-decoration: none; }