body {
  margin: 0;
  background: #121212 url(../img/tilebg2.jpg) repeat-y 50% 0;
  /*font-family: "Lucida Grande", Calibri, Verdana, sans-serif;*/
  font-family: Verdana, sans-serif;
  color: #aaa;
  /*text-transform: uppercase;*/
  font-size: 11px;
  line-height: 18px;
  z-index: 0;
}
p, ul, table {
  margin-bottom: 1.5em;
}
a { color: #B00; }
a:hover { color: #b99; }

#wrap {
  margin: 0 auto;
  width: 980px;
  background: transparent url(../img/glowbg.jpg) no-repeat 50% 0;
  min-height: 621px;
  padding: 54px 0 40px;
  /*margin-bottom: 10em;*/
  z-index: 1;
}
#container {
  position: relative;
  width: 884px;
  height: 483px;
  padding: 0 48px;
  background: transparent url(../img/dividers.png) no-repeat center 50px;
  
  position: relative; padding: 0; width: 980px; z-index: 2;
}

a#logo {
  display: block;
  position: absolute;
  left: 82px;
  width: 214px;
  height: 34px;
  text-indent: -9000px;
  background: transparent url(../img/logo.png) no-repeat 0 0;
  position: static; margin-left: 82px; margin-bottom: 50px;
}
a#contact_info {
  display: block;
  position: absolute;
  right: 82px;
  top: 9px;
  width: 156px;
  height: 24px;
  text-indent: -9000px;
  background: transparent url(../img/contact.gif) no-repeat 0 0;
}
#main {
  top: 84px;
  left: 48px;
  width: 821px;
  /*height: 328px;*/
  height: 328px;
  position: absolute;
  padding: 36px 30px 30px 33px;
  /*background: transparent url(../img/globmidbg.jpg) no-repeat 0 0;*/
  background: transparent url(../img/black40.png) repeat 0 0;
  
  position: relative; top: 0; left: 0; margin: 0 48px; z-index: 3;
}
.css-panes { z-index: 4; }
div.pane { z-index: 5; }
.leftpane,.rightpane{ z-index: 6; }
p#footer {
  clear: both;
  border-top: 1px solid #222;
  text-align: right;
  font-size: 9px;
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  color: #777;
  padding: 12px 0;
  width: 980px;
  margin: 0 auto;
}

#navtabs {
  position: absolute;
  top: 478px;
  left: 28px;
  padding: 0;
  margin: 0 auto !important;
  width: 924px;
  height: 90px;
}
#navtabs li {
  float: left;
  margin: 0; padding: 0; text-indent: 0;
  list-style-type: none;
  /*padding-right: 1px;*/
}
#navtabs li.last{ padding: 0; }

#navtabs li a { 
  /*border-top: 3px solid #0d0;*/
  background: transparent url(../img/menu.png) no-repeat 0 0;
  display: block;
  width: 177px;
  height: 90px;
  text-decoration: none;
  text-align: center;
  color: #777;
  font-size: 18px;
  font-family: "Myriad Pro";
  text-indent: -9000px;
}
#navtabs a:hover { border-top-color: #dd0; color: #ddd; }
#navtabs a.current { border-top-color: #d00; color: #ddd; }
a:focus { outline: none; }
  
/* adjust the background image position on each tab */
#navtabs a#t1 { width: 197px; background-position: 0 0;}  
#navtabs a#t2 { background-position: -197px 0; }  
#navtabs a#t3 { background-position: -374px 0; }  
#navtabs a#t4 { background-position: -551px 0; }  
#navtabs a#t5 { width: 196px; background-position: -728px 0; }      

/* mouseover state */
#navtabs a#t1:hover { background-position: 0 -90px;}  
#navtabs a#t2:hover { background-position: -197px -90px; }  
#navtabs a#t3:hover { background-position: -374px -90px; }  
#navtabs a#t4:hover { background-position: -551px -90px; }  
#navtabs a#t5:hover { background-position: -728px -90px; }      

/* currently selected tabs */
#p_home #navtabs a#t1  { background-position: 0 -180px;}  
#p_services #navtabs a#t2 { background-position: -197px -180px; }  
#p_rates #navtabs a#t3 { background-position: -374px -180px; }  
#p_faq #navtabs a#t4 { background-position: -551px -180px; }  
#p_contact #navtabs a#t5  { background-position: -728px -180px; }  
  
h2 {
  margin: 0 0 22px;
  font-family: "Myriad Pro Light", sans-serif;
  color: #eee;
  color: #eee;
  font-size:25px;
  font-weight:normal;
  text-transform: uppercase;
  text-indent: -9000px;
  background: transparent url(../img/headers.png) no-repeat top left;
  height: 20px;
  width: 270px;
}
#p_home .rightpane h2 { background-position: 0 -20px; }
#p_services .leftpane h2 { background-position: 0 -40px; }
#p_services .rightpane h2 { background-position: 0 -60px; }
#p_rates .leftpane h2 { background-position: 0 -80px; }
#p_rates .rightpane h2 { background-position: 0 -100px; }
#p_faq .leftpane h2 { background-position: 0 -120px; }
#p_faq .rightpane h2 { background-position: 0 -140px; }
#p_contact .leftpane h2 { background-position: 0 -160px; }
#p_contact .rightpane h2 { background-position: 0 -180px; }

h3 { text-transform: uppercase; color: #B00; }

.leftpane { width: 480px; float: left; }
.rightpane { width: 300px; float: left; margin-left: 41px;
    float: none; margin-left: 521px;
}

/* CONTACT PAGE */
form { margin-top: 2em; }

label { 
  text-transform: uppercase;
  font-size: 10px;
  color: #d00;
}
input, textarea {
  border: 1px solid #aaa;
  background-color: #222;
  color: #eee;
  margin-bottom: 12px;
  width: 300px;
  height: 18px;
  font-size: 12px;
  padding: 2px;
  opacity: 0.6;
}
textarea {
  height: 120px;
  width: 300px;
  font-family: Verdana, sans-serif;
}
input:focus, textarea:focus { border-color: #FFF; border-width: 2px; font-size: 12px; background-color: #111; color: #fff; }
input:focus  { height: 16px; }
textarea:focus  { height: 118px; }
#submit, #reset { border: none;color: #d00; text-transform: uppercase; background-color: transparent; height: auto; width: 100px; font-family: verdana, sans-serif; font-size: 10px; float: right; opacity: 1; border: 1px solid #666;}
#submit:hover, #reset:hover { cursor: pointer; }

#questions a, #p_services .leftpane a { display: block; cursor: pointer; width: 480px; padding: 5px; margin: 0; color: #999;}
#questions a.active, #p_services .leftpane a.active { cursor: pointer; background: #333; color: #eee; font-weight: bold; }

/* position and dimensions of the navigator */ 
.navi { 
    margin-left:328px; 
    width:200px; 
    height:20px; 
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background-color:blue;
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}


/*RATES*/
td { color: #eee; }
th { color: #900; font-size: 12px; font-weight: bold; text-align: left;}
#p_rates table, #p_contact table { width: 424px; margin-left: 2em;}
#p_rates table  th { list-style: circle; font-weight: normal;}
#p_rates table ul { margin: 0;}
#p_contact table { font-weight: bold; margin-bottom: 1.5em;}
#p_contact td { padding: 3px; }
#p_contact th { text-transform: uppercase; font-size: 11px; width: 63px; }
#p_contact td a { text-decoration: none; color: #eee; }

/*SERVICES*/
/*#p_services { height: 345px; overflow: auto; }*/


/*CLIENTS*/
/* root element for scrollable */ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 323px; 
    height: 344px;
    width: 300px; 
    margin-top: -9px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

.client {
  border-bottom: 1px solid #222;
  padding: 9px 0;
  height: 96px;
}
.client img {
  float: left;
  height: 64px;
  width: 64px;
  clear: left;
  display: block;
  margin-right: 10px;
  padding: 2px;
  border: 1px solid #333;
  
  height: 90px;
  width: 90px;
  
  
}
.client p {
  float: left;
}
.client a {
  text-decoration: none;
  font-weight: bold;
  color: #eee;
}

#p_contact form p { margin: 0; }

/*SERVICES*/

/* style the trigger elements */
#p_services .leftpane a {
  display: block;
  width: auto;
	border:0;
	cursor:pointer;
  padding: 0;
  padding: 0.2em 0;
}

#p_services .leftpane ul { padding-left: 2em; }
#p_services .leftpane ul li { margin-left: 2em; width: 200px; float: left; list-style-image: url(../img/arrows.png); }

#p_services .rightpane h3 {
  margin-top: 1.5em; 
}
#p_services .rightpane a {
  color: #999;
  text-decoration: none;
}
#p_services .rightpane a:hover {
  color: #999;
  text-decoration: underline;
}

#upload #logo { position: static; margin-left: 82px; margin-bottom: 30px;}
#upload #container { height: auto; position: static; float: left; background-position: 7px -14px; padding-top: 20px; margin-bottom: 4em;}
#upload #main { height: auto; position: static; float: left;}
#upload h2 { background-image: url(../img/headers2.png); }
#upload .rightpane h2 { background-position: 0 -20px; }
#file_picker_container input { height: 24px; font-size: 14px; }
#upload_buttons_container  { width: 300px; text-align: right; }
#upload_buttons_container input, #upload input.goback { width: auto; height: auto; padding: 5px; }
.upfile_label { background-color: #111; }
#upload_results_container div { background-color: #111; }
#upload_results_container  #upload_results_file_name_header, #upload_results_container  #upload_results_file_size_header { background-color: #333; }
#upload_results_file_name_header, .upload_results_file_name { width: 360px; }
#upload_results_file_size_header, .upload_results_file_size { width: 87px; }

/* FROM FAQ PAGE */
#a2b h3 {
  margin-top: 1.5em; 
}
#a2b a {
  color: #999;
  text-decoration: none;
}
#a2b a:hover {
  color: #999;
  text-decoration: underline;
}
  
/* the overlayed element */ 
.kh_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    /*z-index:10000; */
     
    /* styling */ 
    background-color:#333; 
     
    width:600px;     
    height:400px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.kh_overlay .close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}