@charset "utf-8";


.html {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	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;
	height:340px;
	background-color: transparent;
	background-image: url(../images/backgrounds/content-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.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:#FFFFFF;
	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:#FFFFFF;
	font-weight:normal;
	line-height:1;
	zoom:1;
}

#map-right .topRightBlock .overtext{
	position:absolute;
	top:30px;
	left:15px;
	width:280px;
	font-size:12px;
	text-transform: none;
	font-weight: normal;
	color:#666;
	line-height:135%;
}


/* text in the middle */








#content-left{
	padding-right:40px;
	position:relative;
	width:410px;
	float:left;
	border-right:0px solid #f0f0f0;
	line-height:1.6em;
	color:#231617;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 50px;
	padding-top: 5px;
	background-color: transparent;
	background-image: url(../images/backgrounds/content-left-border.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#content-bottom{
	padding-right:10px;
	position:relative;
	width:660px;
	float:left;
	line-height:1.6em;
	color:#FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 50px;
	background-color: #231617;
	padding-bottom: 20px;
}
#content-issue1{
	padding-right:10px;
	position:relative;
	width:100px;
	float:left;
	line-height:1.6em;
	color:#231617;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 28px;
	background-color: #231617;
	padding-bottom: 10px;
}


*HTML #content-left{margin: 5px 0 15px 25px;padding-right:25px;}

#content-right{
	position:relative;
	width:400px;
	background: #fff;
	float:left;
	line-height:1.6em;
	color:#231617;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 40px;
	padding-top: 5px;
}

#content-left h2,
#content-right h2 {
	margin-bottom:18px;
	margin-top:18px;
	color:#231617;
	font-size:18px;
	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;
	padding-bottom:0px;
}
#page .issues {
	width:1000px;
	padding-bottom:0px;
	background-color: #990000;
}

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:20px;
	padding:0;
	background: transparent url('../images/backgrounds/documents-full-back-bottom.jpg') no-repeat top center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.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;
}
.border-images {
	margin-right: 30px;
	float: left;
	margin-top: 3px;
	padding: 1px;
	margin-left: 10px;
	margin-bottom: 20px;
}