﻿@charset "utf-8";


.html {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sherif;
    font-size:12px;
    color:#555;
    line-height:1.8em;
}

.html h2 {
    text-transform:uppercase;
}


/* Top part containg the map and the solutions' quick.links */

.content-top {
    position:relative;
    margin:0;
    padding:0;
    background: transparent url('/images/backgrounds/content-top.gif') no-repeat top left;
    height:340px;
}



#map{
    position:absolute;
    top:15px;
    left:20px;
    width:635px;
    height:320px;
    float:left;
    margin: 0;
    padding:0;
}

#map div.h3 {
    position:absolute;
    top:0;
    left:10px;
    height:30px;
    width:600px;
    font-size:18px;
    text-transform:uppercase;
    color:#396D8E;
    font-weight:normal;
    line-height:1;
    margin:0;
    padding:0;
    z-index:10;

}

#map div.imageMap {
    padding:26px 0 0 0;
    margin:0px;
    width:616px;
    height:290px;
    z-index:1;
}


#map-right{
    position:relative;
    width:315px;
    height:300px;
    margin: 15px 15px 4px 0;
   /* background: transparent url('/images/backgrounds/map-right-background-315.gif') no-repeat top left;*/
    overflow:hidden;
    float:right;
    padding:0;
    overflow:hidden;
}

*HTML #map-right{width:315px;height:310px;margin: 10px 10px 5px 0px;padding-top:4px;}


#map-right .topRightBlocks {
    position:relative;
    width:1000px;
    height:320px;
    margin:0;
    padding:0;
}

#map-right .topRightBlock {
    position:relative;
    padding:0 15px 20px 15px;
    width:315px;
    height:300px;
    float:left;
    cursor:pointer;
    overflow:hidden;    
}

#map-right .topRightBlock .bgImage{
    position:absolute;
    top:20px;
    left:10px;
    width:295px;
    height:270px;
    text-align:left;
    overflow:hidden;
}

#map-right .topRightBlock .bgImage img{
    bottom:0;
    position:absolute;
}

#map-right .topRightBlock .h3{
    position:absolute;
    top:0px;
    left:10px;
    width:270px;
    height:25px;
    font-size:18px;
    text-transform:uppercase;
    color:#396d8e;
    font-weight:normal;
    line-height:1;
    zoom:1;
}

#map-right .topRightBlock .overtext{
    position:absolute;
    top:35px;
    left:10px;
    width:270px;
    font-size:12px;
    text-transform: none;
    font-weight: normal;
    color:#666;
    line-height:135%;
}


/* text in the middle */






#content-left{
    margin: 0px 0 15px 50px;
    padding-right:40px;
    position:relative;
    width:410px;
    float:left;
    border-right:0px solid #f0f0f0;
    background: transparent url('/images/backgrounds/content-left-border.gif') no-repeat top right;
    line-height:1.6em;
    color:#666;
}

*HTML #content-left{margin: 5px 0 15px 25px;padding-right:25px;}

#content-right{
    margin: 0px 5px 15px 40px;
    position:relative;
    width:400px;
    background: #fff;
    float:left;
    line-height:1.6em;
    color:#666;
}

#content-left h2,
#content-right h2 {
    margin-bottom:12px;
    margin-top:18px;
    color:#396D8E;
    font-size:17px;
    font-weight:normal;
}


#solutions {
    width:1000px;
    margin:0;
    padding:6px 0 0 0;
    height:130px;
    overflow:hidden;
    background:transparent url('/images/backgrounds/solutions-back-rounded.jpg') no-repeat top center;
}
#solutions div {
    margin-left:29px;
}
#all-solutions {
    padding-left:35px;

}

ul#all-solutions{
    display:inline;
    list-style-type:none;
}


#page .content {
	background-image:none;
	width:1000px;
	margin-bottom:15px;
	padding-bottom:0px;
}

a.thumba {
    display:block;
    width: 130px;
    width: 120px;
    margin:5px 15px 5px 15px;
    float:left;
    overflow:hidden;
    text-align:center;
    color:#909090;
    font-size:10px;
    text-transform:uppercase;
}
a.thumba:visited {color:#666;}
a.thumba:hover {
    color:#000;
}

div.thumb{
    display:block;
    width: 115px;
    height: 130px;
    text-align:center;
    float:left;
}   


.documents{
    position:relative;
    width:1000px;
    height:160px;
    margin:20px 0 0 0;
    padding:0 0 0 0;
    background: transparent url('/images/backgrounds/documents-full-back-bottom.jpg') no-repeat top center;
}

.doc-left
{
    position:absolute;
    top:5px;
    left:45px;
    width:400px;
    height:120px;
    margin:0;
    padding:0; 
    overflow:hidden;   
    float:left;
    margin:0 30px 0 0;

}

.doc-right
{
    position:absolute;
    top: 5px;
    left:515px;
    width:380px;
    height:120px;
    padding:0; 
    overflow:hidden;   
    float:left;
}

.documents .doc-title {
    text-transform:uppercase;
    font-size:1em;
    color:#555;
    font-weight:bold;
}

.testimonial {
    display:block;
    width:1000px;
    height:120px;
    margin:0;
    padding:0; 
    overflow:hidden;   
    border:0px solid #0000ff;
}

.testimonial a {
    display:block;
    width:380px;
    height:120px;
    float:left;
    
}

.testimonial a img {
    float:left;
    margin:5px 15px 0 0;
}

.testimonial a span.sentence {
    font-size:0.9em;
    clear:right;
}

.testimonial a span.who {
    font-size:0.8em;
    color:#999;
}




.download {
    display:block;
    width:1000px;
    height:120px;
    margin:0;
    padding:0; 
    overflow:hidden;   
    border:0px solid #0000ff;
}

.download a {
    display:block;
    width:380px;
    height:120px;
    float:left;
    
}

.download a img {
    float:left;
    margin:5px 15px 0 0;
}

.download a span.sentence {
    font-size:0.9em;
    clear:right;
}

.download a span.who {
    font-size:0.8em;
    color:#999;
}

