@charset "utf-8";
/* CSS Document */

body {
	background:url(../assets/background_main.jpg) repeat fixed center top #191530;
}

#main{
	background:#FFF;
}

#top {
	height:71px;
	display:block;
	background: url(../assets/top.png) ;
}

#banner {
	height:300px;
	display:block;
	background: url(../assets/bg.png) ;
	overflow:hidden;
}

#divisor {
	height:85px;
	display:block;
	background: url(../images/divisor.jpg) #333;
}

#left {
	height:200px;
	background:#900;
}

#mid {
	height:200px;
	background:#090;
}

#right {
	height:200px;
	background:#009;
}
		

	
	
/* typo classes */
.headLine {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	text-align:justify;
}


.footer {
	background:url(../assets/footer.png);
	height:170px;
	color:#CCC;
}

.footer-list {
	list-style:none;
}

.footer-list li span{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.1em;
	color:#CCC;
	text-decoration:none;
	display:block;
}

.footer-list li span:hover{
	background:#CCC;
	color:#333;
}


.footer p {
	font-size:1em;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1em;
}

.bottomspace {
	height:40px;
	display:block;
	background:none repeat;
}

.top-menu ul {
	display:inline;
	color:#ffffff;
}

.top-menu li  {
	float:left;
	margin:40px .5em 0 4em;
	list-style:none;
	text-decoration:none;
}
.top-menu li a  {
	text-decoration:none;
}
.top-menu li span {
	font-size:1.4em;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#DDFBFA;
}

span.cold  {
	color:#000;
	text-shadow: 1px 1px white, -1px -1px #444;
}

.icons ul {
	display:inline;
	list-style:none;
	cursor:pointer;
}

.icons li {
	float:left;
	margin-left:.12em;
}

.icons li span{
	border-width:0;
}





div.references   {
padding:0 10px;
}
	

.references ul {
	margin: 0 0 100px 0;
	display:block;
}
.references li{
	float:left;
	display:inline;
	width:190px;
	background:url(../assets/referencesBg.png) no-repeat;
	height:60px;
	margin:0;
	padding:10px;
	cursor:pointer;
	text-align:center;
}

.references li:hover {
	/*background:url(../assets/referencesBgHover.png) no-repeat;*/

}

.references li img {
	float:left;
	margin: 0 1em 0 0;
}

.references h2 {
	clear:both;
	font-size:1.5em;
	border-bottom:1px solid gray;
}