/* 

CSS Document 
Design by :  TAPAN MAITI

*/

/* ===========================================*/




body {
	margin:0px;
	padding:0px;
/*	background-color:#a4dde3;
*/	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#48484b;
	}

/* ===========================================
				DEFAULT_RENDERING
 =========================================== */
 
div,p,ul,li,h1,h2,h3,h4,h5,h6,a,img,form,input,submit,textarea,label,span
{ 
	margin:0px; padding:0px;
}

a{ 
	text-decoration:none;
	
	
}

.clearfix{ 
	clear:both;
	line-height:0px;
	font-size:0px;
	visibility: hidden;
   	display: block;
	height: 0;
	content: ".";

}

h1{	
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#0097da;
	padding:0 0 8px 7px;
}


h2{	
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#0097da;
	padding:15px 0 8px 6px;
	background:url(../images/portfolio-border.jpg) no-repeat left top;

}

/*
h3{	
	font:normal 24px Arial, Helvetica, sans-serif;
	color:#c4110d;
	padding:0 0 9px 0;
}

h4{	
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0px 0px 0px 13px;
	background:url(../images/h4-header-bg.jpg) no-repeat left top;
	height:37px;
	line-height:37px;

}


h5{	
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 0px 16px;
	background:url(../images/h5-header-bg.jpg) no-repeat left top;
	height:32px;
	line-height:32px;

}*/


/* ===================END====================*/

#container-repeat{	
	width:100%;
	background:url(../images/body-repeat.jpg) repeat left top;
}
#container-top{
	width:100%;
	background:url(../images/body-vertical-repeat.jpg) repeat-x left top;
}

.top-container-wrapper{
	width:1001px;
	margin:0 auto;
}

.top-nav-bg{	
	background:url(../images/top-nav-bg.jpg) no-repeat left bottom;
	width:1001px;
	height:43px;
	padding:18px 0 0 0;
}

.nav-col{
	float:left;
	width:751px;
}

.nav-col ul{
	list-style-type:none;
	padding:9px 0 0 10px;
}

.nav-col ul li{
	margin:0 10px;
	float:left;
	position:relative;
}

.nav-col ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#dee2e7;
	float:left;
	padding:0 13px 0 0;
	line-height:38px;

}

.nav-col ul li a span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#dee2e7;
	float:left;
	padding:0 0px 0 13px;
	line-height:38px;

}

.nav-col ul li a:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0093d9;
	float:left;
	padding:0 13px 0 0;
	background:url(../images/nav-rgt-h.png) no-repeat right bottom;
	height:38px;
	cursor:pointer;
	line-height:38px;

}

.nav-col ul li a:hover span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0093d9;
	float:left;
	padding:0 0px 0 13px;
	background:url(../images/nav-lft-h.png) no-repeat left bottom;
	height:38px;
	cursor:pointer;
	line-height:38px;

}

/*add new css by here 25062011*/

.nav-col ul ul {

	display: none;
	position: absolute;
	
	top: 36px;
	left: 0;
	float: left;
	width: 260px;
	z-index: 99999;
	font-weight:normal;
	background:#136aa2;
	
	margin:0px;
padding:0px 0px 12px 0px;
}
.nav-col ul ul li {
	
	margin:0px;
	width:100%;
	


padding:0px 0px 5px 20px;
background:none;
	height:20px;



}
.nav-col ul ul ul {
	left: 100%;
	top: 0;
}
.nav-col ul ul a {
margin:0px;
padding:0px;
background: none;
	
	


	height: auto;
	background-color:inherit;
		color:#fff;

}
.nav-col ul ul a:hover {
margin:0px;
padding:0px;
background:none;
	background-color:inherit;
color:#ccc;
	
	

	
	height: auto;
}
/*.menu li:hover > a,
.menu ul ul :hover > a {
	
	color:#520e31;

}*/
.nav-col ul li:hover > ul {
	display: block;
}
.nav-col ul li.current_page_item > a,
.nav-col ul li.current-menu-ancestor > a,
.nav-col ul li.current-menu-item > a,
.nav-col ul li.current-menu-parent > a {

	
}
* html .nav-col ul li.current_page_item a,
* html .nav-col ul li.current-menu-ancestor a,
* html .nav-col ul li.current-menu-item a,
* html .nav-col ul li.current-menu-parent a,
* html .nav-col ul li a:hover {


}




/*add new css end by here*/




#home .home-active, #about .about-active, #service .service-active, #client .client-active, #contact .contact-active, #price-list .price-list-active, #portfolio .portfolio-active{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0093d9;
	float:left;
	padding:0 13px 0 0;
	background:url(../images/nav-rgt-h.png) no-repeat right bottom;
	height:38px;
	cursor:pointer;
	line-height:38px;
}

#home .home-active span, #about .about-active span, #service .service-active span, #client .client-active span, #contact .contact-active span, #price-list .price-list-active span, #portfolio .portfolio-active span{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0093d9;
	float:left;
	padding:0 0px 0 13px;
	background:url(../images/nav-lft-h.png) no-repeat left bottom;
	height:38px;
	cursor:pointer;
	line-height:38px;
	}

.search-col{
	float:left;
	width:250px;
	padding:11px 0 0 0;
}

.input-bg{	
	background:url(../images/input-bg.jpg) no-repeat left top;
	width:162px;
	height:24px;
	float:left;
	margin:0 9px 0 57px;
	display:inline;
}

.input-bg input{
	border:none;
	background:none;
		background-color:inherit;
	width:146px;
	margin:3px 8px 0 8px;
}

.search-button{
	float:left;
	width:65px;
	height:21px;
	padding:3px 0 0 0;
	text-align:center;
	background:url(../images/search-button.jpg) no-repeat left top;

}

.submit-bg-none{
	background:none;
		background-color:inherit;
	border:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;

}

.header-graphic{	
	background:url(../images/header-graphic.jpg) no-repeat left top;
	width:1001px;
	height:195px;
}

.call-txt{	
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fffefe;
	padding:145px 0 0 290px;
}

.body-box-bg{	
	background:url(../images/body-box-bg.png) repeat-y left bottom;
	margin:29px 0 0 0;
/*	behavior: url("images/iepngfix.htc");*/
	width:1001px;
}


.body-top-crv{	
	background:url(../images/body-top-crv.jpg) no-repeat left bottom;
}

.white-body-bg{ 
	width:593px; /*original_width 605px*/ 
	margin:0 6px;
	background:#ffffff url(../images/body-main-bg.jpg) no-repeat left top;

	
}

.white-body-bg-padding{
	padding:18px 16px 25px 18px; 
}

.body-lft-col{
	float:left;
	width:187px;
	background:url(../images/lft-box-top.jpg) no-repeat left top;

}

.normal-body-txt{	
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:4px 0 12px 7px;
}

.normal-bold-txt01{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:8px 0 0px 7px;
}

.form-txt{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:0px 0 0px 8px;
}

ul.list-item-01{
	list-style-type:none;
	padding:10px 0 0 10px;
}

ul.list-item-01 li{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:0px 0 4px 0px;
}

ul.list-item-02{
	list-style-type:none;
	padding:5px 0 0 10px;
}

ul.list-item-02 li{	
	padding:0px 0 3px 0px;
}

ul.list-item-02 li a{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#48484b;
	text-decoration:underline;
}

ul.list-item-02 li a:hover{	
	color:#f06934;
	text-decoration:none;

}


.testimonial-header{	
	background:url(../images/testimonial-header.jpg) no-repeat left top;
	width:169px;
	height:31px;
}

.testimonial-header h5{	
	font:bold 12px/31px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 0 13px;
}

.testimonial-bg{	
	background:url(../images/testimonial-bg.jpg) repeat-y left top;
	width:169px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#1e1d1d;
	padding:10px 0 0 0;

}

.testimonial-txt-str{
	margin:0 8px 0 7px;
	padding:0px 0 0 0;
	background:url(../images/border.jpg) repeat-x center bottom;
	
}

.testimonial-txt-str p{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#1e1d1d;
	padding:10px 9px;
	
}

.testimonial-bg span{	
	color:#e0762a;
}

.site-nws-bg{	
	width:169px;
	background-color:#e0e3e9;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#1e1d1d;
	padding:10px 0 0 0;

}

.site-nws-txt{
	padding:0px 12px 10px 20px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#1e1d1d;
	
}


.body-lft-col-str{
	padding:21px 6px 0 11px;
	
}

.lft-nav{
	width:169px;
	margin-bottom:14px;
	background-color:#e0e3e9;
}

ul.lft-navigation{ 
	list-style-type:none;
}

ul.lft-navigation li{	
	background:url(../images/nav-sep.jpg) no-repeat center bottom;
	height:1%;
 }

ul.lft-navigation li a{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#293835;
	background:url(../images/nav-arrow.png) no-repeat 14px 12px;
	padding:8px 0 8px 27px;
	display:block;
}

ul.lft-navigation li a:hover{
	background-color:#027dd3;
	color:#fefefe;
	
}

#web-programming .web-active, #ecom-solution .ecom-solution-active, #web-design .web-design-active{	
	background-color:#027dd3;
	color:#fefefe;
}

.body-main-col{
	float:left;
	width:605px;
	position:relative;
	top:-16px;
}

.body-grad-effect{	
	background:url(../images/portfolio-border.jpg) no-repeat left top;
	padding:10px 0 0 0;
}

.portfolio-bg{	
	background:url(../images/portfolio-border.jpg) no-repeat left top;
	padding:28px 0 0 0;
	margin:20px 0 0 0;
}

.portfoli-img{
	float:left;
	width:197px;
	text-align:center;
	margin:0 0px 0 0;
}

.portfoli-txt{
	float:left;
	width:362px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:0px 0 0px 0px;

}

.portfoli-txt-pad{
	padding:0 15px 0 0;
}

.portfoli-lnk-pad{
	padding:0 10px;
}

.body-rgt-col{
	float:left;
	width:189px; /*ORIGINAL_WIDTH 209px */
	background:url(../images/rgt-box-top.jpg) no-repeat left top;
	padding:20px 11px 0 9px;
}

.contact-bg{
	width:155px; /*ORIGINAL_WIDTH 187px */
	padding:0 16px;
	background-color:#e0e3e9;
}

.contact-txt{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#0090d7;

}

.contact-label{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#282a20;
	display:block;
	padding:0 0 4px 0;

}

.contact-input-bg{	
	background:url(../images/contact-input-bg.jpg) no-repeat left top;
	width:155px;
	height:19px;
	margin:0 0px 10px 0;
}

.contact-input-bg input{
	border:none;
	background:none;
	width:145px;
		background-color:inherit;
	margin:0 5px 0 5px;	
}

.textarea-bg{
	background:url(../images/text-area-bg.jpg) no-repeat left top;
	border:none;
	width:155px;
	height:49px;
	margin:0 0px 0 0px;	
}


.textarea-bg textarea{
	border:none;
	background:none;
	width:145px;
	height:39px;
	margin:5px 5px;	
}

.contact-submit{	
	background:url(../images/submit-button.jpg) no-repeat left top;
	width:67px;
	height:25px;
	text-align:center;
	padding:4px 0 0 0;
	margin:0px 0 0 0px;
	
}

.contact-submit-button{
	border:none; 
	background:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;

	
}

.follow-us-header{	
	background:url(../images/follow-us-header.jpg) no-repeat left top;
	width:186px;
	height:31px;
}

.follow-us-bg{	
	background:url(../images/follow-us-bg.jpg) repeat-y left top;
	width:186px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#858581;
	padding:12px 0px 0 0px;
	overflow:hidden;


}

.follow-us-bg ul{
	list-style-type:none;
	float:left;
	padding:0 0 0 10px;

}

.follow-us-bg ul li{
	padding:0 0 12px 0;
}

.follow-us-bg ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#858581;

}

.follow-us-bg ul li a img{
	vertical-align:-5px;
	margin:0 5px 0 0;	

}

.follow-us-bg img{
	vertical-align:-5px;
	margin:0 5px 0 0;	
}

.follow-us-header h5{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 0 13px;
	line-height:31px;
	
}

#container-bottom{
	width:100%;
	background-color:#1c2724;
}

a.site-link-txt{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f06934;
}

a.site-link-txt:hover{
	color:#ff4b04;
}

.subheading{	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f59028;
	padding:8px 0 0px 7px;
}

a.more01{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f06934;
}

a.more01:hover{
	color:#ff4b04;	
}

a.more02{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#48484b;
}

a.more02:hover{
	color:#ff4b04;	
}

.more-link-align{ 
	text-align:right;
}

.client-col-01{
	float:left;
	width:296px;
}

.client-col-02{
	float:left;
	width:260px;
}

ul.client-list{ 
	list-style-type:none;
}

ul.client-list li{
	padding:0 0 7px 20px;
	background:url(../images/arrow.png) no-repeat 10px 7px;

}

ul.client-list li a{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f06934;
}

ul.client-list li a:hover{
	color:#ff4b04;
}

.footer-seo-txt{	
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#69696c;
	text-align:center;
	padding:8px 15px;
}

.generaltext{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#69696c;
}

.general-table-text{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#69696c;
}

.table-sub-heading{	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#69696c;
}

.table-border{ border:1px solid #c7c9cc;}

.lft-margin-bot{ margin:0 0 14px 0;}

.form_object{	
	font:normal 11px Tahoma; 
	color:#717173;
}

.red-star{ color:#f06934;}

ul.body-list{ 
	list-style-type:disc;
	padding:10px 0 0 25px;
}

ul.body-list li{ padding:0 0 5px 0; }

.oredr-now-padding{ 
	text-align:right;
	padding:10px 0;
}

a.order-now{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f06934;
}

a.order-now:hover{
	color:#ff4b04;
}

.tableborder{ border:0px solid #e5b950;}

.table-header{ 
	background-color:#f6e5ba;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#493810;
}

.table-header-01{ 
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4e61cb;
	padding:0 0 6px 0;
}

.td-bg-color{ 
	background-color:#FFFFFF;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:10px;

}

.td-bg-color-01{ 
	background-color:#FFFFFF;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#48484b;
	padding:10px;

}


ul.series{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#48484b;
	list-style-type:none;
	padding:10px 10px 0 10px;
}

ul.series li{
	padding:0 0 5px 0;
}

.tab-bot-pad{ margin:0 0 16px 0;}

.price-txt{	
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#48484b;
	text-align:center;
	padding:10px 0;
}

a.hotlink{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f06934;
}

a.hotlink:hover{	
	color:#ff4b04;
}

.price-list-header{	
	font:bold 15px Tahoma;
	color:#60480a;
	background-color:#e9cd84;
}

.design-layout-str{
	width:100%;
	margin:0 0 35px 0;
}

.design-layout-str ul{
	list-style-type:none;
	overflow:hidden;
}

.design-layout-str ul li{
	float:left;
	width:165px;
	margin:0 15px 0 0;
}

.template-nbr-txt{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0 0 5px 0;
	text-align:center;
}

.template-download-btn{ 
	text-align:center;
	margin:10px 0;
}

.pagination-str{
	text-align:right;
}

.pagination-str a{
	color:#008CD7;
}

.pagination-str a:hover{
	color:#E0792A;

}
/* ===========================================
				FOOTER
 =========================================== */


.footer-box-bg{	
	background:#273532 url(../images/footer-box-bg.jpg) repeat-x left top;
	width:100%;
	height:182px;
}

.footer-box-bg-inner{ 
	width:1000px;
	margin:0 auto;
	background:url(../images/footer-box-grad.jpg) no-repeat left top;
	height:182px;

}

a.footer-link-txt{	
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#9298a3;
}

a.footer-link-txt:hover{
	color:#b9bec7;
	
}

.footer-box-01{
	width:246px;
	float:left;
	height:157px;
	margin:18px 0 0px 0;
	background:url(../images/footer-box-sep.png) repeat-y right top;

}

.footer-box01-header{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#00aab9;
	padding:3px 0 0 27px;
}


.footer-box-01-txt{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#9298a3;
	padding:10px 25px 0 27px;
}

.footer-box-02{
	width:256px;
	height:157px;
	float:left;
	margin:18px 0 0px 0;
	background:url(../images/footer-box-sep.png) repeat-y right top;

}


.footer-box02-header{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#008fd5;
	padding:3px 0 0 38px;
}


.footer-box-02-txt{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#9298a3;
	padding:10px 25px 0 38px;
}

.footer-box-03{
	width:249px;
	height:157px;
	float:left;
	margin:18px 0 0px 0;
	background:url(../images/footer-box-sep.png) repeat-y right top;
/*	behavior: url("images/iepngfix.htc");*/

}


.footer-box03-header{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#a6348c;
	padding:3px 0 0 27px;
}


.footer-box-03-txt{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#9298a3;
	padding:13px 25px 0 27px;
}

.footer-box-04{
	width:246px;
	height:157px;
	float:left;
	margin:18px 0 0px 0;


}

.footer-box04-header{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ed0e6b;
	padding:3px 0 0 40px;
}


.footer-box-04-txt{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#9298a3;
	padding:0px 25px 0 40px;
}


.footer-nav-bg{	
	background:#1c2724 url(../images/footer-nav-bg.jpg) repeat-x left top;
	width:100%;
/*	height:63px;*/
}

.footer-nav-bg-inner{
	width:1001px;
	margin:0 auto;
	overflow:hidden;
	padding:25px 0 0 0;
}

.footer-nav{
/*	float:left;
*/	width:1000px;
}

.footer-nav ul{
	list-style-type:none;
	margin:0 30px 20px;
}

.footer-nav ul li{
	display:inline;
	border-right:1px solid #9298a3;
	padding:0 10px;
}

.footer-nav ul li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9298a3;

}

.footer-nav ul li a:hover{
	color:#d7d8d9;

}

.copyright{
	width:1000px;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9298a3;
	padding:0 0 15px 0;

}

/*........tooltip.........*/

#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid #f59028;
padding: 2px;
background-color:#fff5df;
visibility: hidden;
z-index: 100;
font-family:tahoma;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#f59028;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#center-col
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

#center-col a

{color:#0097da;
	
	text-decoration:none;
}

#center-col a:hover

{
	color:#f59028;
	text-decoration: underline;
}
#center-col ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#center-col ul li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}