/* TOOLBOX CSS */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* END TOOLBOX */

/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	width:976px;
}


body {
background-color:#ffffff;
margin:0;
padding:0;
color:#333333;
font-family:"Trebuchet MS", Arial;
font-size:11px;
line-height:18px;
height:100%;
}

h1.logo a{ width:179px; height:117px; background:url('../imgs/logo.gif') no-repeat; text-indent:-9999px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; display:block; float:left; }


#flash{
width:976px;
height:329px;
clear:both;
}

#content{
margin:20px 0 0 17px;
padding:0;
float:left;
width:941px;
}

p{
padding:0 0 17px 0;
}

#video{
padding:0 0 0 40px;
margin:0 0 0 0;
float:right;
}

a, a:link{
color:#333333;

text-decoration:underline;
}
a:hover{
color:#333333;
text-decoration:none;
}
a:active{
outline:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- image headers ---------- */
/* --------------------------------------------------------------------------------- */
h2.home { width:464px; height:40px; background:url('../imgs/title-home.gif') no-repeat; text-indent:-9999px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; }
h2.news { width:940px; height:61px; background:url('../imgs/title-news.gif') no-repeat; text-indent:-9999px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px; }

h2{
color:#7c5238;
font-size:31px;
font-weight:normal;
margin:0 0 10px 0;
}

h3{
color:#7c5238;
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
}

/* --------------------------------------------------------------------------------- */
/* ---------- TOP NAV ---------- */
/* --------------------------------------------------------------------------------- */

#topNav { height:22px; width:210px; float:right; display:inline; margin:0px 0 0 0px; padding:0; list-style:none; z-index: 9999999; clear:both; }	

#topNav ul {
margin: 0;
padding: 0;
list-style: none; 
width:210px;
display: block; 
clear: both; 
position: relative; 
z-index: 9999999;
}

#topNav li { float:left; margin: 0 0 0 3px; height:22px; text-indent:-9999px; position:relative; background:none; z-index: 9999999; }

li.companies a { display: block; width:114px; height:22px; background: url('../imgs/nav-companies.gif') no-repeat 0 0; text-indent: -9999px; z-index: 9999999; }
li.companies a:hover { display: block; width:114px; height:22px; background: url('../imgs/nav-companies.gif') no-repeat 0 0px; }

li.languages a { display: block; width:86px; height:22px; background: url('../imgs/nav-languages.gif') no-repeat 0px 0; text-indent: -9999px; z-index: 9999999; }
li.languages a:hover { display: block; width:86px; height:22px; background: url('../imgs/nav-languages.gif') no-repeat 0px 0px; }


#topNav li div {
	display:none;
}

#topNav li:hover div {
	display:block;
}


/* =============== companies subnav ================== */

li.companies #compNav {
	position: absolute;
	width: 417px;
	height:80px;
		top:22px;
		left: -303px;
		border:0;
		padding: 20px 0 0 0;
		border-top: 1px solid #FFFFFF;
		z-index: 9999999;
		clear: both;
	background:#e1f1f8 !important;

		}


#compNav ul{
z-index: 9999999;
float:left;
clear: both;
margin: 0px 0 0 15px;
background:#e1f1f8 !important;
width: 402px;
padding:0;
}

#compNav li {
height:80px;
float:left;
background:none;
padding:0;
margin:0 0 0 3px;
display:block;
width: 96px !important;

}

#compNav li a {
float:left;
border:0;
font-size: 12px;
background: #e1f1f8 !important;
padding:0;
margin:0;
text-indent: 0;
height: auto !important;
width: 96px;

}


/* =============== languages subnav ================== */

li.languages #langNav {
	position: absolute;
	width: 130px;
	height:auto;
		top:22px;
		left: -43px;		
		border:0;
		border-top: 1px solid #FFFFFF;
		padding: 0px 0 0 0;
		z-index: 9999999;
		clear: both;
	background:#e1f1f8 !important;
	text-decoration:none;

		}


#langNav ul{
z-index: 9999999;
float:left;
clear: both;
margin: 0px 0px 0 0px;
background:#e1f1f8 !important;
width: 113px;
padding:0;
text-align:right;
}

#langNav li {
height:auto;
background:none;
padding:0;
line-height:18px;
margin:0 0 0 0px;
display:block;
width: 113px !important;
}

#langNav li a {
float:left;
border:0;
font-size: 12px;
background: #e1f1f8 !important;
padding:8px;
margin:0;
text-indent: 0;
height: auto !important;
width: 113px;
text-decoration:none;
cursor:pointer;
color:#7c5238;
}

#langNav li a:hover {
background: #cee1ea !important;
color:#7c5238;
text-decoration:none;
}




/* --------------------------------------------------------------------------------- */
/* ---------- NAVIGATION ---------- */
/* --------------------------------------------------------------------------------- */

#nav { height:39px; width:622px; float:right; display:inline; margin:5px 0 0 0px; padding:0; list-style:none; z-index: 9999; }	

#nav ul {
margin: 0;
padding: 0;
list-style: none; 
width:622px;
display: block; 
clear: both; 
position: relative; 
z-index: 999;
}

#nav li { float:left; margin: 0 0 0 0px; height:39px; text-indent:-9999px; position:relative; background:none; z-index: 9999; }

li.home a { display: block; width:59px; height:39px; background: url('../imgs/nav.gif') no-repeat 0 0; text-indent: -9999px }
li.home a:hover { display: block; width:59px; height:39px; background: url('../imgs/nav.gif') no-repeat 0 -39px; }

li.about a { display: block; width:61px; height:39px; background: url('../imgs/nav.gif') no-repeat -59px 0; text-indent: -9999px }
li.about a:hover, li.about:hover a { display: block; width:61px; height:39px; background: url('../imgs/nav.gif') no-repeat -59px -39px; }

li.services a { display: block; width:79px; height:39px; background: url('../imgs/nav.gif') no-repeat -120px 0; text-indent: -9999px }
li.services a:hover, li.services:hover a { display: block; width:79px; height:39px; background: url('../imgs/nav.gif') no-repeat -120px -39px; }

li.projects a { display: block; width:74px; height:39px; background: url('../imgs/nav.gif') no-repeat -199px 0; text-indent: -9999px }
li.projects a:hover, li.projects:hover a { display: block; width:74px; height:39px; background: url('../imgs/nav.gif') no-repeat -199px -39px; }

li.publications a { display: block; width:103px; height:39px; background: url('../imgs/nav.gif') no-repeat -273px 0; text-indent: -9999px }
li.publications a:hover, li.publications:hover a { display: block; width:103px; height:39px; background: url('../imgs/nav.gif') no-repeat -273px -39px; }

li.media a { display: block; width:62px; height:39px; background: url('../imgs/nav.gif') no-repeat -376px 0; text-indent: -9999px }
li.media a:hover, li.media:hover a { display: block; width:62px; height:39px; background: url('../imgs/nav.gif') no-repeat -376px -39px; }

li.blog a { display: block; width:50px; height:39px; background: url('../imgs/nav.gif') no-repeat -438px 0; text-indent: -9999px }
li.blog a:hover { display: block; width:50px; height:39px; background: url('../imgs/nav.gif') no-repeat -438px -39px; }

li.news a { display: block; width:57px; height:39px; background: url('../imgs/nav.gif') no-repeat -488px 0; text-indent: -9999px }
li.news a:hover { display: block; width:57px; height:39px; background: url('../imgs/nav.gif') no-repeat -488px -39px; }

li.contact a { display: block; width:71px; height:39px; background: url('../imgs/nav.gif') no-repeat -545px 0; text-indent: -9999px }
li.contact a:hover { display: block; width:71px; height:39px; background: url('../imgs/nav.gif') no-repeat -545px -39px; }

/* =============== subnav ================== */

#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 0px;
background:#e1f1f8 !important;
width: 130px;
padding:0;
z-index: 999;
cursor:pointer;
}

#nav li:hover ul ul {
left: 0;
background:none;
}

#nav li:hover ul, #nav li li:hover ul {

left: 0;
background:none;
}

#nav li li {
height: auto !important;
float:none;
background:none;

}

#nav li li a {
border:0;
font-size: 12px;
background: #e1f1f8 !important;
padding: 7px 7px;
line-height: 18px;
color: #7c5238;
text-indent: 0;
height: auto !important;
width: 116px;
text-decoration:none;
cursor:pointer;
}

#nav li li:hover a {
background: #e1f1f8;
}
	
#nav li li:hover li a {
background: #e1f1f8;
}

#nav li li a:hover, #nav li li:hover li a:hover {
background:#cee1ea !important;
}

#nav li ul ul {
margin: -34px 0 0 -194px;
background:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- SOCIAL NETWORK BTNS ---------- */
/* --------------------------------------------------------------------------------- */
.social{
float:left;
margin:20px 0 0 0;
}
.btnRss{
background:url(../imgs/socialnetworkbtns.gif) no-repeat 0 0;
width:52px;
height:57px;
float:left;
display:inline;
margin:0px 0 0 0px;
text-indent:-9999px;
}
.btnRss a {
display:block;
width:52px;
height:57px;
}
.btnRss a:hover {
background:url(../imgs/socialnetworkbtns.gif) no-repeat 0 -57px;
width:52px;
height:61px;
}

.btnTwitter{
background:url(../imgs/socialnetworkbtns.gif) no-repeat -52px 0;
width:58px;
height:57px;
float:left;
display:inline;
margin:0px 0 0 0px;
text-indent:-9999px;
}
.btnTwitter a {
display:block;
width:58px;
height:57px;
}
.btnTwitter a:hover {
background:url(../imgs/socialnetworkbtns.gif) no-repeat -52px -57px;
width:58px;
height:61px;
}
/* --------------------------------------------------------------------------------- */
/* ---------- BOTTOM ---------- */
/* --------------------------------------------------------------------------------- */

#bottom{
width:940px;
height:auto;
background:url('../imgs/home-bottom.gif') repeat-y;
background-color:#e1f1f8;
float:left;
color:#000000;
}
#bottom a{
color:#000000;
text-decoration:underline;
font-weight:normal;
}
#bottom a:hover, a:active{
color:#7c5238;
text-decoration:none;
font-weight:normal;
}

#bottom p {
padding:10px 0 0 0;
}

.box{
width:267px;
float:left;
margin:0 0 0 20px;
padding:0;
display:inline;
}

.box2{
width:267px;
float:left;
margin:0 0 0 35px;
padding:0;
display:inline;
}

.box3{
width:267px;
float:left;
margin:0 0 0 50px;
padding:0;
display:inline;
}

.box .title, .box2 .title, .box3 .title{
font-size:14px;
color:#7c5238;
}

/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

#footer{
font-size:10px;
font-family:"Trebuchet MS", Arial;
color:#7c5238;
line-height:12px;
font-weight:bold;
margin:0 0 20px 0;
text-align:center;
width:976px;
}

#footer a, a:active, a:visited{
color:#7c5238;
text-decoration:underline;
font-weight:normal;
}

#footer a:hover{
color:#7c5238;
text-decoration:none;
font-weight:normal;
}



.transMenu

{

	LEFT: -1000px;

	OVERFLOW: hidden;

	POSITION: absolute;

	TOP: -1000px;

}



.transMenu .content

{

	POSITION: absolute;

}



.transMenu .items

{

	Z-INDEX: 2;

	LEFT: 0px;

	POSITION: relative;

	TOP: 0px;

}



.top .items

{

	BORDER-TOP: medium none;

}



.transMenu .item

{

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	CURSOR: hand;

	COLOR: #000000;

	FONT-FAMILY: verdana, arial, sans-serif;

	TEXT-DECORATION: none;

}



.transMenu .background

{

	Z-INDEX: 1;

	FILTER: alpha(opacity=100);

	LEFT: 0px;

	POSITION: absolute;

	TOP: 0px;

	moz-opacity: 1

}



.transMenu .shadowRight

{

	Z-INDEX: 3;

	FILTER: alpha(opacity=40);

	WIDTH: 2px;

	POSITION: absolute;

	TOP: 3px;

	moz-opacity: .4;

}



.transMenu .shadowBottom

{

	Z-INDEX: 1;

	FILTER: alpha(opacity=40);

	LEFT: 3px;

	POSITION: absolute;

	HEIGHT: 2px;

	moz-opacity: .4

}



.transMenu .hover

{

	BACKGROUND: #eaeef2;

	COLOR: #000000

}



.transMenu .item IMG

{

	MARGIN-LEFT: 10px

}

 

#laycontent

{

	height:100%;

	overflow: auto;

	z-index:100;

}



/* --------------------------------------------------------------------------------- */
/* ---------- NEWS ---------- */
/* --------------------------------------------------------------------------------- */

.news-imageTop{
width:100px;
height:172px;
border:9px #e1f1f8 solid;
margin:10px 0 0 0;
float:left;
display:inline;
}

.news-blurbTop{
height:auto;
background:#e1f1f8;
margin:10px 0 20px 17px;
padding:10px;
min-height:170px;
display:inline;
float:right;
}

h4{
color:#e51b23;
font-weight:bold;
font-family:"Trebuchet MS", Arial;
font-size:14px;
margin:0 0 10px 0;
}

.news-blurbTop p{
padding:0;
margin:0;
}

a.readMore{
color:#7c5238;
font-weight:bold;
text-decoration:none;
}
.divider{
height:7px;
background:#e1f1f8;
clear:both;
width:941px;
margin:10px 0 20px 0;
}
.news-image{
margin:0 0 15px 15px;
float:right;
}

.bluebox{
clear:both;
float:left;
width:920px;
background:#e1f1f8;
padding:10px;
margin:0 0 15px 0;
}

.bluebox h4{
color:#e51b23;
font-weight:bold;
font-family:"Trebuchet MS", Arial;
font-size:14px;
margin:0 0 0px 0;
}
.bluebox p{
margin:0;
padding:0 0 5px 0;
}


.right-side-top{
float:right;
width:632px;
}