body { background:url(../images/pattern1.jpg) repeat left top; }
#container { background-color: #FFFFFF; width: 992px; margin:0 auto;}
#body {	padding:0 3px; color: #2B2B2B; font-family: "Trebuchet MS", Arial;}
#header { padding-top: 12px; padding-left: 18px; width: 968px;}
.logo {	width: 267px; padding: 0 0 10px 0;}
.logo1 { width: 267px; padding: 0 0 7px 0;}
.login_navmenu { width: 600px; padding:0 0 0 85px;}
.employee_login { width: 584px;	background:url(../images/emp_login.jpg) no-repeat right top; font-size: 10px; text-align: right; padding: 3px 15px 8px 0;}
.employee_login a {	color: #5AA2BD;	text-decoration: none; }
.employee_login a:hover { text-decoration: underline;}
.navmenu { width: 435px; margin:37px 0 0 165px;}
#top_menu,#top_menu li{ margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
#top_menu li{  float:left}
#top_menu li a { font-family: "Trebuchet MS", Arial; font-size: 11px; text-transform: uppercase; text-decoration: none;	padding:3px 10px; display: block;	color: #2A2A2A;	border-right: 1px solid #BFBFBF;}
#top_menu li a:hover, #top_menu li a.current { color: #008bbd;}
#top_menu li a.bordernone { border-right: none;}
#top_menu li ul { background-color:#000000;	margin: 5px 0 0 0; position: absolute; padding:0; z-index:1000;	visibility: hidden; }
#top_menu li ul li { float: none; display: inline; z-index:1000;}
#top_menu  li ul li a { border-bottom: 1px solid #272727; width:100px; color:#858585; padding: 9px 10px 8px 15px; font-size: 11px; border-right: none;}
.body_content {	border-top: 1px solid #ECECEC;}
.body_content1 {	border-top: 1px solid #ECECEC;}
.body_content_bot {  width:984px; padding:0 1px 20px 1px; background:url(../images/body_content_bot_bg.jpg) repeat-y left top;}
.it_wrapper { width:328px; float:left; background:url(../images/it_bg.jpg) no-repeat left top;}
.it_staff { width:277px; padding:11px 0 15px 20px; color:#F4F4F4;}
.it_head { font-size:10.5pt;}
.img_content {  width:277px; padding:12px 0 6px 0;}
.it_img { width:62px; float:left;}
.it_img a img {border:2px solid #000000;}
.it_img a:hover img {border:2px solid #00A04D;}
.it_content { width:194px; float:left; font-size:12px; color:#C3C3C3; padding: 0 0 0 20px;}
.it_staff a { color:#A2A2A2; font-size:12px; text-decoration:none;}
.it_staff a:hover { text-decoration:underline;}
#footer { margin:1px 0 0 0; border-top: 1px solid #E0E0E0; padding:10px; color:#5D5D5D; font-size:9pt;}
.footer1 { float:left; width:200px;}
.footer2 { float:left; width:560px;}
.footer3 { float:left; width:205px;}
.arial { font-family: "Trebuchet MS", Arial, "ITCOfficinaSans LT Book";}
#footer a { color:#5D5D5D; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.banner_rightmenu { width:986px;}
.banner1 { width:840px; float:left;}
.rightmenu { width:146px; float:left; margin:1px 0 0 0; background-color:#008BBE; padding:26px 0 35px 0;}
.rightmenu li { border-bottom:1px solid #FFFFFF; padding:9px 0 6px 10px;}
.rightmenu a { font-size:11px; color:#FFFFFF; text-decoration:none;}
.rightmenu a:hover, .rightmenu a.current { color:#0d1c21;}
.body_content1_in { background:url(../images/body_content_bot_bg.jpg) repeat-y left top; padding:0 0 20px 0; width:986px;}
.body_content1_in_new { background-color:#6E6E6E; width:986px;}
.leftmenu { width:173px; float:left;  background-color:#393939; font-size:10pt; color:#B1B1B1; padding:15px 0 0 0; }
.leftmenu ul { padding: 10px 0 0 0;}
.leftmenu li { border-bottom:1px solid #292929; padding:9px 0 9px 30px; background:url(../images/arrow.gif) no-repeat 20px 14px;}
.leftmenu a { font-size:10pt; color:#C7C7C7; text-decoration:none;}
.leftmenu a:hover, .leftmenu a.current { color:#61d5ff;}
.mid_content { width:566px; float:left; padding:0 1px 0 1px; background-color:#D7D7D7; font-size:10pt; 	font-family: "Trebuchet MS", Arial;}
.right_content { width:245px; float:left;}
.mid_content a { color:#000; text-decoration:underline;}
.mid_content a:hover { text-decoration:none;}
.mid_head { background:url(../images/mid_top_bg.jpg) repeat-x left top;	width:551px; padding:13px 0 3px 15px; color:#OOO; }
.mid_content_in { width:535px; padding:0 16px 100px 15px; margin: 1px 0 0 0; border-top:1px solid #ccc; }
.mid_content_in p { padding:5px 0 3px 0;}
.mid_content_in li { background:url(../images/arrow.gif) no-repeat 10px 7px; padding-left: 20px; font-size:10pt; }
.right_it { width:243px; background:url(../images/right_it_bg.jpg) no-repeat left top; border-bottom:1px solid #3F3F3F;
border-left:1px solid #1D1D1D; border-right:1px solid #3F3F3F; border-top:1px solid #3F3F3F;}
.right_it_in { padding:13px 12px 8px 11px; color:#F3F3F3; width:220px;}
.img_content1 {width:220px; padding:12px 0 2px 0; }
/*.it_img1 { width:62px; float:left;}
.it_img1 a img {border:2px solid #000000;}
.it_img1 a:hover img {border:2px solid #00A04D;}*/
.it_content1{ width:150px; float:left; font-size:10pt; color:#C3C3C3; padding: 0 0 0 8px;}
.right_it a { color:#A2A2A2; font-size:10pt; text-decoration:none;}
.right_it a:hover { text-decoration:underline;}
.sitemap { padding:10px 0;}
.sitemap p { padding:4px 0;}
.sitemap a { color:#2B2B2B; text-decoration:none;}
.sitemap a:hover { text-decoration:underline;}

.details1 { padding:10px 0;}
.details1 span {float:left; width:100px; padding:2px 10px 0 20px; font-size: 10pt;}
.details1 input { float:left; width:260px; background-color: #686868; border: 1px solid #000000; font-size: 10pt; padding:3px; }
.details1 textarea { float:left; width:260px; background-color: #686868; border: 1px solid #000000; font-size: 10pt; padding:3px;}
.details1 select { float:left; width:300px; background-color: #686868; border: 1px solid #000000; font-size: 10pt; padding:3px;}
.details2 { padding:10px 0;}
.details2 label {float:left; width:110px; padding:2px 10px 0 20px; font-size: 10pt;}
.details2 input { float:left; width:150px; background-color: #686868; border: 1px solid #000000; font-size: 10pt; padding:3px; }
.submit2 { padding:5px 0 0 140px;}
.details3 { padding:10px 0;}
.details3 span {float:left; width:150px; padding:2px 10px 0 10px; font-size: 10pt;}
.details3 input { float:left; width:170px; background-color: #686868; border: 1px solid #000000; font-size: 10pt; padding:3px; }
.submit3 { padding:5px 0 0 170px;}
label.error { color: red;}
#mail_message{padding:10px 0px 0 10px;color:#ff0000; font-weight:bold;}
.red{color: red;}
.submit { padding:5px 0 0 130px;}
.top { text-align:right; color:#2B2B2B; font-size:11px;}
.top a { text-decoration:none; color:#2B2B2B; font-size:11px;}
.top a:hover { text-decoration:underline;}
.mid_head_top { font-size:10pt; padding:0 0 12px 0;}
.mid_head_top1 { font-size:10.5pt; font-weight:bold;}
.contact_address { width:530px; padding:0 0 20px 0;}
.contact_address1 { width:210px; float:left; padding:0 20px 0 20px;}
.contact_address2 { width:210px; float:left; padding:0 20px 0 20px; margin:0 0 0 25px;}
/*#mail_message {padding:0 0 0 35%;color:#ff0000; font-weight:bold;}*/



.body_content_bot2 {  width:984px; padding:0 1px 20px 1px; background:url(../images/body_content_bot_bg.jpg) repeat-y left top;}
.it_wrapper2 { width:328px; float:left; background:url(../images/it_bg.jpg) no-repeat left top;}
.it_staff2 { width:277px; padding:11px 0 15px 20px; color:#F4F4F4;}
.it_head2 { font-size:10.5pt;}
.img_content2 {  width:277px; padding:12px 0 6px 0;}
.it_img2 { width:62px; height:62px; float:left; text-align:center}
.it_img2 a { display:block; width:60px; height:60px;  text-indent:-9999px;}
.it_img2 a.itstaff {
	background-image: url(../images/it_staff_small_m.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.it_img2 a:hover.itstaff {
	width:62px;
	height:62px;
	background-image: url(../images/it_staff_small_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.it_img2 a.bpo { background:url(../images/bpo_small_m.jpg) no-repeat 2px 2px;}
.it_img2 a:hover.bpo { background:url(../images/bpo_small_m.jpg) no-repeat left top;width:62px;height:62px;}

.it_img2 a.elearning { background:url(../images/e_learning_small_m.jpg) no-repeat 2px 2px}
.it_img2 a:hover.elearning { background:url(../images/e_learning_small_m.jpg) no-repeat left top;width:62px;height:62px;}


/*.it_img2 a img {border:2px solid #000000;}
.it_img2 a:hover img {border:2px solid #00A04D;}*/
.it_content2 { width:194px; float:left; font-size:10pt; color:#C3C3C3; padding: 0 0 0 20px;}
.it_staff2 a { color:#A2A2A2; font-size:10pt; text-decoration:none;}
.it_staff2 a:hover { text-decoration:underline;}
