@charset "utf-8";


body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}



#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

form, input, img {  margin: 0;  padding: 0; }


/*********  head start *********/
#header_container {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}



#header_content {
	background: url(../images/header_bg.jpg) repeat-x;
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 900px;
}



#logo {
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 265px;
}



#header_links_container {
	float: left;
	margin: 0;
	padding: 25px 0 0 0px;
	text-align: center;
	width: 635px;
}



#search_container {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 220px;
}



.go_button {
	border: 0 none;
	background: url(../images/go_btn.jpg) no-repeat;
	height: 20px;
	width: 45px;
}

.search_input {	width: 125px; }

#icon_link_container {
	float: left;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	width: 130px;
}


/*** tool tip div start ***/
#dhtmltooltip {
	background-color: lightyellow;
	border: 1px solid #8BBF40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 100px;
	z-index: 100;
}
/*** tool tip div end ***/




#co_link_container {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 270px;
}



#nav_container {
	background: #6581B4;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	font-size: 0.64em;
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 900px;
}




/*********  nav start *********/
.nav {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 900px;
}



.nav ul {
    list-style: none;
	margin: 0;
	padding: 0;
}



.nav ul li {
	border-left: 1px solid #4E6BA3;
	border-right: 1px solid #98ABCD;
    float: left;
    position: relative;
	padding: 5px 22px;
}




.nav ul a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.nav ul li.last {	border-right: 0; }
.nav ul li.first {	border-left: 0; }
.nav ul a:hover {   color: #CAE4FF; }

.nav ul li ul {
	border: 0 none;
    display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
    top: 100%;
}



.nav ul li ul li {
	border: 0 none;
	margin: 0;
	padding: 0;
}



.nav ul li ul a {
	background: #6581B4;
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	width: 210px;
}



.nav ul li ul a:hover {
	background: #F2291B;
	color: #FFFFFF;
	font-weight: bold;
}

.nav ul li:hover ul {	display: block; }
.nav ul li:hover ul li ul {	display: none; }

.nav ul li ul li:hover ul {
    display: block;
    left: 140px;
	position: absolute;
    top: -1px;
}
/*********  nav end *********/

/*********  head end *********/






/*********  main content start *********/
#main_content_container {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}



/*** middle section start ***/
#middle_container {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}



#flash {
	float: left;
	height: 281px;
	margin: 0;
	padding: 0;
	width: 512px;
}



#products_container {
	background: url(../images/news_detail_bg.jpg) no-repeat center right;
	float: right;
	height: 197px;
	margin: 0;
	padding: 0;
	width: 388px;
}



#products {
	float: left;
	margin: 0;
	padding: 0;
	width: 163px;
}



#marchant a {
	float: right;	
	height: 42px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 163px;
}

#marchant a:hover {	background: url(../images/prod_1_hover.jpg) no-repeat; }
#marchant a.tabactive {	background: url(../images/prod_1_hover.jpg) no-repeat; }

#electronic a {
	float: right;	
	height: 36px;	
	margin: 0;
	padding: 0;
	width: 163px;
}

#electronic a:hover {	background: url(../images/prod_2_hover.jpg) no-repeat; }
#electronic a.tabactive {	background: url(../images/prod_2_hover.jpg) no-repeat; }

#islamic a {
	float: right;
	height: 37px;
	margin: 0;
	padding: 0;
	width: 163px;
}

#islamic a:hover {	background: url(../images/prod_3_hover.jpg) no-repeat; }
#islamic a.tabactive {	background: url(../images/prod_3_hover.jpg) no-repeat; }

#custom a {
	float: right;
	height: 26px;
	margin: 0;
	padding: 0;
	width: 163px;
}

#custom a:hover {	background: url(../images/prod_4_hover.jpg) no-repeat; }
#custom a.tabactive {	background: url(../images/prod_4_hover.jpg) no-repeat; }

#loyalty a {
	float: right;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 163px;
}

#loyalty a:hover {	background: url(../images/prod_5_hover.jpg) no-repeat; }
#loyalty a.tabactive {	background: url(../images/prod_5_hover.jpg) no-repeat; }



#products_services {
	float: right;
	margin: 0;
	padding: 0;
	width: 163px;
}



#products_details {
	float: right;
	margin: 0;
	padding: 0;
	width: 225px;
}



#products_details a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#products_details a:hover {	text-decoration: underline;	}

#product_title {
	color: #FFFFFF;
	float: right;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 200px;
}



#product_desc {
	color: #000000;
	float: right;
	font-size: 0.66em;
	margin: 5px 0;
	padding: 0;
	width: 200px;
}



/*products details style*/

#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5 {
	float: left;
	margin: 0 12px;
	padding: 8px 0px;
	width: 200px;
}




#install_cards {
	color: #FFFFFF;
	font-size: 0.66em;
	float: left;
	height: 84px;
	margin: 0;
	padding: 0;
	width: 258px;
}



#install_content {
	float: left;
	margin: 35px 10px;
	padding: 0;
	width: 160px;
}

#install_content a {  color: #FFFFFF;  text-decoration: none; }

#business_solution {
	float: right;
	height: 84px;
	margin: 0;
	padding: 0;
	width: 130px;
}
/*** middle section end ***/



/*** main section start ***/
#main_container {
	background: url(../images/content_bg.jpg) repeat-x #FFFFFF;
	clear: both;
	font-size: 0.66em;
	float: left;
	margin: 0;
	padding: 20px 0;
	width: 900px;
}



#main_container a {
	color: #F2291B;
	font-weight: bold;
	text-decoration: none;
}

#main_container a:hover {	text-decoration: underline; }

#intro {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}



#introduction {
	border-right: 1px dashed #A7BAD8;
	float: left;
	margin: 0 20px;
	padding: 0;
	width: 260px;
}



#heading {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}



#data {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}



.red {
	color: #F2291B;
	font-weight: bold;
}



#latest_project {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}



#news_container {
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
}



#news {
	float: left;
	margin: 0 20px;
	padding: 0;
	width: 260px;
}
/*** main section end ***/





/*** left frame start ***/
#left_frame {
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
}



#left_img {
	float: left;
	height: 294px;
	margin: 6px 0;
	padding: 0;
	width: 220px;
}



#install {
	background: url(../images/install_card_2.jpg) no-repeat;
	float: left;
	height: 110px;
	margin: 0;
	padding: 0;
	width: 220px;
}



#install_link {
	font-size: 11px;
	float: left;
	margin: 30px 10px;
	padding: 0;
	width: 120px;
}

#install_link a { color: #FFFFFF; text-decoration: none; }
/*** left frame end ***/







/*** right frame start ***/
#right_frame {
	font-size: 0.66em;
	float: right;
	margin: 6px 0;
	padding: 0;
	width: 670px;
}



#right_frame a {
	color: #F2291B;
	font-weight: bold;
	text-decoration: none;
}

#right_frame a:hover {	text-decoration: underline; }

#page_title {
	float: right;
	margin: 0;
	padding: 0;
	width: 670px;
}



#main_txt {
	float: right;
	margin: 0;
	padding: 0;
	text-align: justify;
	width: 665px;
}



#main_txt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}



#main_txt li {
	/* background: url(../images/bullet.jpg) no-repeat 5px 5px; */
	display: block;
	margin: 0;
	padding: 5px 0 5px 25px;
}



#main_txt li a {
	color: #6581B4;
	font-weight: bold;
	text-decoration: none;
}

#main_txt li a:hover {	text-decoration: underline;	}

.blue {
	color: #6581B4;
	font-weight: bold;
}

.blue_normal {	color: #6581B4; }

.sub_heading {
	color: #6581B4;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}



#highlight {
	float: right;
	margin: 5px 0;
	padding: 0;
	width: 665px;
}



#highlight_top {
	float: left;
	margin: 0;
	padding: 0;
	width: 636px;
}



#highlight_center {
	background: #E7EEF7;
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 616px;
}



#highlight_bottom {
	float: left;
	margin: 0;
	padding: 0;
	width: 636px;
}



#client_holder {
	float: right;
	margin: 5px 0;
	padding: 0;
	width: 665px;
}



#client_title {
	color: #6581B4;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	width: 665px;
}



#client_logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 130px;
}



#client_discrp {
	float: right;
	margin: 0 0 25px 0;
	padding: 0;
	width: 665px;
}



#site_container {
	float: right;
	margin: 5px 0;
	padding: 0;
	width: 660px;
}



#site_cell {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}



#site_cell ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}



#site_cell ul li {
	background: none;
	margin: 0;
	padding: 0;
}



#site_cell ul a {
	display: block;
	font-size: 9px;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px;
	text-decoration: none;
	width: 190px;
}

#site_cell ul a:hover {	color: #3766A6; }

#site_title {
	background: url(../images/sitemap_title.jpg) no-repeat;
	float: left;
	height: 14px;
	margin: 0;
	padding: 4px 20px;
	width: 160px;
}

#site_title a { color: #1A3B8C;  text-decoration: none; }
#site_title a:hover {	color: #2454C4; }

#product_links {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 665px;
}



.image_holder {
	float: left;
	font-size: 10px;
	text-align: justify;
	width: 210px;
}



.image_caps {
	float: left;
	margin-bottom: 20px;
	width: 180px;
}



.image_holder2 {
	float: right;
	font-size: 10px;
	text-align: right;
	width: 210px;
}



.image_caps2 {
	float: right;
	margin-bottom: 20px;
	text-align: justify;
	width: 180px;
}
/*** right frame end ***/


/*********  main content end *********/






/*********  footer start *********/
#footer_container{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
}



#footer_line {
	background: #BECCE2;
	float: left;
	height: 8px;
	margin: 0;
	padding: 0;
	width: 900px;
}



#footer {
	background: #6581B4;
	color: #FFFFFF;
	font-size: 0.64em;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 7px 10px;
	text-align: right;
	width: 880px;
}



#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}



#footer ul li {
	border-right: 1px solid #98ABCD;
	border-left: 1px solid #4E6BA3;
	float: left;
	margin: 0;
	padding: 0 9px;
}

#footer li.pri {	border-left: 0 none; }
#footer li.dis {	border-right: 0 none; }

#footer ul a {
	color: #FFFFFF;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#footer ul a:hover {	color: #CAE4FF; }

#footer_content {
	background: #6581B4;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 625px;
}
/*********  footer end *********/