/******************************************************************************
 * Krentzman Communications 
 * 03-24-09
 ******************************************************************************/
 
*{ padding: 0px; margin:0px;}

body{
  text-align: center;
  /*color: #0469B3;*/color:#555; 
  font-family: arial, helvetica, sans-serif; 
  font-size: 14px;
 }

.wrapper{
  width: 850px;  margin: 0px auto; border: #f00 0px solid; padding: 20px 0px 0px 0px; 
}

.header{
   border: #f00 0px solid; width: 850px; position: relative;
}

.logo_div{
  text-align: left; padding:0px 0px 0px 20px;
}

.middle{
  background:#fff url('../images/middle_bg.gif') repeat-y top left; width: 850px; text-align: center;
}

.footer_bg{
  background:#fff url('../images/bottom_bar.gif') no-repeat top left; width: 850px; height: 85px;
  margin: 0px auto;
}

.footer{
  padding:30px 43px 0px 0px; text-align:right; color:#fff; font-size: 10px;
}

.footer_link{ height:16px; text-align:right; width: 850px;  margin: 0px auto; padding:0px 60px 0px 0px;  }

.footer_link a{ color:#7F94BE; font-size:11px; text-decoration:none;}

.footer_link a:hover{ color:#AEB084; text-decoration:underline;  }

h2{color: #AEB084;}


.nav_bg{
  background:#fff url('../images/top_bar.gif') no-repeat top left;
  width: 850px; height: 85px;
}

.nav{ padding: 22px 0px 0px 98px;}
.nav ul{ list-style-type:none; }
.nav li{float:left;}

a.home{ display: block; height:40px; width:73px; background: url('../images/menu_off/home.gif') repeat-y top left; }
a.home:hover, a.home:active{ display: block; height:40px; width:73px; background: url('../images/menu_on/home.gif') repeat-y top left;  }

a.about{ display: block; height:40px; width:104px; background: url('../images/menu_off/about.gif') repeat-y top left; }
a.about:hover, a.about:active{ display: block; height:40px; width:104px; background: url('../images/menu_on/about.gif') repeat-y top left;  }

a.services{ display: block; height:40px; width:104px; background: url('../images/menu_off/services.gif') repeat-y top left; }
a.services:hover, a.services:active{ display: block; height:40px; width:104px; background: url('../images/menu_on/services.gif') repeat-y top left;  }

a.portfolio{ display: block; height:40px; width:101px; background: url('../images/menu_off/portfolio.gif') repeat-y top left; }
a.portfolio:hover, a.portfolio:active{ display: block; height:40px; width:101px; background: url('../images/menu_on/portfolio.gif') repeat-y top left;  }

a.diversity{ display: block; height:40px; width:228px; background: url('../images/menu_off/diversity.gif') repeat-y top left; }
a.diversity:hover, a.diversity:active{ display: block; height:40px; width:228px; background: url('../images/menu_on/diversity.gif') repeat-y top left;  }

a.contact{ display: block; height:40px; width:109px; background: url('../images/menu_off/contact.gif') repeat-y top left; }
a.contact:hover, a.contact:active{ display: block; height:40px; width:109px; background: url('../images/menu_on/contact.gif') repeat-y top left;  }

div.drop_down{
  border-bottom: #7994BE 2px solid; background:#0469B3;  
  text-align:left;  border-left:#7994BE 1px solid; border-right:#7994BE 1px solid;
}

div.drop_down a{ padding:5px 0px 0px 11px; color:#fff; font-weight: bold; text-decoration:none;}
div.drop_down a:hover{  padding:5px 0px 0px 11px; color:#AEB084; font-weight: bold; text-decoration:none;}

.dd_diversity_hide{ display: block; visibility:hidden; position: absolute; width:193px; height: 50px; top:170px; right:158px; }
.dd_diversity_show{ display: block; visibility:visible; position: absolute; width:193px; height: 50px; top:170px; right:158px; }
.dd_services_hide{ display: block; visibility:hidden; position: absolute; width:173px; height: 50px; top:170px; right:391px; }
.dd_services_show{ display: block; visibility:visible; position: absolute; width:173px; height: 50px; top:170px; right:391px; }
.dd_portfolio_hide{ display: block; visibility:hidden; position: absolute; width:173px; height: 50px; top:170px; right:288px; }
.dd_portfolio_show{ display: block; visibility:visible; position: absolute; width:173px; height: 50px; top:170px; right:288px; }

.spacer{line-height:6px; }
.clearer{ clear: both;}
/******************************** HOMEPAGE CONTENT ********************************/

.content{
  width:745px; margin:0px auto;  padding:20px 0px 40px 0px; text-align: left;
}

.content p{
  margin: 15px 10px 10px 0px; line-height:22px;
}

.content a{
  color:#7F94BE; font-size:12px; text-decoration:none;
}

.content a:hover{ color:#AEB084; text-decoration:underline; }


.content ul{padding: 0px 30px 30px 20px; line-height:22px;}
.content li{padding: 10px 0px 0px 0px;}

.portfolio_left{
  width: 310px;  border-right:#7F94BE 2px solid; float:left; padding:15px 20px 0px 0px;
}

.portfolio_right{
  width: 400px; border:#0ff 0px solid; float:right; text-align:center;
}

.item{ font-size:12px; font-weight:bold; cursor:pointer; color:#7F94BE;}