/*======================================
				Reza
			www.eSoftArena.com
			 16-Feb-2009
=======================================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	background:#fff
}
*{margin:0;	padding:0}
img,fieldset{ border:0}
a{color:#000; text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
p{margin-bottom:20px; line-height:19px}
#wrap{
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-bottom:89px
}
/*=======================================
			HEADER
========================================*/
#hdr{width:900px; padding:14px 0 0 0; background-color:#13242e; overflow:hidden}
h1{width:161px; padding-left:27px; float:left}
h1 a{width:161px; height:0; padding-top:57px; display:block; overflow:hidden; background:url(../images/logo.gif)}
#hdr ul{float:right; padding:13px 0; font-size:11px; font-weight:bold}
#hdr ul li{float:left; margin-right:13px}
#hdr ul a{float:left; text-align:center; color:#fff;}
#hdr ul a span{line-height:31px; float:left}
#hdr ul a span span{padding:0 24px; line-height:31px; float:left}

#hdr ul a:hover, .slctd a{background:url(../images/nav-hover.gif) repeat-x left -62px; text-decoration:none}
#hdr ul a:hover span, .slctd a span{background:url(../images/nav-hover.gif) no-repeat}
#hdr ul a:hover span span, .slctd a span span{background:url(../images/nav-hover.gif) no-repeat right -31px}
h2.bnr{width:100%; height:0; padding-top:191px; background:url(../images/bnr.jpg); margin-top:16px; overflow:hidden; float:left}
/*=======================================
			MAIN BODY
========================================*/
.main{width:100%; padding:20px 0 6px}
/*h3{width:100%; height:0; padding-top:15px; background:url(../images/h3-WelcomeToFatcat.gif) no-repeat; overflow:hidden; margin-bottom:21px}*/

.products{width:100%; padding-top:24px; overflow:hidden}
.products dl{width:214px; float:left; margin-right:14px; background:url(../images/productsBg.gif) repeat-x bottom}
.products dt{width:100%; height:0; padding-top:39px; overflow:hidden; background:#127bb4 no-repeat center 11px; margin-bottom:7px}
.products dd{width:186px;/*214*/ padding:79px 14px 13px; background:no-repeat}

.product01 dt{background-image:url(../images/p1-webDesign.gif)}
.product02 dt{background-image:url(../images/p2-networking.gif)}
.product03 dt{background-image:url(../images/p3-computer-laptop-repaiaring.gif)}
.product04 dt{background-image:url(../images/p4-cctv.gif)}

.product01 dd{background-image:url(../images/product01.gif)}
.product02 dd{background-image:url(../images/product02.gif)}
.product03 dd{background-image:url(../images/product03.gif)}
.product04 dd{background-image:url(../images/product04.gif)}

.products dd a{color:#0d5ba5}
/*=======================================
			FOOTER
========================================*/
#ftr{width:880px;/*900*/ height:57px;/*87*/ padding:30px 0 0 20px; background-color:#13242e}
#ftr p{margin-bottom:5px; color:#8c959b; font-size:11px; line-height:10px; text-transform:uppercase}
#ftr p a{color:#8c959b; padding:0 8px}

/*======================================
				Dipu
			www.eSoftArena.com
			 19-March-2009
=======================================*/

h3{
	font-size:21px;
	color:#13242E;
	margin-bottom:21px;
	font-weight:normal;
}
.main ul{
	width:95%;
	padding:0 2% 3%;
	overflow:hidden;
}
.main ul li{
	width:30%;
	background:url(../images/bullet.gif) no-repeat left 3px;;
	padding-left:20px;
	display:block;
	float:left;
}

/*==============================================
				page[contact]
==============================================*/
.pgcontact dl{ padding-left:20px; font-size:13px;}
.pgcontact dl dt, .pgcontact dl dd{
	width:582px;
	overflow:hidden;
}
.pgcontact dl dd{
	margin-bottom:10px;
}
.pgcontact dl dt{
	padding:0 0 10px;
}
.pgcontact dl dt strong, .pgcontact dl dd strong{
	width:80px;
	display:block;
	text-align:right;
	float:left;
	padding:0 15px 0 0;
}
.pgcontact dl dt span a{
	cursor:pointer;
	color:#0E5EA7;
}
.pgcontact dl dt strong{
	font-weight:normal;
}
.pgcontact dl dd strong b{
	color:#E76F34;
	font-size:18px;
}

.pgcontact dl span{
	display:block;
	float:left;
}
.inpt_class{
	width:280px;
	height:20px;
	border:1px solid #ADBAC5;
	padding:2px 0 0 5px;
	float:left;
}
.pgcontact dl textarea{
	width:480px;
	height:120px;
	padding:0 0 0 5px;
	border:1px solid #ADBAC5;
	float:left;
}
.subtn{
	width:75px;
	height:22px;
	margin-bottom:40px;
	border:0;
	border:1px solid #ADBAC5;
}
.pgcontact form{
	padding:15px 0 0 0;
}


/*======================================
			Mostafizur Rahman
			 10-june-2010
=======================================*/

.cont_2col{
	width:100%;
	overflow:hidden;
}
.left_con{
	width:580px;
	float:left;
}
.rgt_con{
	width:300px;
	float:right;
}