body{
  margin: 0 auto;
  padding: 0;
  background: #000332 url('../image/page_shadow.png') no-repeat center 400px;
  font: 400 75.25%/1.5em arial;
  color: #b4b4b4;
}
#banner{
  height: 400px;
  background: url('../image/page_flare.png') no-repeat center top;
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
  z-index: 1;
}
#banner .nav h1{
  width: 366px;
}
#banner .nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
}
#banner .nav li{
  display: inline;
  margin-left: 20px;
}
#banner .nav li a{
  font: 700 1.25em 'Trebuchet MS',verdana,arial;
  color: #666;
}





#content{
  width: 960px;
  margin: 85px auto 15px auto;
  position: relative;
  z-index: 100;
}
#content .container{
/**  position: absolute; **/
  font-family: 'Trebuchet MS', arial;
  font-size: 1.2em;
  line-height: 1.3em;
}
#content .container ul{
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}
#content .container dt{
  margin: 0;
  display: inline;
  float: left;
}
#content .container dd{
  margin-left: 60px;
}





#footer{
  width: 960px;
  margin: 50px auto 15px auto;
  position: relative;
  z-index: 200;
  color: #2e337b;
  font-size: 0.8em;
  border-top: 1px dashed #2e337b;
}



.bi-name{
  
  background: url('../image/bi_name.png') no-repeat top center;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/bi_name.png',sizingMethod='scale');
  width: 366px;
  height: 62px;
  text-indent: -5000px;
  padding: 0;
  margin: 10px 20px 0 0;
  cursor: pointer;
}  
.bi-logo{
  background: url('../image/bi_logo.png') no-repeat top center;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/bi_logo.png',sizingMethod='scale');
  width: 242px;
  height: 395px;
  position: absolute;
  top: 190px;
  left: 525px;
  z-index: 15;
}


/*****************/
/*** STRUCTURE ***/
/*****************/
.col{
  float: left;
  display: inline;
}
.XS{ width: 200px; }
.S{ width: 320px; }
.M{ width: 480px; }
.L{ width: 550px; }
.XL{ width: 960px; }





/***************/
/*** BANNERS ***/
/***************/
.teaser{
  position: absolute;
  top: 175px;
  left: 0;
  z-index: 5;
  margin: 0 35px;
}
.teaser h2{
  font: 400 2em 'Trebuchet MS',verdana,arial;
  margin: 0;
}
.teaser strong{
  width: 380px;
  height: 125px;
  float: left;
  margin-right: 20px;
  text-indent: -5000px;
}
.teaser .teaser-about{
  background: url('../image/sprite_teaser.png') no-repeat top center;
}
.teaser .teaser-portfolio{
  background: url('../image/sprite_teaser.png') no-repeat top center;
  background-position: 0 -200px;
}
.teaser .teaser-contact{
  background: url('../image/sprite_teaser.png') no-repeat top center;
  background-position: 0 -400px;
}


/** lcc = 171b55 **/
/** link = 2e337b **/
/** text = b4b4b4 **/






/***************/
/*** GENERIC ***/
/***************/
a, a:visited{
  color: #2e337b;
  text-decoration: none;
}
.active a, a:hover{
  color: #fff;
  text-decoration: none;
}
.cleared:after{
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cleared{
  min-height: 1px;
  _height: 1px;
}
.m0-5-0-0{ margin: 0 5px 0 0; }
.m0-5-0-5{ margin: 0 5px 0 5px; }
.m0-0-0-5{ margin: 0 0 0 5px; }
.m0-10-0-0{ margin: 0 10px 0 0; }
.m0-0-0-10{ margin: 0 0 0 10px; }
.m0-20-0-0{ margin: 0 20px 0 0; }
.m0-0-0-20{ margin: 0 0 0 20px; }
.m20-0-0-0{ margin: 20px 0 0 0; }




.teaser-expedia{
  background: url('../image/teaser_expedia.png');
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/teaser_expedia.png',sizingMethod='scale');
}
.teaser-mailonline{
  background: url('../image/teaser_mailonline.png') no-repeat top center;
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/teaser_mailonline.png',sizingMethod='scale');
}
.teaser-bondy{
  background: url('../image/teaser_bondy.png') no-repeat top center;
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/teaser_bondy.png',sizingMethod='scale');
}
#jq-carousel .quote{
  width: 300px;
  _width: 280px;
  float: right;
  font-family: 'Trebuchet MS',verdana,arial;
  margin: 84px 15px 0 0;
}
#jq-carousel .quote strong{
  font-size: 2.2em;
  line-height: 1.2em;
  text-align: left;
  line-height: 1.2em;
  color: #ff9000;
  margin-bottom: 15px;
  display: block;
  font-weight: 400;
  
}
#jq-carousel .quote p{
  font-size: 1.2em;
  text-align: right;
  margin: 0;
  padding: 0;
}