/* CSS Document */
/*Common Part*/
html {
height: 100%;
}
body {padding: 0 0 0 0;   margin: 0 auto;  width: 100%; background: #7b88aa url(images/bg.gif) left top repeat-x;   min-height: 100%;  height: auto !important;  height: 100%;  position: relative; font-family: "trebuchet MS", Arial;}
body a{ text-decoration: none; color: #fff;   }
body a:hover { text-decoration: underline !important;   }
body img{  border: 0;  margin: 0; padding:0;} 
body ul{ list-style: none;  } 
body p { margin:0 0 5px 0; padding:0; font: 12px "trebuchet MS", Arial; color: #fff;  }

h1, h2, h3, h4 { font-family: "trebuchet MS", Arial !important; font-weight: normal; }

* html body {
  height:100%;
}
.preload {
 display: none !important;
 }
.italic {
 font-style: italic !important;
 } 
.underlined {
 text-decoration: underline;
 } 
.noborder {
 border: none;
 }
.nodec {
 text-decoration: none !important;
 } 
.clear {
 clear: both;
 } 
.floatleft {
 float: left;
 }
.floatright {
 float: right;
 } 
.tcenter {
 text-align: center;
 } 
.nobg {
 background: none !important;
 } 
.nomargin {
 margin: 0 !important;
 } 
.nopadding {
 padding: 0 !important;
 }
.noborder {
 border: none !important;
 } 
.border5 {
 border: 5px solid #ff8800;
 width: 163px;
 height: 126px;
 } 
.border4 {
 border: 5px solid #fe6e2f;
 }  
.sidemovepic {
 margin-left: -14px;
 margin-top: 12px;
 margin-bottom: 10px;
 }
.orlink {
 color: #f59646 !important;
 font-family: "trebuchet MS", Arial;
 } 
a.orlink {
 text-decoration: underline;
 }  
#wrapper {
	border: 4px solid #ffffff;
	width: 883px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 } 
.main {
 border-top: 5px solid #5f5f5f ; 
 border-left: 8px solid #5f5f5f ;
 border-right: 11px  solid #5f5f5f ;
 border-bottom: 9px solid #5f5f5f ;    
 width: 864px;
 }
.container {
 border: 1px solid  #bbbbbb;
 width: 862px;
 }
.primary_content {
 border-top: 1px solid #ffffff ; 
 border-left: 4px solid #ffffff ;
 border-right: 4px  solid #ffffff ;
 border-bottom: 3px solid #ffffff ;    
 width: 856px;
 overflow: hidden;
 }
#header {
 background: url(images/header.jpg) left top no-repeat;
 width: 775px;
 height: 78px;
 padding: 7px 60px 0 21px;
 } 
#header h1.logo {
 background: url(images/logo.jpg);
 width: 109px;
 height: 68px;
 position: relative;
 font: 16px Arial, Helvetica, sans-serif;
 color: #cc0000;
 margin: 0;
 padding:0;
 float: left;
 }
#header h1.logo a {
 background: url(images/logo.jpg);
 width: 109px;
 height: 68px;
 position: absolute; 
 }
#header h1.phone {
 background: url(images/number.jpg);
 width: 243px;
 height: 30px;
 position: relative;
 font: 16px Arial, Helvetica, sans-serif;
 color: #cc0000;
 margin: 20px 0 0 0;
 padding:0;
 float: right;
 }
#header h1.phone a {
 background: url(images/number.jpg);
 width: 243px;
 height: 30px;
 position: absolute; 
 } 
 
.mainpic {
 background: url(images/mainpic.jpg);
 width: 856px;
 height: 196px;
 } 
.navbar {
 background: url(images/nav.jpg);
 width: 856px;
 height: 30px;
 overflow: hidden;
 }
.navbar h1 {
 color: #ffffff;
 font: bold 16px  "trebuchet MS", Arial;
 margin: 6px 0 0 25px;
 padding:0;
 } 
.navbar a.link {
 font: 13px "trebuchet MS", Arial;
 color: #fff;
 text-decoration: none;
 display: block;
 float: left;
 margin-top: 8px;
 margin-left: 145px;
 }
.navbar a.first {
 margin-left: 68px;
 }  
*html .navbar a.first {
 margin-left: 34px;
 }  
.boxes {
 width: 856px;
 height: 83px;
 background: url(images/boxes.jpg);
 margin: 2px 0 0 0;
 }  
.boxlink {
 width: 214px;
 float: left;
 text-align: center;
 padding-top: 20px;
 } 
.boxlink a{
 color: #fff;
 font: 16px "trebuchet MS", Arial;
 text-decoration: none;
 } 

.vline {
 width: 10px;
 height: 312px;
 background: url(images/bg.gif) left top repeat-x;
 float: left;
 }
.longvline {
 height: 440px !important;
 }
.sidebar {
 float: left;
 background: url(images/sidebar.jpg);
 width: 200px;
 height: 312px;
 padding: 0 0 0 24px;
 overflow: hidden;
 }
.longsidebar {
 height: 440px !important;
 background: url(images/longsidebar.jpg) !important;
 } 
.sidebar h1 {
 height: 41px;
 font: 20px "trebuchet MS", Arial;
 margin: 0;
 padding: 12px 0 0 0;
 color: #ff8040;
 width: 178px;
 text-align: center;
 } 
.sidebar h1.small {
 font: 18px "trebuchet MS", Arial !important;
 font-weight: bold;
 } 
.sidebar h1.small3 {
	font: 16px "trebuchet MS", Arial !important;
	font-weight: bold;
 }  
.sidebar h2.small2 {
 font: bold 16px "trebuchet MS", Arial !important;
 color: #ff8040;
 text-align: center; 
 }  
.sidebar_content {
 padding: 35px 0 0 15px;
 width: 163px;
 font-family: "trebuchet MS", Arial;
 font-size: 13px;
 color: #fff;
 } 
.sidebar_content .big {
 font-size: 20px;

 } 
.content {
 float: left;
 width: 622px;
 height: 312px;
 background: url(images/bg.gif) left top repeat-x;
 position: relative;
 } 
.longcontent {
 height: 440px !important;
 }    
.content .subnav {
 background: url(images/righttop.jpg);
 width: 612px;
 height: 20px;
 padding: 18px 0 0 10px;
 } 
.subnav .first {
 margin-left: 0 !important;
 } 
.subnav a {
 display: block;
 float: left;
 font-size: 13px;
 color: #fff;
 margin-left: 50px;
 }
/** contact **/
.contact {
 width: 578px;
 height: 399px;
 margin-left: 12px;
 padding: 0 0 0 20px;
 } 


/** end of contact **/

/** about **/
.aboutpic {
 background: url(images/about1.JPG);
 width: 173px;
 height: 136px;
 }
.borderblock {
 width: 592px;
 border: 5px solid #ff8000;
 height: 250px;
 margin: 5px 10px 10px 10px;
 background: #4b4b4b;
 overflow: hidden;
 color: #fff;
 }
.borderblock2 {
 width: 552px;
 border: 5px solid #ff8000;
 height: 210px;
 margin: 20px 10px 10px 20px;
 background: #4b4b4b;
 overflow: hidden;
 color: #fff;
 padding: 10px;
 } 
.about2 {
 margin: 7px 0 0 20px;
 } 
.contblock {
 overflow-y: scroll;
 float: left;
 width: 300px;
 height: 230px;
 font: 12px "trebuchet MS", Arial;
 color: #fff;
 margin: 10px 0 0 40px;
 } 
.contblock2 {
 overflow-y: scroll;
 float: left;
 width: 260px;
 height: 230px;
 font: 12px "trebuchet MS", Arial;
 color: #fff;
 margin: 10px 0 0 10px;
 } 
.contblock3 {
 overflow-y: scroll;
 float: left;
 width: 240px;
 height: 210px;
 font: 12px "trebuchet MS", Arial;
 color: #fff;
 margin: 5px 0 0 10px;
 } 

/** end of about **/
.career_txt {
 width: 550px;
 margin: 20px auto 20px auto;
 text-align: center;
 }
.justify span{
 margin-left: 30px;
 } 
.footer {
 width: 857px;
 background: url(images/footer.jpg) left top no-repeat;
 height: 131px;
 border-left: 3px solid #ffffff ;
 border-right: 4px  solid #ffffff ; 
 } 
 
*html  img, div, ul, li {
 behavior: url(iepngfix.htc);
 } 

.frameblock { 
 padding: 0px 20px 5px 5px !important;
 width: 597px;
 }
.grey_pgrf { background:  #5f5f5f; color: #fff; margin-bottom: 0px; margin-top: -6px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.orline { background: #f59646; width: 100%; height: 5px; margin: 0; padding: 0;}
.left_nav p {
 font-family: "trebuchet MS", Arial !important;
 font-size: 13px;
 }
.left_nav1 p {
 font-family: "trebuchet MS", Arial !important;
 font-size: 12px;
 } 


/******** ajaxing*******/


/*******   construction subpgs   **********/

.with_pad {
 padding: 10px 20px 5px 15px !important;
 width: 587px;
 margin: 0;
 overflow: hidden;
 }

.left_txt {
 float: left;
 width: 230px;
 }
.left_prod {
 width: 250px !important;
 } 
.left_prod2 {
 width: 200px !important;
 }  
.left_prod3 {
 width: 100px !important;
 }   
.right_img {
 float: right;
 width: 350px;
 }
.right_img img {
 display: none;
 }
.right_prod {
 width: 320px !important;
 padding: 0 0 0 10px;
 }  
.right_prod2 {
 width: 370px !important;
 padding: 0 0 0 10px;
 }    
.short {
 width: 270px;
 padding: 6px 0 0 0;
 } 
.little {
 width: 285px !important;
 float: left;
 padding: 2px 5px;
 } 
.little p {
 font-size: 13px;
 } 
.small_bot_bordered {
 border: none; 
 border-bottom: 3px solid #ff8000; 
 background: #4b4b4b;
 width: 220px;
 padding: 5px;
 height: auto;
 float: left;
 margin-top: 20px;
 } 
.small_bot_bordered p {
 font-size: 12px;
 color: #fff;
 } 
.right_mail {
 float: right; 
 width: 330px;
 padding: 5px;
 margin-top: 20px; 
 } 
.right_mail p{
 font-size: 11px;
 } 
.right_mail p a{
 text-decoration: underline;
 } 
.prod_left {
 float: left;
 width: 280px;
 padding: 15px 0 0 10px;
 }
.prod_right {
 float: right;
 width: 280px;
 padding: 15px 0 0 0px; 
 } 
.prod_left  p, .prod_right p {
 font-size: 12px;
 } 
.prod_left  p a, .prod_right p a {
 text-decoration: underline;
 }  
 
.borderblock3 {
 width: 238px;
 border: 3px solid #ff8000;
 background: #4b4b4b;
 overflow: hidden;
 color: #fff;
 padding: 3px;
 }
.borderblock3 p {
 font: 10px "trebuchet MS", Arial;
 margin: 0 !important;
 } 
.borderblock4 {
 width: 400px;
 border: 3px solid #ff8000;
 background: #4b4b4b;
 overflow: hidden;
 color: #fff;
 padding: 3px;
 margin: 20px 0 0 30px;
 float: left;
 }
.borderblock4 p {
 font: 12px "trebuchet MS", Arial;
 margin: 0 !important;
 }  
.borderblock5 {
 width: 260px;
 border: 3px solid #ff8000;
 background: #4b4b4b;
 height: 210px;
 overflow: hidden;
 color: #fff;
 padding: 3px;
 margin: 30px 0 0 0px;
 float: left;
 }
.borderblock5 p {
 font: 12px "trebuchet MS", Arial;
 margin: 0 !important;
 }   
.borderblock6 {
 width: 300px;
 border: 3px solid #ff8000;
 background: #4b4b4b;
 overflow: hidden;
 color: #fff;
 padding: 10px 10px 30px 10px;
 margin: 30px 0 0 0px;
 float: left;
 }
.borderblock6 p {
 font: 13px "trebuchet MS", Arial;
 margin: 0 !important;
 }  
.sm {
 font-size: 11px;
 } 
.bord_cont {
 padding: 10px;
 } 
 
.abs {
 position: absolute;
 display: none;
 margin: 60px 0 0 100px;
 } 
.vblock {
 width: 10px;
 margin: 0px 0 0 10px;
 float: left;
 }
.vblock p {
 color: #ffff80;
 font: bold 12px "trebuchet MS", Arial;
 margin: 20px 0 10px 0;
 padding: 0 10px 0 0;
 }
.out_block {
 width: 285px;
 float: left;
 padding: 15px 0 0 15px;
 } 
.out_block  img {
 display: none;
 }
.ptraining {
	width: 173px;
	height: 136px;
	background-image: url(images/prods/000163.jpg);
 } 
.mtop10 {
 margin-top: 10px;
 }
.o_training_pic {
	width: 270px;
	height: 221px;
	float: left;
	margin: 30px 0 0 20px;
	background-image: url(/images/prods/000227.jpg);
 } 
.control1 {
 background:  url(images/prods/000047.jpg);
 width: 233px;
 height: 191px;
 float: left;
 margin: 30px 0 0 20px;
 } 
 .shorts {
  height: 180px !Important;
  }
  
  #flashdiv{
	position: fixed;
	width:550;
	height:400;
	left: 1px;
	top: 1px;
	padding-left:0px;
	background-color: #ffffff; 
	}

