body{ font-family:Arial; font-size:12px; background:#FFFFFF url(../images/bodybg1old.png) left top repeat-x;}

#main_container{ width:981px; margin:auto;}

/*==============================COMMON==============================*/
.fleft{ float:left;}
.fright{ float:right;}
.clearfix{ clear:both;}
a{ outline:none;}
a img{ border:0px;}
h3{ margin:0px 0px 18px 0px;  color:#cbcaca;}

/*==============================HEADER==============================*/

div#header{ border-bottom:solid 4px #b20218; padding-bottom:5px;}
div#header .fleft{ width:241px;}
div#header .fright{ text-align:right;}
div#header .fright span{ display:block;}
div#header .fright h4{ margin-top:5px;}

.navigation{display:block; float:right; margin-top:20px; margin-right:10px;}
.navigation ul{margin:0px; padding:0px; list-style:none;}
.navigation ul li{float:left;}
.navigation ul li a{background:#b20218; color:#FFFFFF; font-weight:bold; text-decoration:none; margin-right:5px; padding:10px 20px;}
.navigation ul li ul{display:none;}
.navigation ul li:hover ul{display:block; margin-top:5px; position:absolute; z-index:50; background:#FFFFFF; width:185px;}
.navigation ul li:hover ul li{ display:block;}
.navigation ul li:hover ul li a{background:#FFFFFF; color:#b20218; text-align:left; display:block; border-bottom:solid 1px #b20218; width:185px; padding:8px 10px;}
.navigation ul li:hover ul li a:hover{ background:#b20218; color:#FFFFFF; text-align:left; display:block; border-bottom:solid 1px #FFFFFF; width:185px;}
.navigation ul li ul li div.sub-child{ display:none;}
.navigation ul li ul li:hover div.sub-child{ display:block; margin-left:-205px; position:absolute; margin-top:-37px;}
.navigation ul li ul.sl_sub{margin-left:-35px;}

/*==============================SLIDESHOW==============================*/
#slideshow {position:relative; height:366px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}


/*==============================SERVICES BOX==============================*/
#services_box{}
#services_box td{background:#b51d19; padding:15px; color:#FFFFFF; line-height:17px; width:215px; vertical-align:top;}
#services_box .box1{ border-right:solid 1px #e5281f;}
#services_box .box2{border-right:solid 1px #e5281f; border-left:solid 1px #7f1014;}
#services_box .box3{border-right:solid 1px #e5281f; border-left:solid 1px #7f1014;}
#services_box .box4{border-left:solid 1px #7f1014;}
#services_box .box1 strong, #services_box .box2 strong, 
#services_box .box3 strong, #services_box .box4 strong{ display:block; font-size:14px; margin-bottom:5px;}
#services_box .box1 a, #services_box .box2 a, 
#services_box .box3 a, #services_box .box4 a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
#services_box .box1 a:hover, #services_box .box2 a:hover, 
#services_box .box3 a:hover, #services_box .box4 a:hover{ text-decoration:underline;}


/*==============================TESTIMONIAL SCROLL BOX==============================*/
#pscroller1{width:200px; height:85px; border:0px solid black; padding:0px 5px;}
#pscroller2{width:300px; height:20px; border:0px solid black;padding:3px;}
#pscroller2 a{text-decoration: none;}


/*==============================FOOTER==============================*/
div#footer{ color:#FFFFFF; margin-bottom:30px;}
div.redbox_link{ background:#d0322e; padding:10px; border-top:solid 1px #7f1014;}
div.redbox_link a{ color:#FFFFFF; text-decoration:none;}
div.redbox_link a:hover{ text-decoration:underline;}
div.address{ padding:5px 10px; color:#999999;}
div.address a{color:#999999; text-decoration:none;}
div.address a:hover{ color:#333333;}
div#footer p{ margin:5px 0px;}


/*==============================TOOLTIP TEXT==============================*/
.ToolText{position:relative; color:#999999; text-decoration:none;}
.ToolText{color:#999999; text-decoration:none;}
.ToolTextHover{position:relative; text-decoration:none;}
.ToolText span{display: none;}
.ToolTextHover span{ display:block; position:absolute; border:1px solid #CCCCCC; top:1.3em; left:5px; background:#FFFFFF; color:#999999; text-align: center; padding:10px; margin:-80px 0 0 -70px; width:150px;}
.ToolTextHover span.btool{width:180px;}


/*==============================TOOLBAR==============================*/
#toolbar{ color:#FFFFFF; background:#000000; color:#FFFFFF; padding:8px 10px; width:961px; margin:auto; position:fixed; z-index:100; bottom:0; left:0; right:0;}
#toolbar .fleft{ width:450px;}
#toolbar .fleft img{ float:right; margin-top:2px;}
#toolbar  a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}


/*=================================BREAD CRUMB================================*/
div.bread a{ color:#999999; font-size:12px; text-decoration:none;}
div.bread a:hover{ color:#b51d19;}


/*===================================SUBCONTAINER=========================*/
#sub-container{ margin:10px 0px;}
#sub-container td{ vertical-align:top}
#sub-container .sidelink{ width:200px; padding-right:10px;}
div.quote{ padding:50px 10px 10px 10px; line-height:20px; background:url(../images/message_back.png) left top no-repeat; height:183px; width:178px; margin-top:15px; font-size:13px;}
div.quote a{ margin-top:15px; display:block;}
div.quote strong{  margin-bottom:10px; color:#ad010f; font-size:22px; font-weight:normal;padding:0px 0px 0px 10px;}
div.quote div strong{ font-size:14px; font-weight:bold; color:#333333; }
div.quote div{ line-height:20px; padding:10px 0px 0px 10px; font-size:15px;}
div.phpd{ padding:50px 10px 10px 10px; line-height:20px; background:url(../images/php_back.png) left top no-repeat; height:183px; width:178px; margin-top:15px; font-size:13px;}
div.phpd strong{ display:block; margin-bottom:10px; color:#ad010f; font-size:18px; font-weight:normal;}
div.cust{padding:50px 10px 10px 10px; line-height:20px; background:url(../images/support_msg.png) left top no-repeat; height:140px; width:178px; margin-top:15px; font-size:13px;}
div.cust strong{ display:block; margin-bottom:10px; color:#ad010f; font-size:18px; font-weight:normal;}
div.cust span{ color:#000000;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px; margin-bottom:10px; display:block;}
div.cust p{ margin:5px 0px; font-size:16px; line-height:20px;}
#sub-container .container{ border-left:solid 1px #eceaea; padding-left:10px; line-height:20px; font-family:Georgia, verdana; font-size:13px;}
#sub-container .container .main_title, #sub-container .container h2{ font-family:Arial, Helvetica, sans-serif;}


/*===================================LEFT LINK CONTAINER=========================*/
div#lr-link-container{}
div#lr-link-container ul{ margin:0px; padding:0px; list-style:none;}
div#lr-link-container ul li{ padding:5px 8px; border-bottom:dotted 1px #CCCCCC;}
div#lr-link-container ul li strong{ color:#999999; font-size:14px; font-family:Verdana;}
div#lr-link-container ul li a{ color:#b20218; font-weight:bold; text-decoration:none; background:url(../images/red_arrow.png) left center no-repeat; padding-left:10px;}
div#lr-link-container ul li a:hover{ color:#FF0000;}


.info_box{ background:#f4f4f4; border:solid 1px #e1e0e0; padding:10px; margin-top:20px;}
.info_box strong{ color:#b20218; font-size:18px; font-family:Georgia, "Times New Roman"; margin-bottom:5px; display:block;}
.info_box div{ line-height:20px; margin:5px 0px;font-size:15px;}
.info_box p{ font-size:13px; margin:0px 0px 5px 0px;}
.info_box span{color: #000000;display: block;font-family: Georgia,"Times New Roman",Times,serif;font-size: 16px;
    font-weight: bold;margin-bottom:10px;}
.info_box div strong{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; display:inline;}
/*===================================LEFT LINK CONTAINER2=========================*/
div#lr-link-container2{}
div#lr-link-container2 ul{ margin:0px; padding:0px; list-style:none;}
div#lr-link-container2 ul li{ padding:5px 8px;}
div#lr-link-container2 ul li span{border-bottom:dotted 1px #CCCCCC; display:block; padding-bottom:5px; margin-top:-5px;}
div#lr-link-container2 ul li strong{ color:#999999; font-size:14px; font-family:Verdana;}
div#lr-link-container2 ul li a{ color:#b20218; font-weight:bold; text-decoration:none;}
div#lr-link-container2 ul li a:hover{ color:#FF0000;}
div#lr-link-container2 ul li ul li{ border-bottom:dotted 1px #CCCCCC; padding-right:0px;}
div#lr-link-container2 ul li ul li a{ font-weight:normal; color:#999999; background:url(../images/red_arrow.png) left center no-repeat; padding-left:10px; margin-left:-5px;}


/*===============================web design company=======================*/
.blue{ color:#006699;}
h2 { text-decoration:none;color: #B20218;  font-size: 22px; font-weight: normal; line-height: 25px;}
h2 a {text-decoration:none;color: #B20218;  font-size: 22px; font-weight: normal; line-height: 25px;}

.main_title {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    padding: 5px 10px;
}
.left-link {
    color: #B20218;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

 #arrow_blue { list-style:none; margin:0px; padding:10px 0px 0px 15px;}
 #arrow_blue li{ background:url(../images/blue_rightarrow.png) no-repeat; padding:5px 0px 0px 18px; margin-bottom:10px;}
/*===============================web design company=======================*/

/*------------------web service----------------*/
/*#pagebox{ background:url(../images/service_tab-bg.gif) no-repeat; width:355px; height:228px;  padding:10px;   font-size:13px;}*/
#pagebox{ border:solid 1px #f3f1f1; background:#fdfdfd url(../images/pattern.png); width:345px; height:150px;  padding:10px;   font-size:13px; margin:3px; float:left;}
#pagebox p{ height:80px; overflow:hidden;}
#pagebox strong{ color: #B20218; font-size: 24px; font-weight:normal;}
#pagebox a{ text-decoration:none; background:#676767; padding:3px; font-size:11px; color:#FFFFFF;}
#pagebox a span{ background:url(../images/arrow.gif) no-repeat left; padding:0px 5px 0px 10px;  }

#pagebox1{ border:solid 1px #f3f1f1; background:#fdfdfd url(../images/pattern.png); width:345px; height:110px;  padding:10px;   font-size:13px; margin:3px; float:left;}
#pagebox1 p{height:40px; overflow:hidden;}
#pagebox1 strong{ color: #B20218; font-size: 24px; font-weight:normal;}
#pagebox1 a{ text-decoration:none; background:#676767; padding:3px; font-size:11px; color:#FFFFFF;}
#pagebox1 a span{ background:url(../images/arrow.gif) no-repeat left; padding:0px 5px 0px 10px;  }

.title {
    color: #B20218;
    font-family: sans-serif;
    font-size: 24px;
}

#title_link a {
    text-decoration: none;
}

/*#title_link div {
    float: left;
	height:250px;
    margin: 0 10px 5px 0;
    width: 370px;
}*/
 
.bottom_border {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 15px;
}

/*----------------------web service-----------*/
ul.blot{ list-style:none; margin:0px; padding:0px; margin-left:15px;}
ul.blot li{ background:url(../images/check_bullet.png) left 3px no-repeat; padding-left:20px; margin-bottom:3px;}
span.tagline{ font-family:Arial;}
h2.head{ margin:0px;}
div.main_list{background:#fdfdfd url(../images/pattern.png); border:solid 1px #ececec; padding:10px; box-shadow:2px 2px 2px #CCCCCC; border-radius:4px;}
div.main_list ul{ list-style:none; margin:0px; padding:0px;}
div.main_list ul strong{ font-family:Arial; font-size:16px; padding-left:33px; margin-bottom:5px; background:url(../images/icon/value.png) left center no-repeat; color:#333333;}
div.main_list li{ background:url(../images/bulb.png) left center no-repeat; padding-left:20px; margin:5px 0px 5px 20px;}

/*===================solution============*/
#page_tile_sub{ width:325px; }
#page_tile_sub h4{background: none repeat scroll 0 0 #CCCCCC;border-radius: 4px 4px 4px 4px;
color: #FFFFFF;margin: 0; padding: 7px 10px; }
#page_tile_sub div{  background: url("../images/sbg.jpg") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #E3E2E2;
    margin: 0 3px 10px 10px;
    padding: 10px;}
/*#page_tile_sub{ width:325px; }
#page_tile_sub h4{ padding:12px 0px 12px 18px; background:url(../images/page_sub_title.gif) no-repeat; color:#ffffff; }
#page_tile_sub div{ padding:0px 0px 0px 10px; margin:-17px 0px -5px 10px; background:url(../images/page_sub_cot.gif) repeat-y;}*/

#colm{ width:370px; float:left; margin:5px;}
#colm h4{ background:#CCCCCC; margin:0px; padding:7px 10px; color:#FFFFFF; border-radius:4px;}
#colm ul{ background: url(../images/sbg.jpg); padding:10px; border-bottom:solid 2px #e3e2e2; margin:0px 3px 10px 10px;}

/*==========clints==========*/
.pageing{ float:right;/* background:url(../clients/images/pageing.jpg) no-repeat; padding:0px 0px 0px 0px; width:17px; height:16px;*/  }
.pageing ul{ margin:auto; list-style:none;  }
.pageing ul li{  margin:0px 3px 0px 3px;    float:left;  }
.pageing ul li a{ background:url(../clients/images/pageing.jpg) no-repeat; padding:0px 5px 0px 5px; text-decoration:none; color:#333333;}
.pageing ul li a.active{ background:url(../clients/images/pageing_a.jpg) no-repeat; padding:0px 5px 0px 5px; text-decoration:none; color:#333333;}
 
 #list_pagination {
    clear: both;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 22px;
    line-height: 21px;
    margin: 20px 0px -30px -5px;
    text-align: right;
}
#list_pagination a, #list_pagination .active_list_link, #list_pagination .disabled_list_pagination {
    background-color: #F4F4F4;
    border: 1px solid #B4B4B4;
    border-radius: 5px 5px 5px 5px;
    color: #868686;
    font-weight: 400;
    margin-left: 5px;
    padding: 5px 10px;
    text-decoration: none;
    width: 22px;
}
/*#list_pagination a {
    background: -moz-radial-gradient(center center , ellipse farthest-corner, #EEEEEE 0pt, #BFBFBF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #666666;
    color: #555555;
}
#list_pagination a:hover, #list_pagination .active_list_link {
    background: -moz-linear-gradient(center top , #FFFFFF 0pt, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%) repeat scroll 0 0 transparent;
    color: #333333;
}*/
#list_pagination .active_list_link {
    border: 1px solid #666666;
    cursor: default;
}
#list_pagination .disabled_list_pagination {
    background-color: #F5F5F5;
    color: #777777;
    cursor: default;
}
/*==========clints==========*/

.isologo{ position:absolute; margin:-80px 0px 0px 250px;}

#container_box{ width:300px;
height:auto;
padding:0;
margin:0px 0px 0px 0px;
background:none;}	

#pha_box{ width:200px;
height:auto;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
background:none;}

#flag_box{ width:50px;
height:auto;
padding:0;
margin:5px 5px 0px 0px;
float:right;}