/*
*
* 	Interdi 2011
*	
*
*/

body { color:#000; font-family: arial, helvetica; font-size:12px; background: #fff url('../images/bg.png') repeat-x left top; }
#container { width: 960px; margin: 0 auto; }

h1 { color:#fff; font-weight:bold; font-size:16px;  }
p { line-height:18px; }


/* HEADER */ 

#header { padding:15px 0 ;  }
#logo { background: url('../images/logo.png') no-repeat left top; width:153px; height:140px; float:left; display: block; }

#menu { float: right; font-size:21px; font-weight:bold; margin-top:60px;  }
#menu li { float:left; margin-left:15px; }
#menu li a{ color:#000; padding-bottom:2px; }
	#menu li a.selected , #menu li a:hover{ border-bottom:4px solid #789ec8;  }
	
	
/* Content Wrapper */	

.promo {  }


.boxed {  }

.logoAnimated { position: absolute; width:100%; height:100%;  }
.logoAnimated #logo{ position: absolute; left:50%; top:50%; margin-left:-76px; margin-top:-70px;  }


#company.boxFull.v2 { background:url('../images/company-image.jpg') no-repeat; height:706px;}
.boxFull { float:left; background:#262832; width: 500px; padding:20px; height: 240px;  }
.boxFull.v2 { height:auto; width:920px; position:relative; }
.boxFull.v2 .ordered { width:500px;}
.boxFull.v2 .ordered.v2 { width:400px;}
.boxFull.v2 .boxImage { top:20px; right:20px; position:absolute;}
.boxSemi { float:left; }
.boxM { background:#292e38; padding:20px; width:380px; height:100px;  }
.boxM.odd { background:#1d202a !important;  }

.boxed p { color:#a9cee5 }
.boxed h1 { margin-bottom:10px; font-size: 21px;}

.ordered {  }
.ordered li{ margin-bottom:10px; color:#a9cee5; line-height:18px;  }

.projectSliderArea {position:relative;  }
.projectsList {   }
.projectsList li{ width:320px; background:#1c1f28; padding:0 0 10px 0;  float:left; min-height:420px; }
.projectsList li.even{ background:#2e323c; }
.projectsList li .thumb{ margin-bottom:10px; width:320px; display:block; }
.projectsList li .title{ color:#fff; margin-bottom:10px; font-weight:bold; font-size:20px;  }
	.projectsList li a.title:hover{ color:#becbd4;  }
.projectsList li p{ margin-bottom:10px; color:#b5d7ef; padding:0 15px; line-height:20px;  }
.projectsList li a.more{  }
	.projectsList li a.more:hover{  }

.projectNav { overflow:hidden; }
.projectNav li { float:left; margin: 0 10px 0 0;}
.projectNav li h1 { padding:10px 5px 5px;}
.projectNav li h1.selected { background:#fff; padding:10px 5px 5px; color:#343b47;}

.sldBtn{position: absolute; top:80px; background: url('../images/slider-arrow.gif') no-repeat 0 0; display:block; width: 29px; height:39px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out ; z-index:100;}
	.sldBtn#tPrev { background-position: 0 0; left:0px;}
		.sldBtn#tPrev:hover { background-position: 0 -39px;}
	.sldBtn#tNext { background-position: -29px 0; right:0px;}
		.sldBtn#tNext:hover { background-position: -29px -39px;}

#contactForm { width:370px; }
#contactForm .control { margin: 0 0 15px 0;}
#contactForm label { color:#7e99aa; font-size:12px; margin:11px 20px 0 0; width:110px; display:block; float:left;}
#contactForm input[type="text"], #contactForm textarea { padding:8px; border:0; width:220px; resize:none; }
#contactForm textarea { min-height:60px;}
#contactForm #submit { background:#3e4753; border:1px solid #505b66; width:90px; margin:0 4px 0 0; text-align:center; color:#fff; height:30px; float:right;}

.homeImages { float:left;}
.homeImages ul { margin:10px 0 0 0;}
.homeImages ul li { float:left; margin: 0 9px 0 0; border:1px solid #a7b7c2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.homeImages ul li img { width:84px; height:56px;}
.atText { color:#fff !important; font-weight: bold; display:block;}
.partContent { display:none;}
.db{ display:block !important;}
.homeImages .br {border: 1px solid #A7B7C2;}

/* Footer */
#footer { width:960px; margin:0 auto; padding:20px 0; background: url('../images/footer-bg.gif') repeat-y left top; overflow:hidden; text-align:center;  }

.fMenu { text-align:center; font-weight:normal !important; font-size:11px; margin-bottom:20px;  }
.fMenu li{ display: inline; margin:0 20px; }
.fMenu li a{ color:#49505a; }
	.fMenu li a.selected, .fMenu li a:hover{ padding-bottom:2px; border-bottom:1px solid #262b35; }

.logoF {  background: url('../images/logo-f.png') no-repeat left top; width:65px; height:34px; display: inline-block; }

#slider { background:#262832; width:100%; height:150px; margin:10px 0 0 0; position:relative;}
#slider .next, #slider .prev { background:url('../images/small-arrow.png') no-repeat; width:10px; height:16px; position:absolute; top:70px; z-index:999; display:block; text-indent:-999999px;}
#slider .next { background-position: -15px 0; right:3px;}
#slider .prev { left:3px;}
.slides_container { width:960px; display:none; }
.slides_container .slide { width:960px; height:170px; display:block; margin: 21px 0 0 12px;}
.item { float:left; width: 138px; height:90px; margin:0 8px; background:#efefef; border: 1px solid #A7B7C2;;}
.item img { width: 138px; height: 90px;}
.item a { color:#FFFFFF; font-weight:bold; margin:0 0 0 0; display:block;}
.item a:hover { color:#aac5e1;}		
.pagination { display:none; }