/* TAG's */
.dojoxDialog .dojoxDialogPaneContent  {width:663px !important;}
html{
  font-size: 100.01%;
  background: #fff url(/images/framework/top-blu-bg.gif) repeat-x;
}

body{
  margin: 0;
  font: 64% Verdana, Tahoma, Arial, sans-serif;
  background: url(/images/framework/background.jpg) repeat-x 50% 81px;
  min-width: 910px;
}
form {
  padding: 0;
  margin: 0;
  display: inline;  
}
img{
  border: none;
  display: block;
}

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
p, h1, h2, h3, h4{
  margin: 0;
}
a{
  text-decoration: underline;
  color: blue;
}
a:active, a:focus{
  outline:none;
}
a:hover {
  color: #3C77B1;
}

#main{
  margin: 0 auto;
  width: 910px;
  position: relative;
  padding-top:136px;
}
/* header */
#header{
  position: absolute;
  top: 0;
  left: 17px;
  width: 875px;
}
/* logotype */
.logo{
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/images/framework/logo.gif) no-repeat;
  width: 305px;
  height: 164px;
  float: left;
}

/* top-nav */
.top-nav{
  float: right;
  margin: 14px -9px 0 0;
  display: inline;
  height: 16px;
}

.top-nav li{
  display: inline;
  background: url(/images/framework/blue-list-separator.gif) no-repeat 0 50%;
  font-size:13px;
  color:#bbd0e8;
  line-height: 13px;
  padding: 0 9px 0 13px;
}
.top-nav li:first-child{background: none;}

.top-nav li a{
  font-size:13px;
  color:#bbd0e8;
}
.top-nav li a:hover{text-decoration: underline;}

/* main menu */
#menu{
  float: right;
  clear: right;
  width: 580px;
  margin: 23px -10px 0 0;
  display: inline;
}

#menu li{
  float: left;
}

#menu a{
  font-size: 14px;
  text-decoration: none;
  line-height: 16px;
  font-weight: bold;
  color:#fff;
  display: block;
  padding: 0 10px;
  height: 28px;
  float: left;
  font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
}
#menu a:hover{background:url(/images/framework/menu-hover.gif) no-repeat 50% 100%;}

/* content */
#content{
  overflow: hidden;
  margin: 0 0 45px 17px;
}

.home-page{margin-right:19px !important}

* html #content{
  overflow: hidden;
  height: 1%;
}

#content p{
  font-size: 13px;
  line-height: 15px;
  color:#000;
  font-weight: normal;
}

.home-page h1{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color:#2d4f74;
}
.home-page .main-content .text-content h2{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color:#2d4f74;
}

/* home-page styleas */
/* main content column */
.home-page .main-content{
  width: 534px;
  float: right;
  display: inline;
}
/* main image holder */
.home-page .main-img-holder{
  background: url(/images/framework/main-img-holder.jpg) no-repeat;
  padding: 17px 17px 0;
  display: inline;
  float: right;
}

.home-page .main-img-holder div{
  background: url(/images/framework/main-img-blue-line.gif) repeat-x;
  margin: 0;
  overflow: hidden;
  width: 100%;
  
}

.home-page .main-img-holder div img{
  float: left;
}
.home-page .main-img-holder div strong{
  font-size: 19px;
  color: #fff;
  line-height: 20px;
  margin: 15px 0 0 7px;
  display: inline;
  float: left;
}

/* text-content */
.text-content{
  background: url(/images/framework/grey-top-shadow.jpg) no-repeat;
  padding: 19px 22px 0;
  margin: 0 17px;
  clear: both;
}

.text-content p{
  margin: 5px 0;
}

.columns{
  overflow: hidden;
}

* html .columns{
  overflow: hidden;
  height: 1%;
}

.text-content ul{
  float: left;
  width: 200px;
  margin: 13px 20px 0 0;
}

.text-content ul li{
  background: url(/images/framework/bullet.gif) no-repeat 0 6px;
  padding: 0 0 0 22px;
}

.text-content ul a{
  font-size: 13px;
  line-height: 26px;
  color:#d30008;
  text-decoration: underline;
}
.text-content ul a:hover{text-decoration: none}

/* side-bar */
.home-page .side-bar{
  width: 321px;
  float: left;
  margin: 62px 0 0;
}

.home-page .side-bar p{
  margin: 15px 0;
}

.home-page .side-bar ul{
  margin: 22px 0 0;
}
.home-page .side-bar ul p {
  float: right; 
  width: 215px;
  padding: 0;
  margin: 5px 0 0 0;
}

.home-page .side-bar ul li{
  overflow: hidden;
  width: 100%;
  margin: 35px 0 0;
}
.home-page .side-bar ul li:first-child{margin: 0;}

.home-page .side-bar ul img{
  float: left;
  border: 3px solid #c0d1e3;
  margin: 4px 14px 0 0;
}
.home-page .side-bar ul h2{
  padding: 0 0 5px;
  background: url(/images/framework/dashed-border.gif) repeat-x 0 100%;
  float: right;
  width: 216px;
  margin: 0;
  border: none;
}

.home-page .side-bar ul h2 a{
  color: #2d4f74;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 17px;
}
.home-page .side-bar ul h2 a:hover{color:#D30008}

.home-page .side-bar ul p{
  
}

/* inner-page styles */
.side-nav{
  float: left;
  display: inline;
  width: 243px;
  margin: 72px 0 0 31px;
}
/* side navigation */
.side-articles {
  background: url(/images/framework/grey-bottom-shadow.jpg) no-repeat 0 100%;
  padding: 0 10px 18px;
  float: left;
  width: 243px;
  margin: 20px 0 0 0;
}
.side-articles h2 {
  color: #2d4f74;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 17px;
}
.side-nav ul{
  background: url(/images/framework/grey-bottom-shadow.jpg) no-repeat 0 100%;
  padding: 0 10px 18px;
}

.side-nav ul li{
  background: url(/images/framework/dashed-border.gif) repeat-x;
}
.side-nav ul li:first-child{background: none}

.side-nav ul a{
  background: url(/images/framework/bullet.gif) no-repeat;
  color: #d30008;
  font-size: 13px;
  line-height: 30px;
  padding: 0 0 0 23px;
}
.side-nav ul a:hover{
  text-decoration: none;
}

.inner-page .main-content{
  width: 570px;
  float: right;
}

.inner-page .main-content h1{
  font-size: 22px;
  line-height: 25px;
  color:#2d4f74;
  margin: 0 0 25px;
}
.inner-page .main-content p{
  margin: 15px 0;
}


/* footer */
#footer{
  background: #1a528f url(/images/framework/footer-bg.gif) repeat-x;
  margin: 0 0 55px;
  overflow: hidden;
  padding: 18px 19px 14px;
}
* html #footer{
  overflow: hidden;
  height: 1%;
}
/* footer left column */
#footer .column-1{
  float: left;
  display: inline;
  width: 590px;
}

#footer .column-1 ul{
  margin-bottom: 10px; 
}

#footer .column-1 ul li{
  display: block;
  float:left;
  background:url(/images/framework/blue-list-separator.gif) no-repeat 0 50%;
  padding: 0px 8px 0px 9px;
  line-height: 15px;
  font-size: 13px;
  height: 17px;
}
#footer .column-1 ul li:first-child{
  background:none;
  padding-left:0;
}

#footer .column-1 ul li a{
  font-size:13px;
  line-height: 15px;
  padding: 0 0 0 0;
  color:#bbd0e8;
}
#footer .column-1 ul li a:hover{text-decoration: none}

#footer .column-1 strong{
  font-size: 18px;
  line-height: 24px;
  color:#bbd0e8;
  display: block;
  margin: 3px 0 0;
}
#footer .column-1 .copy {
  margin: 10px 0 0 0;
  color: #bbd0e8;
}
#footer .column-1 .copy a{
  text-decoration: underline;
  color: #bbd0e8;
}
#footer .column-1 .copy a:hover{
  text-decoration: none;
}

/* footer right column */
#footer .column-2{
  float: right;
  padding: 0 0 0 25px;
  width: 200px;
  display: inline;
  border-left: 1px solid #9fb8d5;
}

#footer .column-2 .copy{
  font-size: 13px;
  line-height: 15px;
  color:#bbd0e8;
}
#footer .column-2 .contact, #footer .column-1 .contact{
  font-size: 13px;
  line-height: 15px;
  color:#bbd0e8;
  clear:left;
  padding: 10px 0 0;
}
#footer .column-2 .design{
  font-size: 13px;
  line-height: 15px;
  color:#bbd0e8;
  margin: 9px 0 0;
}  
#footer .column-2 a{
  color: #BBD0E8;
  font-size: 13px;
}
#footer .column-2 a:hover{
  text-decoration: underline;
}
.home-page .side-bar ul .pbOptions img {
  border: none;
}
.home-page .side-bar ul .pbOptions {
  margin: 5px 0 10px;
}
.clear {
  clear:both;
}


/*  Case Study Plugin  */
.casestudy .casestudy-main-img-holder {
  padding: 15px 15px 20px;
  display: inline;
  float: right;
  background-color: #CFCFCF;
  border: solid 3px #8F8F8F;
  margin: 0 20px 0 0;
}
.casestudy .casestudy-main-img-holder .floatImg {
  margin: 5px 0;
}
.casestudy .casestudy-main-img-holder .floatImg ul {
  margin:0;
  padding:0;
  width:400px;
}
.casestudy .casestudy-main-img-holder .floatImg ul li{
  list-style:none;
  float:left;
  margin:5px;
  
}
.casestudy .casestudy-main-img-holder .floatImg img{
  width: 85px;
  border: 2px solid #8F8F8F;
  height: 85px;
}
.casestudy .casestudy-main-img-holder div strong{
  font-size: 19px;
  color: #fff;
  line-height: 20px;
  margin: 15px 0 0 7px;
  display: inline;
  float: left;
}
.casestudy-text-content{
  background: url(/images/framework/grey-top-shadow.jpg) no-repeat;
  padding: 19px 22px 0;
  margin: 0 17px;
  clear: both;
}

.casestudy-text-content p{
  margin: 5px 0;
}

.columns{
  overflow: hidden;
}

* html .columns{
  overflow: hidden;
  height: 1%;
}

.casestudy-text-content ul{
  float: left;
  width: 200px;
  margin: 13px 20px 0 0;
}

.casestudy-text-content ul li{
  background: url(/images/framework/bullet.gif) no-repeat 0 6px;
  padding: 0 0 0 22px;
}

.casestudy-text-content ul a{
  font-size: 13px;
  line-height: 5px;
  color:#d30008;
  text-decoration: underline;
}
.casestudy-text-content ul a:hover{text-decoration: none}

/* CASE STUDIES */
#content .casestudy .side-bar .caseStaticHead p {
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 40px 0;
  font-size: 14px;
  font-weight: bold;
  color:#CFCFCF;
}
#detailLowerSection {
  clear:both;
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
  width:893px;
}
#detailLowerSection .highlights {
  float:left;
  width:350px;
}
#detailLowerSection .highlights ul {
  list-style: disc;
  list-style-position: inside; 
}
#detailLowerSection .highlights ul li {
  font-size: 12px;  
  margin:10px 0 0 0;
}
#detailLowerSection .summary {
  float:left;
  margin: 0 0 0 66px;
  padding: 0 0 0 0 ;
  width:436px;
}
#detailLowerSection h2 {
  margin: 0 0 5px 0;
  color: #2D4F74;
  font-size: 14px;
  border-bottom: 2px solid #8F8F8F;
  padding-bottom: 3px;
}
#detailLowerSection .casestudy-text-content{
  background: url(/images/framework/grey-top-shadow.jpg) no-repeat;
  padding: 5px 22px 5px;
  margin: 20px 17px 0;
  clear: both;
}
#detailLowerSection .main-content .casestudy-text-content a{
  font-weight: bold;
  text-decoration: underline;
}

.casestudy .tab, .casestudy .video-tab {
  position: absolute;
  width: 26px;
  height: 105px;
  left:-4px;
  cursor:pointer;
}
.casestudy .tab {
  background: url(/images/framework/tab.gif) no-repeat;

}
.casestudy .video-tab {
  background: url(/images/framework/video-tab.gif) no-repeat;
  top:115px;
}

#tabImage { display:block; }

#tabVideo { display:none; }
#tabVideo object, #tabVideo embed { width:400px; height:325px; }

.casestudy{ margin-right:19px; }


.casestudy h1{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color:#2d4f74;
}

.casestudy .main-content{
  width: 475px;
  float: right;
  display: inline;
  position:relative;
}
/* main image holder */
.casestudy .main-img-holder{
  background: url(/images/framework/main-img-holder.jpg) no-repeat;
  padding: 17px 17px 0;
  display: inline;
  float: right;
}

.casestudy .main-img-holder div{
  background: url(/images/framework/main-img-blue-line.gif) repeat-x;
  margin: 0;
  overflow: hidden;
  width: 100%;
  
}

.casestudy .main-img-holder div img{
  float: left;
}
.casestudy .main-img-holder div strong{
  font-size: 19px;
  color: #fff;
  line-height: 20px;
  margin: 15px 0 0 7px;
  display: inline;
  float: left;
}
.side-bar .services {
  background:url('/images/framework/servicesbg.gif') repeat-x top left; 
  margin: 60px 0 35px 0;
  height: 150px;
}
.side-bar .services ul {
  margin:0;
  padding:0;
  list-style: none;
}
.side-bar .services ul li {
  width: 150px;
  float: left;
  background:url('/images/framework/servicesarrow.gif') no-repeat 0 1px;
  padding: 0 5px 5px 15px;
  margin: 0;
}
.side-bar h2 {
  margin: 0 0 5px 0;
  color: #3400ED;
  font-size: 14px;
  border-bottom: 2px solid #8F8F8F;
  padding-bottom: 3px;
}
.side-bar .red {
  color: red; 
  padding: 5px 0 0 5px;
  border-bottom: none;
}
.casestudy .main-content h1{
  font-size: 22px;
  line-height: 25px;
  color:#2d4f74;
  margin: 0 0 25px;
}
.casestudy .main-content p{
  margin: 15px 0;
}
/* side-bar */
.casestudy .side-bar{
  width: 350px;
  float: left;
  margin: 5px 0 0;
}

.casestudy .side-bar p{
  margin: 15px 0;
}
.casestudy .side-bar ul{
  margin: 10px 0 0;
  padding: 0 0 40px 5px;
}
.casestudy .side-bar ul li{
  overflow: hidden;
  /* margin: 35px 0 0; */
}
.casestudy .side-bar ul li:first-child{margin: 0;}

.casestudy .side-bar ul img{
  float: left;
  border: 3px solid #c0d1e3;
  margin: 0 14px 0 0;
}
.casestudy .side-bar ul h2{
  padding: 0 0 5px;
  background: url(/images/framework/dashed-border.gif) repeat-x 0 100%;
  float: right;
  width: 216px;
  margin: 0 0 5px;
}
.casestudy .side-bar ul h2 a{
  color: #2d4f74;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}
.casestudy .side-bar ul h2 a:hover{color:#D30008}

.main-content h2 {
  margin: 0 5px 5px 0;
  color: #2D4F74;
  font-size: 14px;
  padding-bottom: 3px;
  border-bottom: 2px solid #8F8F8F;
}


.main-content .inner-case-study ul{
  margin: 22px 0 0;
  width: 570px;
}

.main-content .inner-case-study ul li{
  overflow: hidden;
  width: 100%;
  margin: 35px 0 0;
}
.main-content .inner-case-study ul li:first-child{margin: 0;}

.main-content .inner-case-study ul img{
  float: left;
  border: 3px solid #c0d1e3;
  margin: 0 14px 0 0;
  width: 90px
  height: 68px;
}
.main-content .inner-case-study ul h2{
  padding: 0 0 0px;
  float: right;
  /*background: url(/images/framework/dashed-border.gif) repeat-x 0 100%; */
  margin: 0;
  border: none;
  width: 375px;
}

.main-content .inner-case-study ul h2 a{
  color: #2d4f74;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}
.main-content .inner-case-study ul h2 a:hover{color:#D30008}

.main-content .inner-case-study ul p{
  float: right;
  width: 375px;
}
.main-content .inner-case-study ul small{
  float: right;
  width: 375px;
  color:#a00;
}
.main-content .inner-case-study .pbOptions img {
  border: none; 
  clear: both;
}
.main-content .uldisc ul {
  list-style: disc;
  list-style-position: inside;
}
.main-content .uldisc ul li{
  font-size: 12px;
}
#desc  {
  font-size: 9px;
  text-align: center;
  margin: 0 0 5px 0;  
  width: 400px;
  height:18px;
}
#test {
  overflow:hidden;
}
#toolbar {float:right; margin: 20px 22px 0 0;width:437px; background-color:#CFCFCF; border-top: dotted 1px #8F8F8F; border-bottom: dotted 1px #8F8F8F; }
#toolbar ul {margin:0; padding:0; display:block;}
#toolbar li {list-style:none; float:left; margin:0; padding:0;}
#toolbar li.tb1 {margin: 0 0 0 18px;}
#toolbar li.tb2 {margin: 0 0 0 16px;}
#toolbar li.tb3 {margin: 0 0 0 17px;}
#toolbar li.filler {margin: 0 0 0 15px;}
#toolbar li.tb4 {margin: 0;}
#toolbar li.tb5 {margin: 0;}
#toolbar a {padding: 0; margin: 0;}

.quoteForm { font-size:12px; }
.clear-margin { clear:both; }

/* PB Templates */
#addEdit .TabbedPanels { float:none; }
.TabbedPanelsContent table { width:100%; }
.TabbedPanelsContent table thead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.TabbedPanelsContent table tbody {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.TabbedPanelsContent table td {padding:5px 5px;}
.TabbedPanelsContent table td.specs {text-align:left; vertical-align:top; font-weight:bold;}
.TabbedPanelsContent table tr.odd {background:#679fd6;}
.TabbedPanelsContent table td.specs textarea { font-weight:normal; }
p.highlightTitle {text-align:center; font-size: 16px; font-weight:bold;}

#addEdit .TabbedPanelsContent table img { float:none; display:inline; border:none; margin:0; }

.main-content .inner-case-study ul #image-plugin-holder li { margin:0; width:auto; }

#addEdit { float:none; margin:60px 0 0; }
#addEdit .inner-case-study ul { width:auto; }

#addEdit2 { width:640px; }