/* merged and divided */
@import "inc_layout.css";
@import "inc_menu.css";
@import "inc_dropdown.css";
@import "inc_footer.css";
@import "inc_old.css";



div.outlineBox {
  border:1px solid #777;
  padding:0;
  margin-top:2em;
  background:#f7f7f7;
}.OBcontent {
  margin:1.5em 2em;
} .outlineBox h2 {
  margin-top:0;padding-top:0;
  padding-bottom:1em;
} .OBtopLeft {
  width:7px;height:7px;
  background:url("img/bg_outlineTopLeft.png") no-repeat;
  float:left;
  position:relative;
  top:-1px;
  left:-1px;
  overflow:hidden;
} .OBtopRight {
  width:7px;height:7px;
  background:url("img/bg_outlineTopRight.png") no-repeat;
  float:right;
  position:relative;
  top:-1px;
  right:-1px;
  overflow:hidden;
}.OBbottomLeft {
  width:7px;height:7px;
  background:url("img/bg_outlineBottomLeft.png") no-repeat;
  margin:0 auto 0 0;
  position:relative;
  left:-1px;
  bottom:-1px;
  overflow:hidden;
}.OBbottomRight {
  width:7px;height:7px;
  background:url("img/bg_outlineBottomRight.png") no-repeat;
  float:right;
  position:relative;
  right:-1px;
  bottom:-1px;
  overflow:hidden;
}



div.outlineBoxWhite {
  border:1px solid #9b9b9b;
  padding:0;
  margin-top:2em;
  background:white;
}.WOBcontent {
  margin:2px;
} .outlineBoxWhite h2 {
  margin-top:0;padding-top:0;
  padding-bottom:1em;
} .WOBtopLeft {
  width:7px;height:7px;
  background:url("img/bg_outlineTopLeft.gif") no-repeat;
  float:left;
  position:relative;
  top:-1px;
  left:-1px;
  overflow:hidden;
} .WOBtopRight {
  width:7px;height:7px;
  background:url("img/bg_outlineTopRight.gif") no-repeat;
  float:right;
  position:relative;
  top:-1px;
  right:-1px;
  overflow:hidden;
}.WOBbottomLeft {
  width:7px;height:7px;
  background:url("img/bg_outlineBottomLeft.gif") no-repeat;
  margin:0 auto 0 0;
  position:relative;
  left:-1px;
  bottom:-1px;
  overflow:hidden;
}.WOBbottomRight {
  width:7px;height:7px;
  background:url("img/bg_outlineBottomRight.gif") no-repeat;
  float:right;
  position:relative;
  right:-1px;
  bottom:-1px;
  overflow:hidden;
}

 .WOBcontent div.WOBbottomRight { right:-3px; bottom:-3px; }
.WOBcontent div.WOBbottomLeft { left:-3px; bottom:-3px; }


a.frameLink {
  display:block;
  text-decoration:none;
  text-align:right;
}
a.frameLink:link { color:white; }
a.frameLink:visited { color:white; }
a.frameLink:hover { color:white; }
a.frameLink span { display:block; float:right; cursor:pointer; }
#ourprocess {
  background:url("img/bg_ourprocess_.png") no-repeat 25px 10px;  
  height:107px;
} #ourprocessimg {
  width:196px; height:100px;
  background:url("img/ourprocess_both.png") no-repeat left bottom;
} a.frameLink:hover #ourprocessimg { background:url("img/ourprocess_both.png") no-repeat left top; }


#ourclients {
  height:94px;
  background:url("img/bg_ourclients003.png") no-repeat 25px 25px;
} #ourclientsimg {
  width:160px; height:94px;
  background:url("img/txt_ourclients.png") no-repeat left bottom;
} a.frameLink:hover #ourclientsimg { background:url("img/txt_ourclients.png") no-repeat left top; }


#ourstudio {
  height:103px;
  background:url("img/bg_bugfix.png") no-repeat 25px 25px;
} #ourstudioimg {
  position:relative;
  top:57px;
  right:4px;
  width:139px; height:44px;
  background:url("img/txt_ourstudio.png") no-repeat left bottom;
} a.frameLink:hover #ourstudioimg { background:url("img/txt_ourstudio.png") no-repeat left top; }
 div#studioBG {
  background:#473712 url("img/bg_ourstudio.png") right top no-repeat;
}

h1 { font-size:140%; }
h2 {
  font:bold 135% Verdana,Tahoma,sans-serif;
  color:#555;
  margin:0;
  padding:2em 0 1em 0;
} h2.nobottomgap {
  margin-bottom:0;
  padding-bottom:0;
}

.greenBullets {
  color:#79f604;
  margin:0;padding:0 0 0 1.5em;
} .greenBullets li { padding-bottom:1em; }



div.floater { /* now taken care by iehax.css */ }
div.clearer { clear:both; }

ol.lit {
  margin:0;
  padding:0 2em 2.5em 4em;
} .lit li {
  color:#79f604;
  font-size:130%;
}
.lit div {
  color:#777;
  font-size:80%;
} .lit h3 {
  font-size:120%;
  font-weight:bold;
  margin-top:2em;
}
em.new {
  background:#79f604;
  color:white;
  position:relative;
  bottom:0.2em;
  left:0.5em;
  padding:0.1em 0.4em;
  font-style:normal;
  font-size:70%;
  font-weight:bold;
}

/* like div.image but narrower: */
div.reelbox {
  padding:16px 10px 5px;
  width:330px;
  font-size:100%;
}
div.reelbox p {
  padding:0 0 0.8em 0;margin:0;
}

strong.block {
  display:block;
  font-weight:normal;
  margin-top:1.5em;
}
div#mapframe {
  float:right;
  margin-top:2.5em;
  border:1px solid #ccc;
  padding:5px 5px 2px 5px;
}