/* general settings */
html {height:100%;}
body{
  margin:0;
  background:#dadada url(/images/framework/bg01.gif) repeat-x 0 0;
  font:14px Arial, Helvetica, sans-serif;
  min-height:100%;
  position:relative;
}
* html body {height:100%;}
#main{
  width:975px;
  margin:0 auto;
  position:relative;
}
img{
  border:none;
  display:block;
}
/* header */
#header{
  width:975px;
  height:160px;
  background:url(/images/framework/header.gif) no-repeat 0 0;
}
/* logo */
#header strong a{
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  width:302px;
  height:70px;
  position:absolute;
  top:18px;
  left:32px;
  background:url(/images/framework/logo.gif) no-repeat 0 0;
}
/* top navigation */
.topnav{
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:25px;
  right:45px;
  line-height:23px;
  overflow:hidden;
  color:#317731;
}
.topnav li{
  float:left;
  padding:0 12px 0 15px;
  background:url(/images/framework/sep01.gif) no-repeat 0 50%;
  margin:0 0 0 -2px;
  display:inline;
}
.topnav li a{
  color:#317731;
  text-decoration:none;
  padding:0 0 0 11px;
  background:url(/images/framework/arrow01.gif) no-repeat 0 50%;
}
.topnav li a:hover{text-decoration:underline;}
/* main navigation */
/* content holder */
#content-holder{
  width:975px;
  background:url(/images/framework/holder.gif) repeat-y 0 0;
  padding:0 0 179px;

}
.holder-b{
  width:935px;
  background:url(/images/framework/holder-b.gif) no-repeat 0 100%;
  padding:0 20px 27px;
}
.holder-b:after{
  overflow:hidden;
  clear:both;
  display:block;
  height:0;
  content:'';
}
/* top box */
.top{width:935px;}
.top:after{
  content:'';
  overflow:hidden;
  height:0;
  display:block;
  clear:both;
}
.top a{
  color:#317731;
  text-decoration:underline;
}
.top a:hover{text-decoration:none;}
/* top box text area */
.text{
  width:435px;
  float:left;
  padding:9px 0 0;
}
.text h1{
  margin:0;
  font-size:18px;
  color:#317731;
  background:#ececec url(/images/framework/arrow03.gif) no-repeat 0 50%;
  padding:10px 0 10px 18px;
  letter-spacing:-1px;
  line-height:24px;
}
.text h1 span{
  font-weight:normal;
  color:#000;
}
.text p{
  margin:25px 0 0;
  padding:0 0 0 18px;
  line-height:18px;
}
/* flash area */
.flash{
  width:469px;
  float:right;
  height:348px;
  background:url(/images/framework/frame.gif) no-repeat 0 0;
  margin:-94px 16px 0 0;
  display:inline;
  position:relative;  
  padding:10px 0 0 9px;
  z-index:0;


}
.innerHero{
  width:469px;
  float:right;
  height:190px;
  background:url(/images/framework/innerHero.gif) no-repeat 0 0;
  margin:-94px 16px 0 0;
  position:relative;
  padding:10px 0 0 9px;

}
/* sidebar */
.sidebar{
  width:288px;
  float:left;
  margin:-30px 0 0;
  background:url(/images/framework/side-m.gif) repeat-y 0 0;
}
.sidebar .bg{
  width:288px;
  background:url(/images/framework/side-t.gif) no-repeat 0 0;
  padding:17px 0 0 16px;
}
.sidebar .bg ul{
  margin:10px 0 0 0;
  padding:0 23px 57px 5px;
  list-style:none;
  overflow:hidden;
  width:260px;
  background:url(/images/framework/side-b.gif) no-repeat -16px 100%;
}
.sidebar .bg ul li{
  margin:-1px 0 0;
  padding:2px 0;
  width:260px;
  float:left;
}
.sidebar .bg ul li h2{
  color:#317731;
  font-size:18px;
  margin:0;
  padding:0 0 0 26px;
  background:url(/images/framework/arrow04.gif) no-repeat 0 50%;
}
.sidebar .bg ul li h2 a{
  color:#317731;
  text-decoration:none;
}
.sidebar .bg ul li h2 a:hover{text-decoration:underline;}
.sidebar .bg ul li h3{
  color:#000000;
  font-size:12px;
  margin:0;
  padding:0 0 0 26px;
  background:url(/images/framework/arrow04.gif) no-repeat 0 50%;
    font-weight:normal;
}
.sidebar .bg ul li p{
  margin:0;
  line-height:20px;
}
.sidebar .bg ul li a.more{
  color:#004000;
  padding:0 0 0 12px;
  background:url(/images/framework/arrow05.gif) no-repeat 0 50%;
  float:right;
}
.sidebar .bg ul li a.more:hover{text-decoration:none;}
/* content */
.content{
  width:610px;
  float:right;
  margin:0 19px 0 0;


  display:inline;
  padding:11px 0 0;
}
.innerContent{
  float:left;
  margin:0 19px 0 0;
  display:inline;
  padding:11px 0 0;
}
.innerLeftcol{
  width:570px;
  float:left;
  background:url(/images/framework/line.gif) no-repeat 100% 0;
  padding:0 20px 0 20px;
}
.innerLeftcol h1{
  margin: 0;
  padding: 0;
  font-size: 24px;  
  color:#295F29;
}
.innerLeftcol h2 {
  font-size: 16px;
} 
/* left column */
.leftcol{
  width:285px;
  float:left;
  background:url(/images/framework/line.gif) no-repeat 100% 0;
  padding:0 20px 0 0;
}
/* right column */
.rightcol{
  width:285px;
  float:right;
  padding:0 0 0 20px;

}
/* hightlight */
.hightlight{
  width:285px;
  overflow:hidden;
  padding-bottom:55px;
}
.rightarticle {float:right; width:471px; margin:10px 19px 0 0;}
.rightarticle h2{
  margin:0 0 19px;
  font-size:16px;
  font-weight:normal;
  padding:0 0 0 21px;
  line-height:35px;
  background:url(/images/framework/hightlight-bg.gif) repeat-x 0 0;
}
.rightarticle h2 {
  color:#fff;
}
.bg h4 {
  color:#317731;
  font-size:16px;
  margin:0 0 0 2px;
}
.hightlight h3{
  margin:0 0 19px;
  font-size:16px;
  font-weight:normal;
  padding:0 0 0 21px;
  line-height:35px;
  background:url(/images/framework/hightlight-bg.gif) repeat-x 0 0;
}
.hightlight h3 a{
  color:#fff;
  text-decoration:none;
}
.hightlight h3 a:hover{text-decoration:underline;}
.hightlight img{
  float:left;
  border:2px solid #bababa;
  margin:0 13px 0 0;
}
.hightext{
  width:172px;
  float:right;
}
.hightext p{
  margin:0;
  line-height:18px;
}
.hightext ul{
  margin:0;
  padding:0;
  list-style:none;
}
.hightext ul li a{
  color:#295e29;
  padding:0 0 0 12px;
  background:url(/images/framework/arrow06.gif) no-repeat 0 50%;
}
.hightext ul li a:hover{text-decoration:none;}
/* boxes */
.boxes{
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  width:285px;
}
.boxes li{
  width:285px;
  background:url(/images/framework/box-m.gif) repeat-y 0 0;
  margin-bottom:23px;
}
.boxes li .box-b{
  width:285px;
  background:url(/images/framework/box-b.gif) no-repeat 0 100%;
  padding:0 0 5px;
}
.boxes li .box-t{
  width:196px;
  background:url(/images/framework/box-t.gif) no-repeat 0 0;
  min-height:60px;
  padding:30px 0 0 89px;
}
* html .boxes li .box-t{height:60px;}
.boxes h4{
  margin:0;
  font-size:18px;
  font-weight:normal;
}
.boxes h4 a{
  color:#fff;
  text-decoration:none;
}
.boxes h4 a:hover{text-decoration:underline;}
.boxes ul{
  margin:0;
  padding:0;
  list-style:none;
  width:auto;
}
.boxes ul li{
  width:auto;
  padding:0;
  background:none;
}
.boxes ul li a{
  color:#78df78;
  padding:0 0 0 12px;
  background:url(/images/framework/arrow07.gif) no-repeat 0 50%;
}
.boxes ul li a:hover{text-decoration:none;}
/* footer */
#footer {
  width:100%;
  height:179px;
  background:url('/images/framework/footer.gif') repeat-x 0 0;
  position:absolute;
  bottom:0;
  left:0;
  min-width:975px;
  overflow:hidden;
}
.footer{
  width:895px;
  padding:0 40px;
  margin:0 auto;
  color:#dadada;
}
/* footer left part */
.left{
  width:610px;
  float:left;
}
/* footer right part */
.right{
  width:281px;
  float:right;
  padding:24px 0 0;
  text-align:center;
}
/* footer navigation */
.footernav{
  width:151px;
  float:left;
  margin:0;
  padding:24px 52px 15px 0;
  list-style:none;
  line-height:14px;
}
.footernav li{
  width:151px;
  overflow:hidden;
  padding:9px 0 0;
}
.footernav li a{
  display:block;
  width:151px;
  border-bottom:1px solid #dadada;
  color:#dadada;
  padding:0 0 2px;
  text-decoration:none;
}
.footernav li a:hover{
  color:#68b168;
  border-bottom:1px solid #68b168;
}
.left p{
  margin:0;
  float:left;
  width:100%;
}
/* footer logo */
.logo a{
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  width:281px;
  height:65px;
  background:url(/images/framework/logo02.gif) no-repeat 0 0;
}
.right p{
  margin:15px 0 5px;
  font-size:24px;
}
.right a{
  color:#dadada;
  font-size:16px;
}
.right a:hover{text-decoration:none;}

#sideNav ul {margin:0 0 0 20px; padding:0;}
#sideNav li {list-style:none; background:url(/images/framework/arrow04.gif) no-repeat 0 2px; padding:0 0 0 20px; margin:5px 0;}
#sideNav li a {color:#317731;}
#sideNav li a:hover {text-decoration:none;}
.innerText{
  width:435px;
  float:left;
  padding:9px 0 0;
}

.innerText h3{
  margin:0;
  font-size:18px;
  color:#317731;
  background:#ececec url(/images/framework/arrow03.gif) no-repeat 0 50%;
  padding:10px 0 10px 18px;
  letter-spacing:-1px;
  line-height:24px;
}
.innerText h3 span{
  font-weight:normal;
  color:#000;
}
.innerText p{
  margin:25px 0 0;
  padding:0 0 0 18px;
  line-height:18px;
}
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
  z-index:9999;
}
.sf-menu {
  line-height:  1.0;
  z-index:9999;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
  width:      16em; /* left offset of submenus need to match (see below) */
  z-index:9999;
}
.sf-menu ul li {
  width:      100%;
  z-index:9999;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
  z-index:9999;
}
.sf-menu li {
  float:      left;
  position:   relative;
  z-index:9999;
}
.sf-menu a {
  display:    block;
  position:   relative;
  z-index:9999;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  top:      2.8em; /* match top ul list item height */
  z-index:9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
  z-index: 9999;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:     16em; /* match ul width */
  top:      0;
  z-index:9999;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
  z-index:9999;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:     16em; /* match ul width */
  top:      0;
  z-index:9999;
}

.sf-menu li ul {
  z-index:9999;
  }
  
ul.sf-menu li ul {
  z-index:9999;
  }  



/*** DEMO SKIN ***/
.sf-menu {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:120px;
  left:20px;
  line-height:40px;
  z-index:9999;
}
.sf-menu li{
  float:left;
  padding:0 20px 0 18px;
  z-index:9999;
}
.sf-menu li a{
  color:#fff;
  text-decoration:none;
  float:left;
  z-index:9999;
}
.sf-menu li.noChild a:hover {background:url(/images/framework/arrow02.gif) no-repeat 50% 0; z-index:999;}
.sf-menu li.sfHover {background:url(/images/framework/arrow02.gif) no-repeat 50% 0; z-index:999;}
 
.sf-menu li li {
  background:   #295F29;
  z-index:9999;

}
.sf-menu li li li {
  background:   #295F29;
  z-index:9999;
}


.sf-menu li li:hover,
.sf-menu a:focus,  .sf-menu a:active {
  background: #183F17;
  outline:    0;
  z-index:9999;
  }

.sf-menu li li a:hover {
  background: none;
  z-index:999;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('/images/framework/shadow.png') no-repeat bottom right;
  padding: 0 46px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
  z-index:9999;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
  z-index:9999;
}


/*** Case Studies ***/
.pbOptions img {
  border: none;
}
.pbOptions {
  margin: 5px 0 10px;
}
.clear {
  clear:both;
}

table#addEditTbl {margin:0 auto; background:#fff; width:100%;}
  #addEditTbl tbody {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
  #addEditTbl td {padding:5px 5px;}
  #addEditTbl td.fieldName {text-align:left; vertical-align:top; font-weight:bold;}
  #addEditTbl tr.odd {background:#3C77B1;}
.tundra .dijitDialogTitleBar {background: #c3c3c3;}

/** CASE STUDY **/
.innerLeftcol ul.casestudy {margin:0; padding:0;}
.innerLeftcol ul.casestudy h2 a {color:#235A23;}
.innerLeftcol ul.casestudy h2 a:hover {color:#235A23;}
.innerLeftcol li.preview {margin:0; padding:0; list-style:none;}
.innerLeftcol li img {margin:0 15px 0 0; padding:0; float:left;}
.innerLeftcol li h2 {margin:0; padding:0;}
.innerLeftcol .cscontent {float:left;}
.images {float:right; width:425px;}
.inner-case-content{margin:0 19px 0 0; display:inline; padding:11px 0 0 18px;}
.case-content-top h1, .case-content-top h2, .highlights h2, .summary h2 {color:#235A23;}

#detailLowerSection {clear:both;}
#detailLowerSection .highlights {float:left; width: 425px;}
#detailLowerSection .summary {float:right; width:425px;}

/**** Services Request Form ***/
#serviceForm fieldset {background:#EFEFEF; margin:0 0 20px 0;}
  table#serviceRequest {width:100%;}
    table#serviceRequest tr {}
    table#serviceRequest td {padding:5px 0;}
    table#serviceRequest td.fieldName {width:40%;}
#serviceForm input {display:block;margin: 0 auto 30px; }
    table#serviceRequest img {}
    table#serviceRequest td.calendar {width:20%;}
#serviceForm legend {color:#317731; font-size:18px; background:#EFEFEF; padding:0 0 5px 0;}

a.green {color: #317731;}
a.green:hover {color: #317731; text-decoration:none;}

.breadcrumb {margin:0 0 15px 0; color:#BFBFBF; font-size: 12px;}
.breadcrumb a {color:#BFBFBF; font-size: 12px; text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;}

 html ul.sf-js-enabled li { 
    display:inline !important; 
    zoom:1 !important; 
  }
  
  html ul.sf-js-enabled li:hover {
    /* fix for sticky bug in IE7 */
    visibility:inherit;
  }
  
#footer .footer .left p a.fivetech {color:#fff;}
#footer .footer .left p a.fivetech:hover {text-decoration:underline;}