@charset "utf-8";
/* CSS Document */

html,body {
	height:100%;
	text-align:center;
	margin: 0px;
	padding: 0px;
	background: #bbbbbb;
}

.clear {
clear: both;
}

#header-wrapper {
width:850px;
height:34px;
margin:0px auto 0;
padding:25px 0 0 0;
}

#header-wrapperleft {
position:relative;
width:45px;
height: 34px;
margin:0;
padding:0;
float: left;
background: url(../images/topcorner-left.gif) no-repeat;
}

#header-wrappermiddle {
position:relative;
width:760px;
height: 34px;
margin:0;
padding:0;
float: left;
background: url(../images/top-middle.gif) repeat-x;
}

#header-wrapperright {
position:relative;
width:45px;
height: 34px;
margin:0;
padding:0;
float: left;
background: url(../images/topcorner-right.gif) no-repeat;
}

#outer-wrapper {
min-height:100%;
width:850px;
background: url(../images/body-bg.gif) repeat-y;
margin:0px auto 0;
padding: 0;
}

* html #outer-wrapper{height:100%;}

#body-wrapper {
position:relative;
width:770px;
margin:0px auto 0;
padding:3px 0 0 0;
text-align: left;
}

#body-left {
position:relative;
width:210px;
margin:0;
padding:0;
float: left;
}

#logo {
position:relative;
width:195px;
height: 150px;
margin:0;
padding:0;
}

/*menu left*/
#menu-left {
position:relative;
width:195px;
margin:0;
padding:10px 0 0 0;
}

#menu-left ul {
margin:0 0px 0 0;
list-style:none;
padding:0;
text-align: left;
}
#menu-left li{
color: #000000;
margin:0px 0 5px 0;
padding:0px;
text-align: left;
height: 30px;
line-height: 30px;
display: block;
  }
    
.seo{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-seo.jpg) no-repeat;
}  

.seo:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-seo.jpg) repeat-x;
}   

.seo-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-seo.jpg) repeat-x;
}

.web{ 
font: 12px Verdana; 
color:#000000;
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-web.jpg) no-repeat;
}  

.web:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-web.jpg) repeat-x;
}   

.web-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-web.jpg) repeat-x;
}

.softdevp{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-softdevp.jpg) no-repeat;
}  

.softdevp:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-softdevp.jpg) repeat-x;
} 

.softdevp-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-softdevp.jpg) repeat-x;
}

.bpo{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-bpo.jpg) no-repeat;
}  

.bpo:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-bpo.jpg) repeat-x;
} 

.bpo-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-bpo.jpg) repeat-x;
}

.asset{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-asset.jpg) no-repeat;
}  

.asset:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-asset.jpg) repeat-x;
} 

.asset-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-asset.jpg) repeat-x;
}

.multimedia{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-multimedia.jpg) no-repeat;
}  

.multimedia:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-multimedia.jpg) repeat-x;
} 

.multimedia-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-multimedia.jpg) repeat-x;
}

.cad{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-cad.jpg) no-repeat;
}  

.cad:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-cad.jpg) repeat-x;
} 

.cad-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-cad.jpg) repeat-x;
}

.precision{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-precision.jpg) no-repeat;
}  

.precision:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-precision.jpg) repeat-x;
} 

.precision-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-precision.jpg) repeat-x;
}

.outsource{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-outsource.jpg) no-repeat;
}  

.outsource:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-outsource.jpg) repeat-x;
} 

.outsource-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-outsource.jpg) repeat-x;
}

.call{ 
font: 12px Verdana; 
color:#000000; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-call.jpg) no-repeat;
}  

.call:hover{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-call.jpg) repeat-x;
} 

.call-current{ 
font: 12px Verdana; 
color:#ffffff; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/menu-call.jpg) repeat-x;
}


.sub-menu{ 
font: 11px Verdana; 
color:#666666; 
padding: 0 0 0 15px;
margin: 0 0 0 10px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/bullet.jpg) no-repeat;
}  

.sub-menu:hover{ 
font: 11px Verdana; 
color:#8B0F02; 
padding: 0 0 0 15px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/bullet-red.jpg) no-repeat;
}   

.sub-menu-current{ 
font: 11px Verdana; 
color:#8B0F02; 
padding: 0 0 0 15px;
margin: 0 0 0 10px;
text-decoration: none; 
height: 30px;
line-height: 30px;
display: block;
background: url(../images/bullet-red.jpg) no-repeat;
}

/*menu left end here*/

#body-right {
position:relative;
width:560px;
margin:0;
padding:0;
float: left;
}

#banner {
position:relative;
width:560px;
margin:0;
padding:0;
}

#banner-top {
position:relative;
width:560px;
height: 30px;
margin:0;
padding:0;
z-index: 50
}


/*  |+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+|  
    |      Please Dont Modify DDM         |  
    |+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+| */

	
#cont-topmenu{position:relative; width:560px}	

#cont-topmenu ol,#cont-topmenu ul,#cont-topmenu li {
	list-style: none;
	margin: 0px;
	padding: 6px 0 0 0;}

#topmenu{
	font: normal 12px Verdana;
	position: absolute!important;
	width: 560px;	
}


#topmenu li{
display:block;/*Optional*/
float:right !important;
position: relative;
}

#topmenu  li a{
/*display: block !important;
_float:left;*/
display:inline;
padding: 0px 13px 0px 13px;
color: #635F62;
font-weight:normal;
text-decoration: none;
width:auto!important;

}

#topmenu li:hover ul, #topmenu li.over ul {
	visibility: visible;
}
#topmenu li a:hover{font: 12px Verdana; font-weight:normal; color: #999999;}

/*Sub Menu*/
#topmenu .submenu {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding:0px;
	position: absolute;
	top: 20px;
	left: 0;
	width:auto;
	visibility: hidden;
	overflow:hidden;
	
	
}

#topmenu .submenu li {
	height: 20px;
	 
}
#topmenu .submenu li a {
    display:block!important;
	color: #635F62;
	padding-top:3px;
	height: 16px;
	text-indent: 0px;
	font-size: 12px;
	font-weight:normal;
	background-image:none;
    text-align:left;
	border-bottom:1px solid #999999;
	 
}

#topmenu .submenu li a:hover{
	background-color: #fe9f2b;
	font-size: 12px;
	font-weight:normal;
	color: #ffffff;
	font-weight:normal;
	
}
#topmenu .submenu li a.end{ border:none;height: 17px;}


/*  |+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+|  
                    | END OF DDM |  
    |+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+| */

#banner-bottom {
position:relative;
width:560px;
height: 120px;
margin:0;
padding:0;
}

#banner-image {
position:relative;
width:195px;
height: 120px;
margin:0;
padding:0;
float: left;
}

#banner-txt {
position:relative;
width:360px;
margin:0;
padding:40px 0 0 0;
float: left;
font: bold 13px Verdana;
color:#ffffff;
font-style: italic;
}

#body-container {
position:relative;
width:538px;
margin:10px 0 0 0;
padding:10px;
border: 1px solid #cccccc;
}

.body-item-container {
position:relative;
width:538px;
margin:0;
padding: 0;
}

.body-item-container1 {
position:relative;
width:538px;
margin:0;
padding: 15px 0 0 0;
}

.body-item {
position:relative;
width:268px;
margin:0;
padding:0;
border-right: 1px solid #cccccc;
float: left;
}

.body-item-left {
position:relative;
width:250px;
margin:0;
padding:0;
float: left;
}

.body-item-right {
position:relative;
width:250px;
margin:0;
padding:0 0 0 19px;
float: left;
}

.body-item-head {
position:relative;
width:230px;
margin:0;
padding:5px;
border: 5px solid #e6e7e8;
}

.body-item-txt {
position:relative;
width:230px;
height:90px;
margin:0;
padding:10px;
}

.body-item-arrow {
position:relative;
width:230px;
margin:0;
padding:10px 10px 0 10px;
text-align:right;
}

h1 {
margin:0;
padding:0px 0 10px 0;
font: normal 18px Verdana;
color:#0c83b5;
text-decoration: none;
}

.bodytxt {
   font-family: verdana;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 15px;
   color: #635F62;
   text-decoration: none;
   }
.bodytxt p {
text-align: justify;
   }
 
.bodytxt1 {
   font-family: verdana;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 15px;
   color: #003366;
   text-decoration: none;
   }
  
.link-txt {
   font-family: Verdana;
   font-style: normal;
   font-weight: bold;
   font-size: 12px;
   line-height: 15px;
   color: #8B0F02;
   text-decoration: none;
   }
   
.top-txt {
   font-family: Verdana;
   font-style: normal;
   font-weight: bold;
   font-size: 12px;
   line-height: 15px;
   color: #8B0F02;
   text-decoration: none;
   padding: 0 0 0 20px;
   }

.heading {
	font-family: Verdana;
	font-size: 17px;
	font-style: normal;
	font-weight: normal; 
	color: #754215;
	text-decoration:none;
}

.grey {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #5F5D5D;
	text-decoration:none;
}

.greysmbd {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #5F5D5D;
	text-decoration:none;
}

.blkbld {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

.blueend {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0066CC;
	text-decoration:none;
}

.rednml{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
    color: #8B0F02;
	text-decoration:none;
}

.olivbld{
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
    color: #706A34;
	text-decoration:none;
}

.orangebld {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CB7C07;
	text-decoration:none
	}
.orangebld:hover{
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CB7C07;
	text-decoration:underline
	}
	
.line {
width:538px;
border-bottom:1px solid #cccccc;
}

.portfolio {
width:100px;
padding: 0 17px 0 17px;
float: left;
}

#footer-wrapper {
width:850px;
height: 102px;
margin:0px auto 0;
padding:0;
}

#footer-left {
position:relative;
width:45px;
height: 77px;
margin:0;
padding: 0;
background: url(../images/bottomcorner-left.gif) no-repeat;
float: left;
}

#footer-middle {
position:relative;
width:760px;
height: 77px;
margin:0;
padding: 0;
background: url(../images/bottom-middle.gif) repeat-x;
float: left;
text-align: center;
}

#footer-menu {
width:760px;
height: 20px;
text-align: center;
margin:0;
padding:20px 0 0 0;
}
#footer-menu ul {
margin:0 0px 0 0;
list-style:none;
padding:0;
text-align: center;
}
#footer-menu li {
float:left;
color: #635F62;
margin:0px;
padding:0px;
text-align: center;
height: 20px;
line-height: 20px;
  }
#footer-menu a{ 
font: 12px Verdana;
color:#635F62;
padding: 0px 8px 0px 8px;
text-decoration: none; 
height: 20px;
line-height: 20px;
}
#footer-menu a:hover{ 
font: 12px Verdana; 
color:#999999; 
padding: 0px 8px 0px 8px; 
text-decoration: none; 
height: 20px;
line-height: 20px;
}

#copyright {
float:left;
width:760px;
height: 20px;
font: 10px Verdana;
color:#635F62;
text-align: center;
margin:0;
padding:5px 0 0 0;
}

#footer-right {
position:relative;
width:45px;
height: 77px;
margin:0;
padding: 0;
background: url(../images/bottomcorner-right.gif) no-repeat;
float: left;
}