/* CSS Document */
body, html, div, p, h1, h2, h3, h4, h5, h6, span, img, ul, ol, li {margin:0; padding:0; }
body{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333;  margin:0; padding:0; font-style:normal; }
.mainContainer{width:998px; height:auto;  margin:auto; }
.headerSection{ height:70px; width:988px; padding:5px; }

.clear{clear:both;}

.logo {width:330px; height:59px;float:left; padding:0 0 0 6px; }
.logo h1 {padding-top:5px; margin:0;}	
.logo h1 span { display:none; }

.menuinn{width:982px; height:40px; background: url(../images/bg_menu.jpg) repeat-x; text-decoration:none; float:left;}

.menul
{width:6px; height:40px; float:left; background-image: url(../images/menu_l.jpg); background-repeat:no-repeat;}


.menur
{width:6px; height:40px; float:left; background-image: url(../images/menu_r.jpg); background-repeat:no-repeat;}


.right{width:100px; height:auto; float:right; padding:95px 0px 0px 0px;}
.right a{color:#333333; text-decoration:none;}
.right a:hover{color:#ff0000; text-decoration:none;}

.date{ height:30px; width:200px; float:right; background:url(../images/clock.png) left no-repeat; color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif; padding:12px 0 0 24px;}
.rightLinks{ height:15px; width:90px; padding:33px 20px 0 0; float:right;}


.flashContainer{ height:314px; width:auto; padding-bottom:35px;}
.pageContainer{ width:auto; height:auto;/* background:url(../images/page_bg.jpg) repeat-x;*/}
.pageContainer h1{ font:normal 22px  Arial, Helvetica, sans-serif; color:#1A2B37; margin:5px 0 0 10px;  background:url(../images/h1_bg.gif) no-repeat; padding:4px 0 10px 15px;}

.leftBigCont{ height:auto; width:675px;padding:25px 8px 0 0px;  }
.qualitybox{ background:url(../images/quality_bg.gif) no-repeat; height:153px; width:631px; padding:5px; margin-top:20px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}

.leftBigCont h1{ font:normal 22px  Arial, Helvetica, sans-serif; color:#1A2B37; margin:5px 0 0 10px; background:url(../images/h1_bg.gif) no-repeat; padding:4px 0 10px 30px;}
.leftBigCont h2{ font:normal 18px  Arial, Helvetica, sans-serif; color:#3d589e; margin:5px 0 0 3px; padding:5px 0 2px 5px; }
.leftBigCont p { padding:5px 15px 5px 10px; line-height:20px; text-align:justify; color:#333333;}

.leftBigCont ul { padding-left:12px;}
.leftBigCont li {background:url(../images/bull.gif)  no-repeat;padding:5px 0 0 16px;line-height:18px;list-style:none; color:#333333; line-height:18px}
.leftBigCont li a {color:#333333;text-decoration:none; }
.leftBigCont li a:hover {color:#FD8B2B;text-decoration:none; text-decoration:underline;}
.pic{padding:5px 10px;}
.leftBigCont a{text-decoration:none; color:#3d589e; }
.leftBigCont a:hover{ text-decoration:underline; color:#333333;}



.leftContent{ height:auto; width:440px; background:url(../images/bg_sep.gif)right no-repeat; float:left; }
.leftContent h1{ font:normal 22px  Arial, Helvetica, sans-serif; color:#1A2B37; margin:5px 0 0 10px; background:url(../images/h1_bg.gif) no-repeat; padding:5px 0 10px 15px;}
.leftContent h2{ font:bold 12px  Arial, Helvetica, sans-serif; color: #1A2B37;  margin:15px 0 0 12px;}

.leftContent p { padding:5px 15px 0 10px;
 line-height:20px; text-align:justify; color:#333333;}
.more{float:left;  padding-left:10px; padding-top:10px; margin:0; margin:0;}
.midContent { height:auto; width:230px; float:right; }
.midContent h1{font:normal 22px  Arial, Helvetica, sans-serif; color:#3d589e; margin:5px 0 0 8px; background:url(../images/mid_bg.gif) repeat-x; padding:5px 0 10px 2px;}

.midContent ul { padding-left:12px;}
.midContent li {background:url(../images/bull.gif)  no-repeat;padding:5px 0 0 15px;line-height:18px;list-style:none;color:#323961; font:bold 13px Arial, Helvetica, sans-serif; color:#666666; line-height:22px}
.midContent li a {color:#666666;text-decoration:none; }
.midContent li a:hover {color:#3d589e;text-decoration:none; text-decoration:underline;}

.photoGallry{ width:305px; height:auto; padding-left:5px; float:right; padding-top:18px;  background:url(../images/bg_sep3.gif)left no-repeat;  }
.photoGallry h1{ font:normal 22px  Arial, Helvetica, sans-serif; color: #1A2B37; margin:5px 10px 0 5px; background:url(../images/gall_bg.gif) repeat-x; padding:5px 0 10px 3px;}

.photoGallry ul { margin:2px; padding-left:8px; margin-top:8px; }
.photoGallry li {margin:3px;list-style:none; display:inline;}
.photoGallry li a { margin:1px; padding:0;  }
.photoGallry li a:hover { opacity: 0.8; filter: alpha(opacity=90); margin:1px; padding:0; }
.brochure{margin-left:2px; padding-top:5px;}




.pagePic{ width:auto; height:auto; padding-left:5px; float:left; padding-top:18px;}

.pagePic  ul { padding-left:8px; margin-top:8px; }
.pagePic li {list-style:none; display:inline; padding:16px; color:#333333; font:11px normal Arial, Helvetica, sans-serif; width:180px; background:none; }
.pagePic li a { margin:3px; padding:3px;  }
.pagePic li a:hover { opacity: 0.8; filter: alpha(opacity=90); margin:4px; padding:0; }


.pagePic2{ width:700PX; height:auto; padding-left:5px; float:left; padding-top:0px; margin-bottom:10px; }
.pagePic2  ul { padding-left:8px; margin-top:8px; }
.pagePic2 li {list-style:none; display:inline; padding:16px; color:#333333; font:11px normal Arial, Helvetica, sans-serif; width:180px; height:160px; background:none; }
.pagePic2 li a { margin:3px; padding:3px; text-align:center; }
.pagePic2 li a:hover { opacity: 0.8; filter: alpha(opacity=90); margin:4px; padding:0; }

.rightContainer{ width:310px; height:auto; padding-left:3px; float:right; padding-top:18px; }
.rightContainer h1{font:normal 22px  Arial, Helvetica, sans-serif; color: #1A2B37; margin:5px 10px 0 5px; background:url(../images/gall_bg.gif) repeat-x; padding:5px 0 10px 3px;}
.rightContainer ul { padding-left:5px; margin-top:8px; }
.rightContainer li {list-style:none; color:#333333; line-height:18px; }
.rightContainer li a { margin:4px; padding:0;  }
.rightContainer li a:hover { opacity: 0.8; filter: alpha(opacity=90); margin:4px; padding:0; }

.brochure{padding-left:11px; padding-top:5px;}
.banner{ height:140px; width:998px; padding-bottom:28px; }
.gall{padding-left:11px; padding-top:5px;}


.innerpageCont{ height:auto; width:auto;}
.innerpageLeft{width:700px; height:auto; float:left; padding:5px;}
.innerpageLeft h1{ font:normal 22px  Arial, Helvetica, sans-serif; color:#1A2B37; margin:5px 0 0 10px; background:url(../images/h1_bgnew.gif) no-repeat; padding:5px 0 10px 15px;}
.innerpageLeft p { padding:5px 15px 0 10px; line-height:20px; text-align:justify; color:#333333;}
.pic{padding:5px 10px; margin:10px;}




.rightPanel{ height:auto;width:310px; float:right; margin-top:25px;}
.rightPanel h1{
	font:bold 15px  Arial, Helvetica, sans-serif;
	color:#838383;
	margin:5px 0 0 10px;
	padding:8px 0 5px 28px;
}
.rightPanel ul { padding-left:25px;}
.rightPanel li {background:url(../images/bull.gif)  no-repeat;padding:5px 0 0 16px;line-height:18px;list-style:none;color:#323961; font:normal 12px Arial, Helvetica, sans-serif; color:#838383; line-height:20px}
.rightPanel li a {color:#838383;text-decoration:none; }
.rightPanel li a:hover {color:#3d589e;text-decoration:none; text-decoration:underline;}




.footer {
	height:auto;
	width:998px;
	background-color:#063e6d; vertical-align:text-top;
}

.comp{
	padding:10px 0 10px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	height:auto;
	width:100%;
	line-height:18px;
}
.comp a{ font:12px; color:#fff; text-decoration:none; }
.comp a:hover{ font:12px; color:#fff; text-decoration:underline; }

.FotrLnk {
	height:20px;
	text-align:center;
	padding:10px 10px 5px 0;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	width:250px;
	float:right;
	text-align:right;
	line-height:18px;
}

.count {height:20px;text-align:center;padding:30px 20px 5px 0;font-size:12px;color:#fff;text-decoration:none; width:100px; float:right; text-align:right; line-height:18px;}
.FotrLnk a {font-size:12px;color:#fff;text-decoration:none;}
.FotrLnk a:hover {font-size:12px;color:#fff;text-decoration:underline;}


.ii{padding:0px;font:bold 12px Arial, Helvetica, sans-serif;color:#585858;   }
.ii a{ font:12px; color:#fff; text-decoration:none; }
.ii a:hover{ font:12px; color:#fff; text-decoration:none; }




.txtform{ padding:5px 15px 5px 10px; line-height:18px; text-align:left; color:#333333;}

form div {
clear: left;
margin: 0;
padding: 0;
padding-top: 0.6em;
}
form div label {
float: left;
width:15%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
padding-left:10px;
}
textarea.txt {
color: #000000;
background-color:  #FFFfff;
border: 1px solid #D5CFC0;
width:200px;
height:40px;
font-family:Verdana;
font-size:11px;
}

select.txt {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #D5CFC0;
width:140px;
height:22px;
font-family: Verdana;
font-size:11px;
}

select.txtS {
color: #000000;
background-color: #FFFFFF;
border:1px solid #D5CFC0;
width:45px;
height:20px;
font-family: Verdana;
font-size:11px;
padding:0;
margin:0;
}

.redtextStar{
color:#CC0000;
font-family: Verdana;
font-size:11px;
padding:0;
margin:0;
}






input.txt {
color: #000000;
background-color: #ffffff;
border: 1px solid #CCCCCC;
width:200px;
height:18px;
font-family: Verdana;
font-size:11px;
}

input.txtNo {
color: #000000;
background-color: #ffffff;
border: 1px solid #CCCCCC;
width:30px;
height:18px;
font-family: Verdana;
font-size:11px;
}

ul.dropdown                         { position: relative; text-decoration:none; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  text-decoration:none; list-style: none; background: url(../images/sep.jpg) right no-repeat ;}
ul.dropdown a:hover		            { color:#FFFFFF;text-decoration:none; }
ul.dropdown a:active                { color: #d9dad7; text-decoration:none; }
ul.dropdown li a                    { display: block; color: #fff; font-size:14px; padding:9px 20px 9px 20px; line-height: 1.4; font-weight:800;text-decoration:none;}
ul.dropdown li:last-child a         { border-right: none; text-decoration:none;  } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background-color:#4a66bb; color:#FFFFFF;  position: relative; text-decoration:none; }
ul.dropdown li.hover a              { color:#FFFFFF; text-decoration:none;}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;  text-decoration:none; }
ul.dropdown ul li 					{ font-weight:normal; background:#4a66bb; color: #fff; font:normal 12px Arial, Helvetica, sans-serif;
									  border-bottom: 1px solid #ccc; float: none;  text-decoration:none; list-style: none; }
									  
									  
									  ul.dropdown ul li:hover 					{ font-weight:normal; background:#243f8a; color: #fff; font:normal 12px Arial, Helvetica, sans-serif;
									  border-bottom: 1px solid #ccc; float: none;  text-decoration:none; list-style: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;color: #fff; font:normal 12px Arial, Helvetica, sans-serif;  } 



/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



.project{ height:auto; width:700px; padding-top:10px; padding-left:10px;}

.project ul { margin-top:2px; list-style:none; }
.project li {list-style:none; display:inline; background:none; }
.project li a { padding:0; }
.project li a:hover { padding:0; }



.project a { padding:6px;}
.project a:hover {padding:6px;}


.client1{ height:auto; width:300px;  float:left; padding-left:15px;}
.client1 ul{ padding-left:35px;}
.client1 li {background:url(../images/bull.gif)  no-repeat;padding:5px 0 0 12px;line-height:18px;list-style:none; color:#333333; line-height:18px}
.client1 li a {color:#333333;text-decoration:none; }
.client1 li a:hover {color:#FD8B2B;text-decoration:none; text-decoration:underline;}




.client2{ height:auto; width:300px;  float:right;}
.client2 ul{ list-style:none;}
.client2 li {background:url(../images/bull.gif)  no-repeat;padding:5px 0 0 12px;line-height:18px;list-style:none; color:#333333; line-height:18px}
.client2 li a {color:#333333;text-decoration:none; list-style:none; }
.client2 li a:hover {color:#FD8B2B;text-decoration:none; text-decoration:underline;}


.ticker{ height:30px; width:960px; background: url(../images/ticker.gif) no-repeat; font:bold 13px Arial, Helvetica, sans-serif; color:#000000; margin-left:9px; margin-top:10px; padding:10px 10px;}


.clientele { height:auto; padding-top:10px; padding-left:10px; width:710px;}
.logoClient{ height:100px; width:140px; float:left; margin:5px 5px 25px 5px; text-align:center; color:#747474; font-weight:700;}


.contRight{padding:5px 15px 5px 10px; line-height:20px; text-align:justify; color:#333333;  float:right; width:300px;}
.contRight a{text-decoration:none; color:#3d589e; }
.contRight a:hover{text-decoration:underline; color:#333333;}




.pagePicNew{padding:16px; color:#333333; font:11px normal Arial, Helvetica, sans-serif; width:180px; height:140px; background:none; float:left; }
.pictxt{ padding-top:3px;text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#F58829; }

.eao{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FD8B2B;}
a.style1 {color: #585858; line-height:20px; text-decoration:none; font-size:11px;}
a:hover.style1 {color: #043e6e; line-height:20px;text-decoration:none}