@import url("reset.css");

html {font-size: 100.01%;}
body {font: 62.5%  Arial, sans-serif; background: #000; padding: 8px 0; background: #000 url("images/bg-body.gif") repeat-x left 8px;}
body.splash {padding-top: 0; background: #000 url("images/bg-body-splash.gif") repeat-x left 0;}

h1, h2, h3, h4, h5, h6 {line-height: 1.2em; color: #fff;}
h2 {font-size: 2em; margin-bottom: 1em; font-weight: normal;}
h3 {font-size: 1.5em; font-weight: bold;}
a {color: #50659c;}
p, li {font-size: 1.4em; line-height: 1.5em; color: #999;}
ul {list-style-type: circle;margin:0px 0px 0px 20px; padding:0px;}

.left {float: left;}
.right {float: right;}
.clearer {clear: both;}

#page {width: 800px; margin: 0 auto;}
#header {height: 125px; position: relative; border-top: #6b6976 solid 1px; background: url("images/bg-header.jpg") no-repeat;}
.splash #header {border: none; height: 242px;}
#logo {text-indent: -9999px; position: absolute; left: 0; bottom: 35px;}
.splash #logo {bottom: 45px;}
#logo a {width: 192px; height: 50px; background: url("images/logo.gif") no-repeat; display: block;}
#tagline {display: none;}

#navigation {position: absolute; right: 0; top: 43px;font-size: .85em;}
#navigation ul {list-style-type: none;}
#navigation li {float: left; margin-right: 48px;list-style-type: none;}
#navigation li a {color: #f0b116; text-transform: uppercase; text-decoration: none; padding-top: 40px; display: block; background-position: top center; background-repeat: no-repeat;}
#navigation li a:hover {text-decoration: underline;}
#navigation li.products a {background: url("images/products.gif") no-repeat top center;}
#navigation li.showcase a {background-image: url("images/showcase.gif");}
#navigation li.showcase2 a {background-image: url("images/showcase.gif");}
#navigation li.contact-us a {background-image: url("images/contact-us.gif");}
#navigation li.contact-us {margin: 0;}
#lang {position: absolute; right: 0; top: 5px; padding-left: 390px; background: url("images/dots.gif") no-repeat left 10px;}
#lang li {display: inline;}
#lang li, #lang li a {color: #a9a8ae;}
#lang li a:hover, #content p.lang-sel a:hover {color: #fff;}
#lang li.sep {margin: 0 10px;}

#masthead {height: 133px; margin-bottom: 1px;}
.splash #masthead {height: 238px; background: url("images/masthead-splash.jpg") no-repeat;}
.home #masthead {background: url("images/masthead-home.jpg") no-repeat}
.about #masthead {background: url("images/masthead-about.jpg") no-repeat;}
.contact #masthead {background: url("images/masthead-contact.jpg") no-repeat;}
.products #masthead {background: url("images/masthead-products.jpg") no-repeat;}

#wrapper {border-top: #414141 solid 1px; padding: 32px 0 18px; overflow: hidden;}
.splash #wrapper {border: none; padding-top: 23px;}
.gallery #wrapper {border: none; padding-top: 0;}
#content {padding: 0 13px;}
.home #content {width: 484px; float: left;}
.gallery #content {text-align: center;}
#content a:hover {color: #fff;}
#content p {color: #999; margin-bottom: 2em;}
#content p.lang-sel {letter-spacing: 1px; float: right; font: 1.4em "Trebuchet MS", sans-serif;}
#content p.lang-sel a {color: #636363;}
.box {border: #262626 solid 1px; padding: 8px 8px 8px 170px; overflow: hidden;}
.box .experience {float: left; margin-left: -162px;}
.box ul {width: 100%; overflow: hidden;list-style-type: none;}
.box ul.signs-for {margin-bottom: 30px;}

.box ul li {float: left; background: url("images/dash.gif") no-repeat left center; padding-left: 8px;}
#flash-gallery {width: 770px; height: 630px; background: #202550 url("images/bg-gallery.jpg") no-repeat;}

#sidebar ul {list-style-type: none;}
#sidebar {width: 240px; float: right; margin-left: 50px; display: block; list-style-type: none;}
#sidebar li {text-indent: -9999px;}
#sidebar li.latest-projects {background: url("images/latest-projects.jpg") no-repeat; margin-bottom: 15px;}
#sidebar li.signage {background: url("images/signage.jpg") no-repeat;}
#sidebar li a {display: block; width: 237px; height: 156px;}

#footer {clear: both; overflow: hidden; border-top: #1f1f1f solid 1px; padding-top: 11px;}
#footer p {color: #6d6d6d; font-size: 1em; text-transform: uppercase;}
#footer p#vurtur {text-indent: -9999px;}
#footer p#vurtur a {width: 126px; height: 15px; display: block; background: url("images/vurtur.gif");}