/* CSS Document */
* { list-style:none; margin:0; padding:0; }
body { font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center; background: #d6d7d8 url(../images/bgBodyA.jpg) 50% 0 repeat-x;}

div, h1, h2, h3, ul, li, a, p, table, form, td, span, input, img, textarea, input { position:relative;}

.spacer { clear:both; background-color:#FFF!important;}
.rowIn { width:795px; clear:both; left:24px;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border:none;}

.bgpage { width:100%; background: url(../images/bgBody.jpg) 50% 0 no-repeat;}
.page { width:822px; margin:0 auto; }
.wrapper { width:100%;}

.mainHeader { width:100%; height:54px; background: url(../images/bgMainmenu.png) 0 100% no-repeat; text-align:left; z-index:150;  }
.mainHeader .topMenu {  background: url(../images/bgTopMenu.png) 0 0 no-repeat;  position:absolute; right:0; top: 0; width:330px; height:18px; text-align:center;  }
.mainHeader .topMenu ul { height:18px; width:100%;}
.mainHeader .topMenu li { display:inline; top:2px;}
.mainHeader .topMenu li a { color:#333; padding:0 5px;}
.mainHeader .topMenu li a span {}
.mainHeader .mainMenu { width:100%; text-align:center; width:797px;top:32px; left:23px; position:absolute}
.mainHeader .mainMenu ul.menuRow { width:auto;  float:left; /*height:140px;*/ left:40px; }
.mainHeader .mainMenu li.headlink, .mainHeader .mainMenu li.noMenu { float:left; height:100%; }
.mainHeader .mainMenu li.headlink .layerTop { z-index:200;}
.mainHeader .mainMenu li .dropMenu { position:absolute; left:0; top:0px; width:150px;display:none; padding-top:20px;}
.mainHeader .mainMenu li a {padding:0 5px; color:#fff; float:left; top:3px}
.mainHeader .mainMenu li a:hover { color: #FF0}
.mainHeader .mainMenu li ul {    border:1px solid #FFF; z-index:180; float:left; width:100%}
.mainHeader .mainMenu li li {text-align:left; background: url(../images/bgDropMenu.png) 0 0; padding:4px 0; clear:both; height:auto; float:left; width:100%;}
.mainHeader .mainMenu li li a { top:0;}
.mainHeader .mainMenu li li.even { background-image:url(../images/bgDropMenuEven.png);}

.mainContent { background: url(../images/bgContent.png) 0 0 repeat-y;text-align:left; z-index:130;}
.mainContent .mainImg { width:797px; left:23px; display:block; height:183px; overflow:hidden;}
.mainContent .mainImg .logo { float:left; width:265px; height:183px;}
.mainContent .mainImg .mainFlash { float:left; width:532px; height:183px;}


.mainNav { background: url(../images/bgNav.gif) 0 100% repeat-x; height:21px; padding-top:1px; display:block; height:21px; }
.mainNav .tab { background: url(../images/bgTabRight.gif) 100% 0 no-repeat; float:left; height:100%; padding-right:40px; }
.mainNav .tab h1 { background: url(../images/bgTabLeft.gif) 0 0 no-repeat; height:100%; padding-left:10px; width:auto; float:left;  }
.mainNav .tab h1 span { font-size:14px; color:#FFF; font-weight:normal; top:2px}

 
.searchBox  { position:absolute; right:5px; top: 1px;}
.searchBox input { font-size:11px;}
.searchBox input.searchBtn  {top:2px;}

.contentBox { background:#fff;}
.contentBox ul.imgMenu { width:100%; height:89px; display:block; border:#8d8d8d solid; border-width:1px 0; background-color:#8d8d8d}
.contentBox ul.imgMenu li { width:265px; float:left; height:89px; background: 0 0 no-repeat;}
.contentBox ul.imgMenu li a { width:265px; height:89px; float:left; background: 0 0 no-repeat;}
.contentBox ul.imgMenu li a:hover { background-position: 0 100%;color:#666;}
.contentBox ul.imgMenu li.profserv, .contentBox ul.imgMenu li.profserv a { background-image: url(../images/imgHome01.jpg)}
.contentBox ul.imgMenu li.engdev,.contentBox ul.imgMenu li.engdev a {background-image: url(../images/imgHome02.jpg)}
.contentBox ul.imgMenu li.ourcli, .contentBox ul.imgMenu li.ourcli a {background-image: url(../images/imgHome03.jpg)}
.contentBox ul.imgMenu li a span { position:absolute; top:50px; left:10px; color:#333; font-weight:bold;}
.contentBox ul.imgMenu li a:hover span { color:#666;}

.contentBox .textBox { width:96%; left:2%; padding:10px 0 5px;}
.contentBox .textBox h2 { color:#0e6589; font-size:16px; padding:5px;}
.contentBox .textBox p { padding:5px; clear:both;}
.contentBox .textBox p a, .contentBox .textBox a h4{ color:#0e6589; text-decoration:underline;}
.contentBox .textBox p a:hover, .contentBox .textBox a:hover h4 { color:#333;}
.contentBox .textBox .specialPar { width:100%;}
.contentBox .textBox .specialPar p { width:60%; float:left; text-align:justify;}
.contentBox .textBox .specialPar img { float:left; left:20px;}
.contentBox .textBox .imgList { text-align:center;}
.contentBox .textBox .imgList img { padding:20px;}

.contentBox .textBox .colWide { width:66%; float:left;}
.contentBox .textBox .colWide h3 { font-size:16px; color:#666; font-weight:normal; padding-top:10px; border-bottom:1px solid #ccc;}
.contentBox .textBox .colWide h4 { padding:5px 0 0; font-size:14px;color:#0e6589;}
.contentBox .textBox .colWide p { padding:5px 0 10px;}
.contentBox .textBox .colWide .directorIMG { float: left; padding: 0 10px 10px 0;}
.contentBox .textBox .colWide .indented { padding-left: 15px;}
.contentBox .textBox .colWide .indented li { padding:5px 0 5px 10px; background: url(../images/listIcon.gif) 0 9px no-repeat}
.contentBox .textBox .colWide .indented li h4 { padding:0;}
.contentBox .textBox .colWide .indented li a {color:#0e6589; text-decoration:underline;}
.contentBox .textBox .colWide .indented li a:hover { color:#333;}

.contentBox .textBox .colFull { width:100%; float:left;}
.contentBox .textBox .colFull h3 { font-size:16px; color:#666; font-weight:normal; padding-top:10px; border-bottom:1px solid #ccc;}
.contentBox .textBox .colFull h4 { padding:5px 0 0; font-size:14px;color:#0e6589;}
.contentBox .textBox .colFull p { padding:5px 0 10px;}
.contentBox .textBox .colFull .directorIMG { float: left; padding: 0 10px 10px 0;}
.contentBox .textBox .colFull .indented { padding-left: 15px;}
.contentBox .textBox .colFull .indented li { padding:5px 0 5px 10px; background: url(../images/listIcon.gif) 0 9px no-repeat}
.contentBox .textBox .colFull .indented li h4 { padding:0;}
.contentBox .textBox .colFull .indented li a {color:#0e6589; text-decoration:underline;}
.contentBox .textBox .colFull .indented li a:hover { color:#333;}
.contentBox .textBox .colFull table { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0 auto;}
.contentBox .textBox .colFull td { vertical-align: text-top; height:15px; padding-bottom:2px; padding-left:2px; padding-top:2px;}
.contentBox .textBox .colFull .formTitle { background-color:#E6E6E6;}
.contentBox .textBox .colFull .formInst {background-color:#999999;}
.contentBox .textBox .colFull .termTXT { padding:8px; text-align:justify;}
.contentBox .textBox .colFull textarea {width: 98%; left:4px; border: none;}
.contentBox .textBox .colFull input[type="text"] {width: 98%; border: none;}
.contentBox .textBox .colFull input[type="checkbox"] {margin-right: 5px;}
.contentBox .textBox .colFull .reqField{width: 98%; text-align:center; float:left;}

.contentBox .textBox .colThin { width:30%;  float:left; left:5%;}

.contentBox .textBox .viewmore { clear:both; float:left; padding:5px; color:#333; text-decoration:underline;}
.contentBox .textBox .galleryBox { width:100%;}
.contentBox .textBox .galleryBox li { float:left; padding:5px;}

.mainFooter { width:100%; height:50px; background: url(../images/bgFooter.png) 0 0 no-repeat;}
.mainFooter ul {width:100%; padding-top:20px}
.mainFooter li { display:inline; padding:0 5px; clear:none;}
.mainFooter li a {color:#333;}
.mainFooter small { width:100%; padding:15px 0; letter-spacing:.3em; display:block;}


*html .mainHeader .topMenu {  background-image: url(../images/bgTopMenu8.png);}
*html .mainContent  {  background-image: url(../images/bgContent8.png);}
*html .mainHeader  {  background-image: url(../images//bgMainmenu8.png);}
*html .mainFooter  {  background-image: url(../images//bgFooter8.png);} 
/**html .mainHeader .mainMenu li.headlink, .mainHeader .mainMenu li.noMenu { background: url(../images/spacer.gif);}*/