body { background: #2e3d44; text-align: center; color: #000; font-size: 11px; font-family: Verdana; margin: 0; padding: 0; }

a { color: #00b5c9; text-decoration: none; text-decoration: underline; }
a:hover { color: #00b5c9; text-decoration: none; }
a:active, a:focus { color: #00b5c9; }

h1,h2,h3,h4 { padding: .5em 0; letter-spacing: 0; color: #136276; }
h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

p { margin: .8em 0; line-height: 1.3em; text-align: justify; }

.float-left { float: left !important; }
.float-right { float: right !important; }

/* form */
form fieldset { border: 0; text-indent:0; border: 0 solid; /* older operas */ }
form legend { padding: 5px 0px 10px 0px; margin: 0 0 0 0;  font-size: 14px; font-weight: bold; position: relative; left: -7px; /* explorer */ }
form fieldset>legend { left: 0; /* future proof */ }
form label { display: block; font-size: 12px; line-height: 14px; padding: 0px 5px 12px 0px; float: left; }
*+html form label { padding-bottom: 6px; }
form input, form select { display: block; margin-top: 3px; font-size: 12px; }
form input.text { padding: 2px; border: 1px solid #abadb3; }
form input.check { display: inline; margin: 0; width: auto; vertical-align: middle; }
form select { margin-bottom: -3px; padding: 0; }
form select option { padding: 1px 3px 1px 3px; }
form input.button { padding: 1px !important; }

.clearer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearer { display: inline-block }
html[xmlns] .clearer { display: block; }
* html .clearer { height: 1%; }

div.testimonial { margin-top: 20px; }

div#wrap { width: 969px; margin: 0 auto; text-align: left; }

div#page { margin: 0; background: #fff; min-height: 586px; }

div#header * { margin: 0; padding: 0; overflow: hidden; }
div#header { width: 100%; background: url(../img/layout/head.jpg) no-repeat; height: 143px; }
div#header div.logo { display: inline; width: 487px; height: 140px; float: left; overflow: hidden; }
div#header div.clients { display: block; text-align: right; padding: 0 10px 0 0; line-height: 17px; height: 110px; }
div#header div.clients a, div#header div.clients a:visited { display: block; background: url(../img/layout/arrow.gif) no-repeat right; padding-right: 15px; color: #fff; }

div#nav ul { list-style-type: none; }
div#nav ul li { float: left; }
div#nav ul li a, div#nav ul li a:visited { float: left; display: block; height: 33px; background-repeat: no-repeat; }
div#nav ul li a span, div#nav ul li a:visited span { display: none; }

a#nav-about { background: url(../img/nav/about.gif); width: 138px; }
a#nav-about:hover, a#nav-about.selected, a#nav-about.selected:visited { background: url(../img/nav/about-on.gif); } 

a#nav-serv { background: url(../img/nav/services.gif); width: 96px; }
a#nav-serv:hover, a#nav-serv.selected, a#nav-serv.selected:visited { background: url(../img/nav/services-on.gif); } 

a#nav-port { background: url(../img/nav/portfolio.gif); width: 115px; }
a#nav-port:hover, a#nav-port.selected, a#nav-port.selected:visited { background: url(../img/nav/portfolio-on.gif); } 

a#nav-cont { background: url(../img/nav/contact.gif); width: 133px; }
a#nav-cont:hover, a#nav-cont.selected, a#nav-cont.selected:visited { background: url(../img/nav/contact-on.gif); } 

div#banner { border-bottom: 1px solid #2e3d44; height: 114px; }

div#body { padding: 0; background: url(../img/layout/bg.jpg) no-repeat; min-height: 442px; }

div#body-left { float: left; width: 770px; }
div#body-left-content { width: 678px; margin: 25px 50px 0 50px; }

div#portfolio { width: 100%; }
div#portfolio-content { padding: 0 50px 0 50px; }
div#portfolio-content h1 { margin-top: 0; padding-top: 25px; }

div#body-right { float: left; width: 193px; margin: 35px 0 0 0; }

div#footer { background: #0f5f73; color: #fff; border-bottom: 1px solid #fff; text-align: center; padding: .3em 0 }