/* tmp */
#under_construction {
    background-image: url(images/under_construction.png);
    position: fixed;
    width: 125px;
    height: 123px;
    top: 0;
    right: 0;
    z-index: 3;
}

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

body {
    background: #fff url(images/background_body.jpg) repeat-x top;
    text-align: center;
    margin: 0;
    font-family: sans-serif, arial, verdana;
    font-size: 12px;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

h2 {
    font-family: verdana;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 0;
    color: #cc4443;
}

ol {
    margin-bottom: 0;
}

ul {
    list-style-type: none;
}

div.title {
    float: left;
    padding: 10px 0 0 20px;
}

span.title {
    font-weight: bold;
    color: #e1a400;
}

span.text {
    font-style: italic;
    color: #0467ed;
}

#content, .content_bottom {
    text-align: left;
    width: 678px;
    padding-left: 1px;
    margin: auto;
}

#content {
    background-image: url(images/background_content.jpg);
}

.content_bottom {
    background-image: url(images/background_content_bottom.jpg);
    height: 14px;
}

#header, #who, #services, #where, #contact {
    background-repeat: no-repeat;
    width: 670px;
}

#services, #where, #contact {
    padding-top: 90px;
    margin-top: -90px;
}

.who_header, .services_header, .where_header, .contact_header {
    height: 67px;
    border-top: 1px dotted black;
    background-repeat: no-repeat;
}

/* header */
#header {
    background-image: url(images/header_background.png);
    height: 150px;
    position: fixed;
    top: 0;
    z-index: 2;
}

.section_0 {
    opacity: .5;
}

.section_1 {
    opacity: .65;
}

.section_2 {
    opacity: .8;
}

.section_3 {
    opacity: 1;
}

#links {
    float: left;
    width: 388px;
    text-align: left;
    padding-left: 50px;
}

#link_who, #link_services, #link_where, #link_contact {
    float: left;
}

#link_who, #link_where {
    margin-top: 20px;
}

#link_services, #link_contact {
    margin-top: 50px;
}

#logo {
    width: 200px;
    height: 32px;
    float: right;
    padding: 32px 32px 0 0;
}

/* who */
#who {
    padding-top: 90px;
}

#who_icon {
    margin-right: 288px;
    z-index: 1;
}

#who span {
    border-bottom: 1px solid #a8c341;
    line-height: 20px;
}

.who_header {
    background-image: url(images/who_header.jpg);
}

#who_icon, #services_icon, #where_icon, #contact_icon {
    float: right;
    margin-top: 10px;
    width: 100px;
    height: 84px;
}

.who_content {
    background-image: url(images/who_background.jpg);
    text-align: center;
}

.bubble_top_right, .bubble_top_left {
    height: 54px;
}

.bubble_top_right {
    background-image: url(images/bubble_top_right.jpg);
}

.bubble_top_left {
    background-image: url(images/bubble_top_left.jpg);
}

.bubble_content {
    background-image: url(images/bubble_content.jpg);
    padding: 0 20px 0 15px;
}

.bubble_bottom {
    background-image: url(images/bubble_bottom.jpg);
    height: 32px;
}

/* services */
.services_header {
    background-image: url(images/services_header.jpg);
}

#services_icon {
    margin-right: 388px;
}

.services_content {
    background-image: url(images/services_background.jpg);
    padding: 15px 0;
    min-height: 120px;
}

#services_links {
    padding: 0;
    margin-left: 24px;
}

#ecatalogue, #eshop, #ebusiness, #elogistic, #software {
    display: inline;
    padding: 0 9px;
}

#services_box {
    padding-left: 33px;
}

#carrousel_links {
    text-align: right;
    padding: 0;
    margin: 0 60px 0 0;
}

#carrousel_links li {
    display: inline;
    padding: 0 3px;
}

#carrousel_links li a {
    font-size: 14px;
    font-weight: bold;
	color: #005d93;
}

#carrousel_links li a:hover {
	color: #7fc9ff;
}

#carrousel_links li a.selected {
    color: #7ac100;
}

#carrousel {
    border: 1px solid #999;
    width: 450px;
    height: 350px;
    margin: 0 auto 15px auto;
}

.services_box_top, .services_box_bottom {
    width: 610px;
}

.services_box_top {
    background-image: url(images/services_box_top.jpg);
    height: 20px;
}

.services_box_middle {
    background-image: url(images/services_box_middle.jpg);
    width: 570px;
    padding: 0 25px 0 15px;
}

.services_box_bottom {
    background-image: url(images/services_box_bottom.jpg);
    height: 26px;
}

#services_box_content {
    line-height: 20px;
}

#services_box_content strong {
    color: #7b9520;
}

/* who */
.where_header {
    background-image: url(images/where_header.jpg);
}

#where_icon {
    margin-right: 276px;
}

.where_content {
    background-image: url(images/where_background.jpg);
    padding: 15px 0;
}

#location {
    margin: 0 0 10px 60px;
}

#map {
    width: 547px;
    height: 447px;
    border: 1px solid black;
    margin: auto;
}

/* contact */

.contact_header {
    background-image: url(images/contact_header.jpg);
}

#contact_icon {
    margin-right: 386px;
}

#contact_content {
    padding: 20px 0 10px 0;
    height: 330px;
    text-align: center;
}

#email_confirmation {
    margin: -7px 0 0 14px;
}

form {
    background-image: url(images/contact_form_background.jpg);
    width: 581px;
    height: 296px;
    margin: auto;
    padding: 30px 30px 0 30px;
}

label {
    float: left;
    margin-left: 10px;
}

label.email {
    margin-top: 10px;
}

label.message {
    margin-top: 20px;
}

input.textfield, textarea, input.submit {
    font-family: sans-serif, arial, verdana;
    border: 0;
}

input.textfield:focus, textarea:focus {
    color: #749300;
}

input.textfield {
    background: transparent url(images/contact_textfield.jpg);
    float: right;
    font-size: 24px;
    width: 425px;
    height: 37px;
    padding: 0 5px;
    margin-right: 6px;
}

textarea {
    background-color: #efefef;
    border: 1px solid black;
    font-size: 14px;
    width: 550px;
    height: 135px;
    padding: 5px 0 5px 10px;
	margin-right: 12px;
	float: right;
}

input.submit {
    background: transparent url(images/contact_submit.jpg);
    float: right;
    font-size: 16px;
    font-weight: bold;
    width: 112px;
    height: 30px;
    padding: 0 0 2px 0;
    margin: 10px 6px 0 0;
    cursor: pointer;
}

#contact_email_error, #contact_message_error {
    position: absolute;
}

#contact_email_error {
    margin: -320px 0 0 620px;
}

#contact_message_error {
    margin: -180px 0 0 620px;
}

.email_link {
    background: transparent url(images/contact_link_email.jpg);
    float: left;
    width: 279px;
    height: 15px;
    margin: 20px 0 0 15px;
}

#paperclip {
    background: transparent url(images/contact_paperclip.png);
    width: 24px;
    height: 47px;
    float: right;
    margin: 15px -18px 0 0;
}

/* IE-Hacks */
.section_0 {
    *filter:alpha(opacity=50)
}

.section_1 {
    *filter:alpha(opacity=65)
}

.section_2 {
    *filter:alpha(opacity=80)
}

.section_3 {
    *filter:alpha(opacity=100)
}

#email_confirmation {
    *margin-top: -0px;
}

/* IE6-Hacks */
#who {
    _margin-top: -150px;
}

#who_icon, #services_icon, #where_icon, #contact_icon {
    _float: none;
}

.who_content, #contact_content {
    _margin-top: -28px;
}

.services_content {
    _margin-top: -26px;
}

.where_content {
    _margin-top: -34px;
}

#who_icon {
    _margin-right: 280px;
}

#where_icon {
    _margin-right: 260px;
}

#contact_icon {
    _margin-right: 360px;
}

#services, #where, #contact {
    _padding-top: 0;
    _margin-top: 0;
}

#header {
    _position: absolute;
    _background-image: url(images/header_background.jpg);
}

#paperclip {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact_paperclip.png');
}

#under_construction, #paperclip {
    _background-image: none;
}

#under_construction {
    _position: absolute;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/under_construction.png');
}