/* CSS Document */

/*-----------------------------
			dipu
		eSoftArena
-----------------------------*/

*{ padding:0; margin:0; }
body{ 
	background: #fff url(images/bg_page.gif) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center; 
	margin:0;
	padding:0;
	color:#000;
}
li{ list-style:none; }
a{ text-decoration:none; }
img,fieldset{ border:none; }
.hidden, .topnav span{ display:none; visibility:hidden }

.wrap{ margin:0 auto;
	text-align:left;
	width:951px;/*984*/
	padding:0 13px 0 20px;
	overflow:hidden;
}

#header{
	width:951px;/*984*/
	overflow:hidden;
	height:312px;
}

.leftcolumn{
	width:210px;
	float:left;
}
.leftcolumn p{
	display:block;
	width:209px;
	height:115px;
	margin-top:101px;
	margin-left:-1px;
	padding-bottom:96px;
	background:url(images/logo.png) no-repeat;
	border:1px solid white;
}
.leftcolumn p a{
	display:block;
	width:155px;
	height:50px;
	margin-top:53px;
	margin-left:52px;
}
.leftcolumn h2.headttl , .widget h2{
	margin:0 0 7px 19px;
	background:url(images/h2-bg.gif) no-repeat;
	width:171px;
	height:23px;
	padding-left:7px;
	line-height:23px;
	color:#260065;
	font-size:14px;
}

.lftmenu, .widget ul{
	margin:0 20px 16px 19px;
}
.lftmenu li, .widget ul li{ 
	background:url(images/li-bg.gif) no-repeat;
	margin-bottom:7px;

	padding:2px;
}
.lftmenu li a , .widget li a {
	width:161px;/*167*/
	height:20px;
	padding-left:6px;
	display:block;
	background-color:#260065;
	font-size:11px;
	line-height:19px;
	color:#fff;
}
.lftmenu li a:hover , .widget li a:hover{
	background-color:#000;
	color:#fff;
}
.lftmenu02{
	margin:-7px 20px 16px 19px;
}
.lftmenu02 li{
	width:163px;/*171*/
	padding:10px 0 10px 0px;
	background:url(images/leftMenuLiBtm.gif) repeat-x left bottom;
	font-size:12px;
	font-weight:bold;
}
.lftmenu02 li a{
	display:block;
	padding-left:14px;
	color:#000;
	font-size:11px;
	background:url(images/recent-post-li-bg.gif) no-repeat 0 4px;
}
.lftmenu02 li a:hover{ color:#260065 }

.lftmenu02 li i{
	display:block;
	margin-top:10px;
	margin-left:13px;
	font-size:10px;
	color:#000;
}
.img_rss{
	margin-left:19px;
	margin-bottom:30px;
}

.maincontainer{
	width:726px;
	float:right;
}
.topnav{
	width:726px;
	margin-bottom:6px;
	text-align:right;
	color:#959595;
	font-weight:bold;
	font-size:11px;
	padding-top:4px;
	overflow:hidden;
}
.topnav a{
	height:9px;
	margin:0 6px;
	display: inline;
	color:#fff;
	display:block;
	float:left;
}
.topnav small{ width:2px; height:9px; background:url(images/hdr-span.jpg) no-repeat; display:block; float:left; font-size:17px;}
.linkall{float:right}
a#engineering { width:81px;background: url(images/engineer.gif) no-repeat;}
a#engineering:hover { background-image: url(images/engineer-hover.gif) }
a#cqi {width:19px; background: url(images/cqi.gif) no-repeat; }
a#cqi:hover { background-image: url(images/cqi-hover.gif) }
a#direct {width:43px; background: url(images/direct.gif) no-repeat; }
a#direct:hover { background-image: url(images/direct-hover.gif) }
a#vision {width:42px; background: url(images/vision.gif) no-repeat; }
a#vision:hover { background-image: url(images/vision-hover.gif) }
a#group { width:43px;background: url(images/group.gif) no-repeat;}
a#group:hover { background-image: url(images/group-hover.gif) }
a#perss, a#perss:hover { width:98px;background: url(images/press-hover.gif) no-repeat;}
.topnav a:hover{
	color:#959595;
}
.secondnav{ width:720px;/*726*/ margin-bottom:1px; line-height:19px; overflow:hidden; padding-left:5px;}
.maincontainer .secondnav a{
	font-size:11px;
	width:70px;
	border-bottom: 1px solid #fff; 
	padding:0 2px; 
	margin-right:4px;
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;	
}
.maincontainer .secondnav a:hover{ background:#fff;color:#558cc9; }
.bnrflash{ 
	width:726px;/*726*/
	height:253px;/*253*/
	margin-left:1px;
	margin-bottom:19px;
	background:url(images/bg-promo-group.png) no-repeat;
}
.menumain{
	overflow:hidden;
	width:726px;
}
.menumain li{ 
	float:left;
	margin-right:2px;
	background:url(images/mainulTop.gif) no-repeat;
}
.menumain li div{ 
	padding:2px;
	background:url(images/mainulBtm.gif) no-repeat bottom;
}
.menumain li div a{
	width:132px;/*139*/
	height:19px;
	padding-left:7px;
	display:block;
	background-color:#000;
	font-size:11px;
	line-height:19px;
	color:#fff;
}
.menumain li div a:hover{
	background-color:#260065;
}
.maincontainer h1{
	width:726px;
	font-size:24px;
	color:#260065;
	margin-top:10px;
	margin-bottom:20px;
}

.mainYellow{ position:relative; }
.mainYellow .gotocat{ display:block; position:absolute; width:35px; height:36px; top:7px; left:0; cursor:pointer; background:url(images/yellowimg.gif) no-repeat;}
.mainYellow a{ color:#ffa109; }
.mainYellow .post-button a:hover{ background:#ffa109;color:#fff; }

.mainBlue{ position:relative; }
.mainBlue .gotocat{ display:block; position:absolute; width:35px; height:36px; top:7px; left:0; cursor:pointer; background:url(images/blueimg.gif) no-repeat; }
.mainBlue a{ color:#4c8ec6; }
.mainBlue .post-button a:hover{ background:#4c8ec6;color:#fff; }

.mainRed{ position:relative; }
.mainRed .gotocat{ display:block; position:absolute; width:35px; height:36px; top:7px; left:0; cursor:pointer; background:url(images/redimg.gif) no-repeat; }
.mainRed a{ color:#e50278; }
.mainRed .post-button a:hover{ background:#e50278;color:#fff; }

.mainBlack{ position:relative; }
.mainBlack .gotocat{ display:block; position:absolute; width:35px; height:36px; top:7px; left:0; cursor:pointer; background:url(images/blackimg.gif) no-repeat; }
.mainBlack a{ color:#878787; }
.mainBlack .post-button a:hover{ background:#878787;color:#fff; }

/*.mainGreen{ position:relative; }
.mainYellow .gotocat{ display:block; position:absolute; width:35px; height:36px; top:7px; left:0; cursor:pointer; background:url(images/greenimg.gif) no-repeat; }
.mainGreen a{ color:#80e900; }
.mainGreen .post-button a:hover{ background:#80e900;color:#fff; }*/

.entry{
	width:686px; /*726-40*/
	overflow:hidden;
	border-top:3px solid #f5f6f6;
	padding-left:40px;
	margin-bottom:24px;
}

.post{
	width:390px; /*410-20*/
	overflow:hidden;
	float:left;
	margin-top:14px;
	font-size:12px;
	padding-right:20px;
}

.navigation{ width:440px; margin-bottom:30px; color:#bab2c7; font-size:12px; text-align:right;}
.navigation a{ color:#260065; }

.singlePost{
	width:686px !important;
}
	.post h2{ font-size:18px; }
	.post h2 a{ color:#000; text-decoration:none; }
	.single h1{ font-size:18px; margin:0; padding:0; width:390px;}
	.single h1 a{ color:#000; text-decoration:none;}
	.post h4{ font-size:14px;margin-bottom:10px; }
	.post a{ text-decoration:underline; }
	.post a:hover{ text-decoration:none; }
	.post p{ margin-bottom:16px; }
	
.post-button{ border:1px solid #fff; }
	.post-button span{
		display:block;
		float:left;
		width:133px;
		height:23px;
		margin-right:6px;
		padding:1px;
		background:url(images/post-button-bg.gif) no-repeat;
	}
	.post-button span a{
		display:block;
		width:130px;
		height:20px;
		text-align:center;
		line-height:20px;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}

.image_class{
	float:left;
	width:250px;
	margin-top:14px;
	background:url(images/img-top.gif) no-repeat;
}
	.image_class span{
		display:block;
		width:250px;
		background:url(images/img-bottom.gif) no-repeat bottom;
	}
	.image_class span img{
		padding:4px;
		display:block;
	}

/*=======================================
			IMAGE
========================================*/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 4px 18px;
	display: inline;
}

img.alignleft {
	padding: 0px;
	margin: 0 18px 4px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */
/*=================== for comment ==================*/
.comment_style{ clear:both; font-size:12px; }

.show_all_comments{
	width:648px;
	padding:20px 0;
}
.cmnt_style1{
	width:626px;/*648*/
	margin-bottom:10px;
	padding:11px 10px 22px 10px;
}
.cmnt_style2{
	width:626px;/*648*/
	margin-bottom:0px;
	padding:11px 10px 22px 10px;
}
.commentmetadata{
	font-size:11px;
	margin:5px 0;
	display:block;
}
cite{
	font-size:13px;
	font-weight:bold;
	font-style:normal;
}
#respond h4{ font-size:14px;padding-top:10px;padding-bottom:20px; }
#respond textarea{
	width:625px;
	height:105px;
	padding:5px;
	border-top: 1px solid #acadb2;
	border-right: 1px solid #dcdfe6;
	border-bottom: 1px solid #e2e9ef;
	border-left: 1px solid #e3e3eb;
}
.input_style{
	width:264px;
	height:20px;
	padding:5px 0 0 5px;
	border-top: 1px solid #acadb2;
	border-right: 1px solid #dcdfe6;
	border-bottom: 1px solid #e2e9ef;
	border-left: 1px solid #e3e3eb;
}

.cmnt_style2 p, .cmnt_style1 p { margin:0 0 6px 0; }

#respond label small{ font-size:11px; font-weight:bold; line-height:20px }
#commentform p{ padding-bottom:10px; }
.postmeta{
	font-weight:bold;margin-bottom:20px;
}

#commess{ margin-bottom:10px; color:#CC0000; font-size:12px;}





/* contact us page */

.contact_page{ width:723px; font-family:Arial, Helvetica, sans-serif; color:#333333;  }
	.contact_cont{ overflow:hidden; background:url(images/cont-bg.gif) repeat-y;}

	.top{ background:url(images/cont-top.gif) no-repeat; margin-bottom:5px; }
	.bottom{ background:url(images/cont-bottom.gif) no-repeat bottom; }
	
	.contact_form{ width:355px; float:left; }
		.contact_form h4{ color:#558cc9; font-size:14px; margin-left:13px; margin-top:10px;}
	
	.contact_address{ float:left; width:355px; margin-left:11px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
		.contact_yellow .bottom{ padding:12px; }
		.contact_yellow h4{ height:26px; background:url(images/txt-cont-yellow.gif) no-repeat; }
		.contact_yellow big{ display:block; margin-bottom:20px; font-size:14px; }
		.contact_yellow strong{ display:block; margin-bottom:13px; color:#ffa109; font-size:14px;}
		.contact_yellow a{ display:block; margin-bottom:15px; color:#333333; text-decoration:underline}
		.contact_yellow span{ display:block; margin-bottom:15px;}
		
		.contact_red .bottom{ padding:12px; }
		.contact_red h4{ height:26px; background:url(images/txt-cont-red.gif) no-repeat; }
		.contact_red big{ display:block; margin-bottom:20px; font-size:14px; }
		.contact_red strong{ display:block; margin-bottom:13px; color:#e71381; font-size:14px;}
		.contact_red a{ display:block; margin-bottom:15px; color:#333333; text-decoration:underline}
		.contact_red span{ display:block; margin-bottom:15px;}
		
		.contact_blue .bottom{ padding:12px; }
		.contact_blue h4{ height:26px; background:url(images/txt-cont-blue.gif) no-repeat; }
		.contact_blue big{ display:block; margin-bottom:20px; font-size:14px; }
		.contact_blue strong{ display:block; margin-bottom:13px; color:#4c8ec6; font-size:14px;}
		.contact_blue a{ display:block; margin-bottom:15px; color:#333333; text-decoration:underline}
		.contact_blue span{ display:block; margin-bottom:15px;}



/*.twoColumn { background: transparent url(images/bg_2column.gif) no-repeat bottom; padding-bottom:6px;position:relative;}
#bodyRight { float:right; }
.column { width:355px; }
.column h1, .column p, .column h2 { margin-left:12px;margin-right:12px;}
.column p{ margin-top:2px;margin-bottom:10px; }
.column li{ margin-top:2px;margin-bottom:6px;}
.column ul{margin-left:30px;padding-left:0px;margin-top:0px;}
.column h1, .column h2 { margin-top:0; }
.column div.top{ background: transparent url(images/bg_body_2c_top.gif) no-repeat left top;padding-top:8px;}
.column div.bottom {background: transparent url(images/bg_body_2c_bottom.gif) no-repeat left bottom;padding-bottom:8px;}
.contactParagraph{margin: -10px 12px 10px 12px;}*/