body{
  background-color: #888B92;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

a:link, a:visited{
  color: #f78f1e;
  text-decoration: none;
}

p{
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  padding-bottom: 15px;
}

h1{
  font-size: 26px;
  color: #f78f1e;
  line-height: 29px;
  padding-bottom: 5px;
}

h2{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #333333;
  line-height: 26px;
  padding-bottom: 5px;
}

h3{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 26px;
  padding-bottom: 5px;
  color: #f78f1e;
}

h4{
  font-size:14px;
}

strong, b{
  font-weight: bold;
}

/************************************* wrapper styles */
#wrapper{
  background: url(../images/background.png) repeat-x top;
  background-color: #dde0e3;
  width: auto;
  height: auto;
}

#main-wrap{
  position: relative;
  margin: 0 auto;
  width: 966px;
  min-height: 500px;
}

/************************************* top styles */
#top{
  height: 99px;
  position: relative;
  z-index: 25;
}

/* top nav styles */

#top-nav{
  float:right;
  padding-bottom:20px;
  padding-right:5px;
}

#top-nav ul li{
  float: left;
}

#top-nav ul li a{
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
  height: 21px;
  display: block;
}

#top-nav ul li.home a{
  background: url(../images/top_home.gif) no-repeat;
  width: 43px;
}

#top-nav ul li.contact a{
  background: url(../images/top_contact.gif) no-repeat;
  width: 89px;
}

#top-nav ul li.blog a{
  background: url(../images/top_blog.gif) no-repeat;
  width: 41px;
}

#top-nav ul li#active a, #top-nav ul li a:hover{
  background-position: 0 -21px;
}

#logo{
  float: left;
}

/* main nav styles */

#main-nav{
  background: url(../images/main_nav_bg.jpg) no-repeat;
  width: 738px;
  height: 58px;
  float: right;
  position: relative;
  z-index: 25;
}

#main-nav ul{
  display:block;
  height:26px;
  margin-left:23px;
  text-align:center;
  width:100%;
}

#main-nav ul li{
  display: block;
  float: left;
}

#main-nav ul li a{
  color:white;
  font-size:11px;
  padding:5px 12px;
  display: inline;
  line-height: 22px;
  text-transform: uppercase;
}#selector {
  background: url('../images/arrow.png') no-repeat scroll top left;
  width: 6px;
  height: 4px;
}

#main-nav ul li.nav-on, #main-nav ul li#active{
  background: url(../images/arrow.png) no-repeat #f78f1e center bottom;
}

/* dropdown styles */
#main-nav ul li ul{
  background-color: #ffc27f;
  border-top: 3px solid #de7707;
  border-left: 1pt solid black;
  border-right: 1pt solid black;
  border-bottom: 1pt solid black;
  display: none;
/*  float:left;*/
  height:auto;
  margin-left:0;
  position:absolute;
  width:auto;
  top: 23px;
  z-index: 25;
}


/*#main-nav ul li.news ul{
  float:right;
  right:76px;
}

#main-nav ul li.faq ul{
  float:right;
  right:28px;
}*/

/* Commented out the above styles in order to center the subnav
   blocks.  Also added another style on the subnav ul li to 
   center the text links.  Also adjusted the li.news and li.faq
   styles to center the text links 

   Date added: Jun 19
*/

#main-nav ul li.nav-on ul{
  display: block;
}

#main-nav ul li.about ul{
  margin-left:15px;
}

#main-nav ul li.why ul{
  margin-left:11px;
}

#main-nav ul li.who ul{
  margin-left: 10px;
}

#main-nav ul li.nocapex ul{
  /*margin-left: -35px;*/
  margin-left:-30px;
}

#main-nav ul li.stepp ul{
  margin-left: -15px;
}

#main-nav ul li.news ul{
  margin-left: -20px;
}

#main-nav ul li ul li{
  display: block;
  float: none;
}

#main-nav ul li ul li.subnav-on {
  background: url(../images/arrow2.png) no-repeat #f78f1e center bottom;
}

#main-nav ul li.news ul li, #main-nav ul li.faq ul li{
  text-align: right;
}

#main-nav ul li ul li a{
  width: auto;
  color:#000;
  text-transform: capitalize;
}

/************************************* main body styles */
#main-body{
  background: url(../images/main_bg.png) repeat-y;
  position: relative;
  width: 966px;
  min-height: 500px;
  margin: 0 auto;
  z-index: 15;
}

#flash-holder{
  /*background: url(../images/flash_bg.jpg) no-repeat;*/
  width: 958px;
  height: 286px;
  position: relative;
  margin: 0 auto;
}

/* home features */
#home-features{
  height:277px;
  margin:20px auto 0;
  position:relative;
  width:936px;
}

#feature{
  background: url(../images/home_feat.jpg) no-repeat center bottom;
  width: 288px;
  height: 277px;
  padding: 0 12px;
  float: left;
}

#feature p img{
  margin-left: -25px;
}

#feature h2, #feature p{
  margin-left:25px;
  width:246px;
  line-height: 15px;
}

#feature h2{
  padding-top: 9px;
  color: #f78f1e;
  font-size: 14px;
  padding-bottom: 5px;
}

#feature p{
  font-size: 12px;
  color: #666666;
  padding-bottom: 5px;
}

#feature p.link{
  padding-top: 7px;
}

#feature p.link a{
  float:left;
  padding-right: 30px;
}

#feature a{
/*  background:url(../images/home_feat_link.jpg) no-repeat scroll right center transparent;*/
  color:#F78F1E;
  height:18px;
  padding-right:23px;
  padding-top:4px;
  width:auto;
}

#feature span.arrow{
  float: left;
/*  padding-left:10px;*/
}

#bottom-logo{
  float:none;
  clear: both;
  padding-top:25px;
  position:relative;
  text-align:center;
}

/* bottom nav */
#bottom-nav ul{
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

#bottom-nav ul li{
  color: #ff9933;
  display: inline;
}

#bottom-nav ul li a{
  color:#999999;
  font-size:10px;
  padding:0 5px 0 6px;
}

#bottom-nav span.pipe{
  padding-right: 2px;
}

#bottom-nav ul li a:hover{
  color: #ff9933;
}

/************************************* interior styles */

#main-nav.interior{
  background: url(../images/main_nav_interior.jpg) no-repeat;
}

/* interior left */

#interior-left{
  background: url(../images/sub_nav_bg.jpg) no-repeat top;
  float:left;
  min-height:400px;
  position:relative;
  width:236px;
}

/* sub nav styles */
#sub-nav{
  position:relative;
  margin-top: 20px;
}

#sub-nav ul{
  margin-left:2px;
}

#sub-nav h2.section-title{
  color: #ff9933;
  font-size: 14px;
  padding-bottom: 20px;
  padding-left: 25px;
}

#sub-nav ul li{
  line-height:6px;
  padding-bottom:4px;
}

#sub-nav ul li a{
  color: #333333;
  font-size: 11px;
  display: block;
  height: 20px;
  padding-left: 25px;
}

#sub-nav ul li a:hover, #sub-nav ul li.active a{
  background: url(../images/sub_nav_active.png) no-repeat left center;
  color: black;
}

/* tertiary nav styles */
#sub-nav ul.tertiary{
  margin-left: 10px;
}

#sub-nav ul.tertiary li a{
  background: none !important;
}

#sub-nav ul.tertiary li a:hover, #sub-nav ul.tertiary li.active a{
  background: none;
  color:#FF9933;
}

#interactive-module{
  position:relative;
  width: 197px;
  height: 250px;
  margin:110px 0 0 25px;
}

#interactive-module a{
  display:block;
  width: 197px;
  height: 250px;
  text-transform: capitalize;
  color: transparent;
}

/* left content */
#left-content{
  position:relative;
  width: 197px;
  margin: 10px 0 0 25px;
}

#left-content p{
  font-size: 12px;
  color: #333333;
}

/* interior right */
#interior-right{
  background: url(../images/main_grid_bg.jpg) no-repeat top center;
  float:left;
  min-height:550px;
  position:relative;
  width:721px;
}

#interior-header{
  background: url(../images/interior_header.jpg) no-repeat;
  height:209px;
  padding-bottom:25px;
  margin-left:-5px;
  position:relative;
  width:735px;
}

#interior-header p{
  padding-bottom: 0;
  color: white;
}

#interior-header img{
  margin: 1px 0 0 1px;
  z-index: 5;
}

#interior-header h2{
  color:white;
  margin-top:-45px;
  position:relative;
  z-index:20;
  padding-left: 20px;
}

#interior-header h4{
  color:white;
  position:relative;
  z-index:20; 
  padding-left: 20px;
}

#header-shade{
  background: url(../images/header_shade.png) no-repeat;
  height:203px;
  margin-left:1px;
  margin-top:-203px;
  position:relative;
  width:731px;
  z-index:15;
}

/* glossary styles */
#glossary-subnav{
  background: url(../images/glossary_bg.png) no-repeat;
  height:28px;
  margin-left:-44px;
  margin-top:10px;
  padding-bottom:15px;
  position:relative;
  width:485px;
}

#glossary-subnav ul{
  display:block;
  padding-left:15px;
}

#glossary-subnav ul li{
  float: left;
  margin-left: 0 !important;
  display: block;
}

#glossary-subnav ul li a{
  color:white;
  display:inline;
  font-size:10px;
  line-height:23px;
  padding:5px 18px;
  text-decoration:none;
  text-transform:uppercase;
}

#glossary-subnav ul li.nav-on, #glossary-subnav ul li.ui-state-active{
  background-color: #f78f1e;
}

.ui-tabs .ui-tabs-hide {
  display: none;
}

.ui-tabs-panel{
  position: relative;
}

/* glossary content styles */
h1.glossary{
  float:left;
  margin-left:45px;
  margin-top:12px;
  position:relative;
  z-index:5;
}

#glossary-content strong, #glossary-content b{
  font-weight: bold;
  color: #f78f1e;
}

/* interior content styles */
#interior-content{
  position: relative;
  margin: 0 auto 25px;
  width: 645px;
}

#interior-content ul{
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  padding-bottom: 15px;
}

#interior-content ul li{
  margin-left: 30px;
  list-style: disc;
}

#interior-content a{
  text-decoration: underline;
}

#interior-content a:hover{
  text-decoration: none;
}

#interior-imagebox{
  float:right;
  height:211px;
  margin-bottom:25px;
  margin-left:20px;
  margin-right:-28px;
  position:relative;
  width:275px;
}

#interior-image{
  background: url(../images/interior_image_bg.png) no-repeat;
  width:290px;
}

#interior-imagebox p{
  font-size: 11px;
  line-height: 13px;
}

#interior-image img{
  height:203px;
  margin:1px 0 0 1px;
  padding-bottom:10px;
  width:288px;
}

/* bio images */
.interior-imageboxbio{
  float:right;
  height:207px;
  margin-bottom:25px;
  margin-left:20px;
  margin-right:-43px;
  position:relative;
  width:162px;
}

.interior-imagebio{
  background: url(../images/interior_bio_bg.png) no-repeat;
  width:162px;
}

.interior-imagebio img{
  height:200px;
  margin:1px 0 0 1px;
  padding-bottom:10px;
  width:160px;
}

/* 'other' images */
#interior-content .right{
  border: 1pt solid #565f68;
  float: right;
  margin: 0 0 0 15px;
/*  padding: 3px;*/
}

#interior-content .left{
  border: 1pt solid #565f68;
  float: left;
  margin: 0 15px 0 0;  
/*  padding: 3px; */
}

/************************************* footer styles */
#footer{
  background: url(../images/footer_bg.jpg) no-repeat top center;
  background-color: #929599;
  position: relative;
  min-height: 100%;
  clear:both ;
  overflow: hidden;
}

#footer-content{
  width: 885px;
  margin: 0 auto;
  position: relative;
  height: 75px;
}

/* footer share */
#footer-content ul.share{
  display:block;
  position:absolute;
  text-align:center;
  top:10px;
  width:100%;
}

#footer-content ul.share li{
  display: inline;
  padding: 0 2px;
}

#footer-content p{
  position: absolute;
  padding-top: 10px;
  color: white;
  font-size: 10px;
}

#footer-content p.copy{
  left: 0px;
}

#footer-content p.scully{
  right: 0px;
}

#footer-content p.scully a{
  color: white;
}

#footer-content p.scully a:hover{
  color: black;
}

.black{
	color:#000;
}

/************************************* contact form styles */
form#contact-us {
  width: 500px;
}

form#contact-us label {
  width: 150px;
  display: block;
  float: left;
}

form#contact-us input {
  display: inline;
}