/* CSS Document */

body{
margin:0;
padding:0;
height: 100%;
min-width:755px;

}

#head{
background-image: url(../images/translogo1.jpg);
background-repeat: no-repeat;
background-color: #05bed2;
height:64px;
min-width: 755px;
}

#head.diomedes {
background-image: url(../images/translogo1_diomedes.jpg);
background-color: #34b0c7;
}

#head h1{
font-weight: lighter;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
margin: 0px;
color: #FFFFFF;
text-align: right;
padding-top:27px;
padding-right: 20px;
text-transform: lowercase;
letter-spacing: 0.2em;
}

#horizmenu{
background-image:url(../images/translogo2.jpg);
background-repeat: no-repeat;
background-color: #02aebc ;
height:25px;
min-width: 755px;
}

#horizmenu.diomedes {
background-image:url(../images/translogo2_diomedes.jpg);
}

#horizmenu ul{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
color: #FFFFFF;
text-align: right;
padding-top: 6px;
}
#horizmenu li{
list-style-type: none;
display: inline;
padding-right: 20px;
}

#horizmenu li.rightspace{
	margin-left: -2em;
}

#horizmenu a{
color: #FFFFFF;
text-decoration:none;

}
#horizmenu a:hover{
color: #22848e;
}
#horizmenu a.selected{
color: #FFFFFF;
font-weight:bold;
padding-top:6px;
padding-bottom:6px;
padding-left:1px;
padding-right: 1px;
}

#leftcolumn{
background:#22848e;
width:210px;
height:100%;
float: left;
}
/*
#navcontainer { 
width: 196px;
 }
		
#navcontainer ul{
margin-left: 0px;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-indent: 10px;
}
		
#navcontainer a{
display: block;
padding: 2px;
width: 192px;
background-color: #22848e;
border-bottom: 1px solid #ffffff;
}
		
#navcontainer a:link, #navlist a:visited{
color: #FFFFFF;
text-decoration: none;
}
		
#navcontainer a:hover{
background-color: #05bed2;
color: #fff;
}

#navcontainer a.selected{
background-color: #05bed2;
color: #fff;
}
*/

/* menu */

#navcontainer {
	background-color: transparent;
	width: 208px; 
	text-align: left;
	padding: 1px 1px 0;
	top:0px;
    left:0px;
	}
	
#navcontainer div a {
	.padding-right: 10px!important;
	_padding-right: 10px!important;
	}	
	#navcontainer div a span.navFixIE {
		.margin-left: 10px;
		_margin-left: 10px;
	}
	
		#navcontainer div a span.navFix {
		margin-left: 10px;
		}
	
.menuhead {
	background-color: #22848e;
	border-bottom: 1px solid #FFFFFF;
	}
.menuhead a:hover {
	background-color: #05bed2;
	background-image: url(../images/downarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
.closedbutton a {
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.3px;
	.font-size: 10px!important;
	_font-size: 10px!important;
	line-height: 18px;
	text-indent: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

/*.standardbutton {
	display: block;
	margin: 0px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-indent: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}
.standardbutton a {
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
.standardbutton a:hover {
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
	*/
.openbutton a {
	background-color: #05bed2;
	background-image: url(../images/downarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-indent: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#choicescontainer {
	margin: 0px;
	padding: 0px;
	}
.choices ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-repeat: repeat-y;
	}
.choices ul li a {
	background-color: #FFFFFF;
	display: block;
	padding: 5px 2px 5px 20px;
	text-indent: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #22848e;
	text-decoration: none;
/*	text-transform: lowercase;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	.float: left;
	_float: left;
	.clear: left;
	_clear: left;
	.display: block;
	_display: block;
	.width: 206px;
	_width: 206px;
}
.choices ul li {
	.height: 0px;
	_height: 0px;
	.background-color: #FFF;
	_background-color: #FFF;
	}
.choices ul li a:hover{
	color: #13ae49;
	background-image: url(../images/markerarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: transparent;
	}
.choices .selected {
	background-color: #05bed2;
	display: block;
	padding: 5px 0px 5px 20px;
	text-indent: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
/*	text-transform: lowercase;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/markerarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	}	
.closed {
	display: none;
	}
.open {
	display: block;
	}



/* content */
#footer{
background:transparent;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 0px;
color: #FFFFFF;
text-align: left;
margin-left: 10px;
padding-top: 160px;
}

#text_content{
	float: left;
	background: transparent;
	/*width: 344px;*/
height: 100%;
	/*margin-left:200px;*/
padding-top:20px;
	position: absolute;
	left: 453px;
	top: 89px;
}

#text_content h1{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #05bed2;

}

#text_content h2{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #28AB52;
}

#text_content h3{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #13ae49;
display: block;
}

#text_content p{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #22848e;
display: block;
}

#text_content b{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #22848e;
display: block;
}

#text_content li{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #22848e;
	list-style-type: circle;
}

#text_content a{
color: #28AB52;
text-decoration: none;
}

#text_content a:hover{
	color: #22848e;
	text-decoration: none;
	font-weight: bolder;
}

#text_content.image{
color: #cccccc;
}


#people_content{
float: left;
background:#ffffff;
/*width: 524px;*/
height: 100%;
/*padding-left:20px;*/
padding-top:20px;
position: absolute;
left: 410px;
top: 89px;
}

.peoplepic {
	padding-bottom: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color:#FFFFFF;
}
.peoplepic img {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;

	background-color: #FFFFFF;
	margin-left: 0px;
	}
	
#people_content h1{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #05bed2;

}

#people_content h2{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #28AB52;
}

#people_content h3{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #13ae49;
display: block;
}

#people_content p{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #22848e;
display: block;
}

#people_content b{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #22848e;
display: block;
}

#people_content li{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #22848e;
	list-style-type: circle;
}

#people_content a{
color: #28AB52;
}

#people_content.img{
float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-left: 0px;
}


#pagenav ul{
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #22848e;
padding:0px;
}
#pagenav li{
display: inline;
padding-right:30px;
}
#pagenav a.dir{
text-decoration:none;
color: #22848e;
}

/* wrapper for left column and text content to make right content float right */
#content {
	background-color: #FFFFFF;
	height:100%;
	background-image: url(../images/homerandom/random.php?pic=random1);
	background-repeat: no-repeat;
	background-position: 208px 0px;
}
#cloud9 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 10px;
	padding-top: 30px;
	color: #FFFFFF;
	text-align: left;
	clear: left;
	height:100%;
	background: #22848e;
	}
#cloud9 a {
	font-weight: bold;
	font-size: 9px;
	color: #FF9900;
	}
#cloud9 a:hover {
	color: #FFFFFF;
	}

/* pop-up */

#contact{
padding-left: 200px;
}

/*
a.frenchLink { 
	text-transform:uppercase;
	display: block;
	_display: block;
	.display: block;
	.padding-left: none;
	_padding-left: none;
	.margin-left: none;
	_margin-left: none;
	background-image: none!important; 
	width: 180px;
	.width: 180px;
	_width: 180px;
	.line-height: 50px!important;
	_line-height: 50px!important;
	float: none;
	}*/
	
	
a.frenchLink {
	background-image: none!important;
	padding: none;
	float: none;
	clear: none;
	text-indent: 0.1px;
	.text-indent: 0px;
	_text-indent: 0px;
	}	

p a.casestudy { display: none; }

.displayNone { display: none; }

li a.displayNone { display: none; margin: 0 -1em 0 0; }
 
 
 
 
 /**/

fieldset.clientList {
	float: left;
	clear: both;
	border: 1px solid #999;
	margin: 20px 0 0 0;
	width: 490px;
	}
	
fieldset.clientList {
	.padding: 0 0 20px 0;
}
	
	fieldset.clientList legend {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #05BED2;
		font-size: 14px;
		padding: 0 5px;
		}


	ul.clientListOne,
	ul.clientListTwo,
	ul.clientListThree { 
		width: 150px;
		.width: 145px;
		float: left;
		padding: 0!important;
		margin: 10px 13px 10px 0!important;
		.margin: 0!important;
		/*border:1px solid red;*/
	}
	
	ul.clientListone {
		.margin: 10px 0 10px 10px!important;
		}
	ul.clientListThree {
		.margin: 10px 10px 10px 0!important;
	}
	
	ul.clientListTwo {
		.margin: 10px!important;
		}
		
		ul.clientListOne li,
		ul.clientListTwo li,
		ul.clientListThree li {
			float: left;
			clear: left;
			list-style: none!important;
			padding: 0!important;
			margin: 0 0 5px 0!important;
			.width: 144px;
			}