﻿@charset "utf-8";

/* CSS Document */

/* General Style Start Here */

body{
	margin:0 auto;
	padding:0; 
	color:#6c6c6c;
	background:url(images/bgBody.gif) 0 0 repeat-x #FFFFFF;
	font:normal 13px/18px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	}

.bldTxt{
	font-weight:bold;
	}
	
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
	
div#container{
	background:url(images/bgContainer.jpg) 50% 0 no-repeat;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	min-height:300px;
	overflow:auto;
	}

div#containerMain{
	width:955px;
	margin:0 auto;

	height:100%;
	}
	

/* General Style End Here */

/* Header Style Start Here */

div#containerMain div#header{
	margin:0 auto;
	height:94px;;
	padding:0px 15px 0 30px;
	}

div#header ul{
	padding:0 0 0 0;
	float:right;
	width:650px;
	}

div#header ul li{
	float:right;
	width:auto;
	margin:0px 0 5px 20px;
	font:bold 12px/64px Arial, Helvetica, sans-serif;
	}

div#header ul li a{
	padding:29px 10px 0 10px;
	color:#FFFFFF;
	background-color:inherit;
	display:block;
	}

div#header ul li a:hover{
	color:#FFF;
	/*background:url(images/bgTopNav.png) top left repeat-x; 
	text-shadow: 2px 2px 2px #000;
	filter: Shadow(Color=#000,  Direction=135,   Strength=5);*/


	background-color:inherit;
	}

/* Header Style End Here */

/* Banner Style Start Here */

div#containerMain div#banner
{
    width : 960px;
    height: 255px;
    position : relative;
    margin : 0 auto auto 0;
    background:url(images/shadow.jpg) 16px 215px no-repeat;
    z-index : 100;
}

div#containerMain div#banner div{
    position : absolute;
	font-size:0;
	line-height:0;
	text-indent:-2000px;
	width:912px;
	height:222px;
	left : 26px;
	top : 10px;
	background:url(images/banner-1.jpg) center center no-repeat;
}

/* Banner Style End Here */

/* Body Content Style Start Here */

div#containerMain div#bodyM{
	margin:0 0 0 27px;
	overflow:hidden;
	height:100%;
	width:913px;
	}

div#bodyM h1{
	font:normal 21px/21px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#006699;
	background:url(images/bgHeading2.gif) 0 100% no-repeat;
	background-color:inherit;
	padding:0 0 20px 5px;
	}

div#bodyM h3{
	font:normal 18px/22px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#a9d406;
	background:url(images/circleG.gif) 0 4px no-repeat;
	background-color:inherit;
	padding:0 0 15px 20px;
	}

div#bodyM h4{
	font:bold 14px/20px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color:#3eb8ea;
	background-color:inherit;
	padding:0 0 10px 20px;
	}

div#bodyM p{
	padding:0 0 15px 5px;
	}
	
div#bodyM p strong{
    line-height:1.3em;
	font-size:15px;
	color:#3f9ecc;
	background-color:inherit;
	}
div#bodyM p.bold{
    line-height:1.3em;
	font-size:15px;
	color:#424242;
	background-color:inherit;
	font-weight:bold;
	text-align:center;
	}

	
div#bodyM p strong.welcomeTxt{
	font-size:13px;
	line-height:18px;
	color:#50782f;
	background-color:inherit;
	}

div#bodyM p a{
	font-weight:bold;
	color:#006495;
	background-color:inherit;
	text-decoration:underline;
	}

div#bodyM p a:hover{
	text-decoration:none;
	}
	
/* Body Left Content Style Start Here */

div#bodyM div#bodyML{
	/*background:url(images/bgBdyCol.gif) 100% 0 repeat-y;*/
	width:610px;
	padding:0 18px 10px 0;
	float:left;
	}

div#bodyML div.bodyLContent{
	padding:0 0 0 0px;
	}

div.bodyLContent div#overviewContent{
	padding:15px 0 20px 40px;
	}

div#overviewContent ul{
	font-weight:bold;
	background:url(images/dashBdr.gif) 0 100% repeat-x;
	width:400px;
	overflow:hidden;
	height:100%;
	padding:0 0 10px 0;
	margin:0 0 7px 0;
	}

div#overviewContent ul li{
	width:180px;
	float:left;
	padding:0 0 0 20px;
	background:url(images/aoorwB.gif) 5px 5px no-repeat;
	}

div#overviewContent ul li a{
	color:#6c6c6c;
	background-color:inherit;
	}

div#overviewContent ul li a:hover{
	color:#000000;
	background-color:inherit;
	}
	
div#overviewContent ul.noBg{
	background:none;
	}

div.bodyLContent div#mainWork{
	padding:15px 0 0 0;
	}
	
div#mainWork ul{
	list-style:none;
	}

div#mainWork ul li{
	float:left;
	width:183px;
	height:75px;
	margin:0 18px 0 0;
	}
	
div#mainWork ul li.noMar{
	margin:0;
	}

/* Body Left Content Style End Here */

/* Body Right Content Style Start Here */

div#bodyM div#bodyMR{
	background:url(images/bgBdyCol.gif) 0 0 repeat-y;
	margin:0 0 0 628px;
	padding:0 0 5px 0;
	}

div#bodyMR div#stepsRight{
	background:url(images/dashBdr.gif) 0 100% repeat-x;
	padding:0 0 5px 0;
	overflow:hidden;
	height:100%;
	}

div#stepsRight div.steps{
	width:193px;
	height:182px;
	padding:0 25px 0 13px;
	margin:0 auto 7.5px auto;
	}

div.steps ul{
	padding:59px 0 0 0;	
	}

div.steps ul li{
	padding:0 0 6px 9px;
	background:url(images/right-panel-block-arrow.gif) 0 6px no-repeat;
	}

div.steps ul li a{
	color:#6c6c6c;
	background-color:inherit;
	}

div.steps ul li a:hover{
	color:#248fd4;
	background-color:inherit;
	text-decoration:underline;
	}

div.steps ul li a{
	color:#6c6c6c;
	}

div#stepsRight div#ana{
	background:url(images/bg-ana.jpg) 0 0 no-repeat;
	}

div#stepsRight div#imple{
	background:url(images/bg-imple.jpg) 0 0 no-repeat;
	}
	
div#stepsRight div#man{
	background:url(images/bg-man.jpg) 0 0 no-repeat;
	height:190px;
	}
	
div#bodyMR div#news{
	background:url(images/dashBdr.gif) 0 100% repeat-x;
	}

div#news p.date{
	padding-bottom:0;
	font-weight:bold;
	}

div#bodyMR div#newsletter{
	color:#b0d91d;
	background:url(images/bgNewsLetter.jpg) 30px 10px no-repeat;
	background-color:inherit;
	padding:70px 0 10px 29px;
	font-weight:bold;
 	}

div#bodyMR div#newsletter a{
	color:#b0d91d;
	background-color:inherit;
	}

div#bodyMR div#newsletter a:hover{
	text-decoration:underline;
	}
	
div#bodyMR div#servicedesk{
	color:#b0d91d;
	background:url(images/Service-Desk.jpg) 30px 10px no-repeat;
	background-color:inherit;
	padding:100px 0 40px 29px;
	font-weight:bold;
	cursor:pointer;
 	}

div#bodyMR div#servicedesk a{
	color:#b0d91d;
	background-color:inherit;
	}

div#bodyMR div#servicedesk a:hover{
	text-decoration:underline;
	}

	
div#bottom-bg {
	background:url(images/home-bottom-ban.jpg) 0 0 no-repeat;
	padding:0px;	
}

div#bottom-bg a {
	display:block;
	width:611px;
	border:0px solid red;
	height:190px;

}
div#bottom-bg a span  {
	display:block;
	height:190px;
	visibility:hidden;
}


div#index-bann-block {
	background:url(images/index-box-bg.gif) 0 0 no-repeat;
	height:281px;
	padding:10px 0px 10px 0px;
	margin-top:15px;
	}

div#index-bann-block div.box1 {
		display:block; width:188px; float:left; padding-left:8px;}
		
div#index-bann-block div.box2 {
		display:block; width:188px; float:left; padding-left:23px;}
		
div#index-bann-block div.box3 {
		display:block; width:184px; float:left; padding-left:14px;}
		


div#index-bann-block div.box1 h2, div#index-bann-block div.box2 h2, div#index-bann-block div.box3 h2 {
	display:block;
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#000;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:none;
	padding-bottom:8px;
	}
	
div#index-bann-block div.box1 h2 a,div#index-bann-block div.box2 h2 a, div#index-bann-block div.box3 h2 a {
	color:black;
}

div#index-bann-block div.box1 h2 a:hover,div#index-bann-block div.box2 h2 a:hover, div#index-bann-block div.box3 h2 a:hover {
	color:black;
	text-decoration:underline;
}
	
div#index-bann-block div.box1 p, div#index-bann-block div.box2 p, div#index-bann-block div.box3 p {
	display:block;
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#7b7b7b;
	text-align:left;
	line-height:20px;
}
div#index-bann-block div.box1 div a, div#index-bann-block div.box2 div a, div#index-bann-block div.box3 div a {}

div#index-bann-block div.box1 div a span, div#index-bann-block div.box2 div a span, div#index-bann-block div.box3 div a span {
	margin-top:20px;
	display:block;
	height:75px;
	visibility:hidden;
}

/* Body Right Content Style End Here */

/* Body Content Style End Here */

/* Footer Content Style Start Here */

div#container div#footer{
	background:url(images/bgFooter.gif) 0 0 repeat;
	padding:20px 0 10px 0;
	overflow:hidden;
	height:100%;
	}

div#footer div#footerContent{
	width:853px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	}

div#footerContent div#footerL{
	width:619px;
	float:left;
	}

div#footerL div#linksContent{
	overflow:hidden;
	height:100%;
	}

div#linksContent div.linksSingle{
	float:left;
	width:24%;
	overflow:hidden;
	height:100%;
	}

div.linksSingle h3{
	color:#ffffff;
	background:url(images/dashBdr.gif) 0 100% repeat-x;
	background-color:inherit;
	font:bold 12px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	padding:0 5px 5px 0;
	}

div.linksSingle h3 a{
	color:#ffffff;
	background-color:inherit;
	}

div.linksSingle h3 a:hover{
	color:#bed070;
	background-color:inherit;
	}

div.linksSingle ul{
	list-style:none;
	margin:10px 0 0 0;
	width:95%;
	}
	
div.linksSingle ul li{
	color:#c9c9c9;
	background:url(images/whiteB.gif) 0 8px no-repeat;
	background-color:inherit;
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	padding:0 0 4px 11px;
	}

div.linksSingle ul li a{
	color:#c9c9c9;
	background-color:inherit;
	}
	
div.linksSingle ul li a:hover{
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:underline;
	}

div#footerL div#copy{
   	font-size:11px;
	color:#FFFFFF;
	background-color:inherit;
	font-weight:normal;
	margin:25px 0 0 0;
	}

div#footerL div#copy a{
color:#FFFFFF;
background-color:inherit;
text-decoration:none;
}

div#footerL div#copy a:hover{
color:#FFFFFF;
background-color:inherit;
text-decoration:none;
}

div#footerContent div#footerR{
	margin:0 0 0 619px;
	}

div#footerR h2{
	background:url(images/bgGet.gif) 10px 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-2000px;
	width:231px;
	height:40px;
	}

div#footerR div#contactBg{
	color:#e8e8e8;
	background:url(images/bgFooter.png) 0 0 no-repeat;
	background-color:inherit;
	overflow:hidden;
	height:100%;
	padding:10px 0 0 14px;
	}

div#footerR div#contactBg h1{
	font:bold 12px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;;
	}

div#footerR div#contactBg a{
	color:#d7d7b6;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	}
	
div#footerR div#contactBg a:hover{
	color:#d7d7b6;
	background-color:inherit;
	/*text-decoration:underline;*/
	}

div#footerR div#contactBg p.more{
	padding:10px 0 0 0;
	color:#bed070;
	background-color:inherit;
	}

div#footerR div#contactBg p.more a{
	color:#bed070;
	background-color:inherit;
	text-decoration:underline;
	}

div#footerR div#contactBg p.more a:hover{
	text-decoration:none;
	}

/* Footer Content Style End Here */

div#containerMain div#banner
{
    width : 960px;
    height: 255px;
	top:-2px;
    position : relative;
    margin : 0 auto auto 0;
    background:url(images/shadow.jpg) 16px 199px no-repeat;
    z-index : 100;

}

div#containerMain div#banner span{
    position : absolute;
	font-size:0;
	line-height:0;
	text-indent:-2000px;
	width:912px;
	height:222px;
	left : 26px;
	background:url(images/banner-1.jpg) center center no-repeat;
}

div#blog-block
{
	background:url(images/bg-blog.jpg) center center no-repeat;
	width:610px;
	height:250px;

}
div#blog-block h3
{
	margin:10px;
	padding:25px 0 10px 0 !important;
	background:transparent url(images/edit_page.png) right center no-repeat;
	color:#000;
	border-bottom:solid 1px #efefef;
	height:25px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	
}
div#blog-block ul
{
	margin:10px;	
}
div#blog-block ul li
{
	display:block;
	width:280px;
	float:right;
	padding-bottom:15px;
}
div#blog-block ul li.floatleft
{
	float:left;
}
div#blog-block ul li img a
{
	display:block;
	float:left;
}
div#blog-block ul li img
{
	border:solid 2px #c2c2c2;
	display:block;
	float:left;
	margin-right:5px;
}
div#blog-block ul li a
{
	padding-left:5px;	
	display:block;
	color:#6F6F6F;
	text-decoration:none;
}
div#blog-block ul li a:hover
{
	text-decoration:underline;
}

/* Add by zalak 16/04/2010 */
div#bodyMR div#stepsRight .services {
		padding:0 20px 0;
	margin:0 auto 7.5px;
	
}
div#bodyMR div#stepsRight .services h1{
}
div#bodyMR div#stepsRight .services h1 a{
	color:#006699;

}
div#bodyMR div#stepsRight .services h1 a:hover{
	color:#4c940c;

}

div#bodyMR div#stepsRight h1 {
	font-size:15px;
	color:#006699;
	text-transform:uppercase;
	background:url(../../images/righth1.jpg) no-repeat left bottom;
	padding:5px 0 15px 5px;
}
ul.rcs {
	margin-bottom:15px;		
}

ul.rcs li {
	font-size:13px;
	background:url(../../images/icons.jpg) no-repeat left 2px;
	color:#413535;
	border-bottom:1px dotted #767676;
	line-height:30px;
	text-indent:45px;
}
ul.rcs li.dba { background-position:0 -32px;}
ul.rcs li.ma { background-position:0 -60px;}
ul.rcs li.bc { background-position:0 -92px;}
ul.rcs li.bw { background-position:0 -120px;}
ul.rcs li.ecs { background-position:0 -150px;}
ul.rcs li.bd { background-position:0 -180px;}
ul.rcs li.scs { background-position:0 -210px;}
ul.rcs li.lbs { background-position:0 -240px;}
ul.rcs li.emm { background-position:0 -270px;}
ul.rcs li.bm { background-position:0 -300px;}
ul.rcs li.seo { background-position:0 -330px;}
ul.rcs li.bordernone, ul.alliances li.bordernone {border:none;}
ul.rcs li a {color:#413535;}
ul.rcs li a:hover {color:#006699; text-decoration:underline;}
ul.alliances { margin:5px 0 10px;}
ul.alliances li {border-right:1px dotted #767676; float:left; padding:5px;  }
.clear {clear:both; }

.top-phone{ position:absolute; margin-left:750px; #margin-left:540px; padding-top:12px;}
.font14{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold; padding-top:8px; display:block;}
div#footerR div#contactBg p.more{ padding-top:0px !important; }






#dropList {
border-width:1px 1px 0;
float:right;
font-family:arial,verdana,sans-serif;
font-size:12px !important;
height:30px;
position:relative;
z-index:500;
right:-20px;
margin-top:50px;

}
#dropList ul#menu {
list-style:none outside none;
margin:0;
padding:0 0 0 60px;
width:auto;
}
#dropList ul#menu li.level1-li {
background:none repeat scroll 0 0 transparent !important;
float:left;
height:19px;
margin-right:1px;
padding:1px 0 0 !important;
margin:0px 0px 0 10px !important;
}
#dropList ul#menu li.level1-li a.level1-a {

color:#fff;
display:block;
float:left;
font-weight:bold;
height:19px;
line-height:17px;
padding:0 15px;
text-decoration:none;
white-space:nowrap;
}
#dropList ul#menu li.level1-li:first-child a {
border-left:medium none !important;
}
#dropList ul#menu li.sub a.level1-a {
color:#fff;
}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
position:relative;
}
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a {
color:#1cf7ff;
/*text-shadow: #000 0px 0px 3px;
filter: Shadow(Color=#000000, Direction=120, Strength=3);
#filter: glow(color=#000000,strength=3);*/

}
#dropList ul#menu li.sub:hover > a.level1-a {
color:#1cf7ff;
height:29px;
}
#dropList ul#menu li div.listHolder {
background: url(images/menubottom.png) left  bottom no-repeat;
padding-bottom:10px;
left:-9999px;
position:absolute;
top:27px;
}
.bgnone {
}
#dropList table {
border-collapse:collapse;
font-size:1em;
height:0;
margin:-1px -10px;
width:0px !important;
}
#dropList ul#menu :hover div.listHolder {
left:15px;

}
#dropList ul#menu a:hover div.listHolder {
left:-15px;
}
#dropList ul#menu div.col1 {
width:180px;
}
.listHolder.col1 .listCol {
min-width:200px !important;
}
#dropList ul#menu div.col2 {
padding-left:3px;
width:290px;
}
#dropList ul#menu div.col3 {
min-width:605px;

padding-left:3px;
width:auto;
}
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
left:-70px;
}
#dropList ul#menu div.listHolder div.listCol {
display:block;
float:left;
margin:0;
max-width:250px;
min-width:180px;
padding:8px;
width:auto;
}
#dropList ul#menu div.listHolder div.listCol h5 {
color:#005faf;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:13px;
margin:5px 0;
padding:5px 0 5px;
#padding:10px 0 5px;
}
#dropList ul#menu div.listHolder div.listCol ul {
list-style:none outside none;
margin:0;
#width:170px !important;
padding:0;
}


.width150 {
width:145px !important;
min-width:145px !important;

margin:0px 10px 5px 10px !important;


}

.width160 {
width:140px !important;
min-width:140px !important;
margin:0px 0 5px 20px !important;

}
.width230 {
width:180px !important;

}

#dropList ul#menu div.listHolder div.listCol ul li {
background:url(images/menudot.png) no-repeat 0 8px;
line-height:15px;
list-style-type:none !important;
margin:0px !important;
font-size:12px !important;

padding:3px 0 3px 15px;
width:170px !important;

}
#dropList ul#menu div.listHolder div.listCol ul li a {
color:#2987b5;
font-weight:normal;
text-decoration:none;
}
#dropList ul#menu div.listHolder div.listCol ul li:hover {

}
#dropList ul#menu div.listHolder div.listCol ul li:hover a {
text-decoration:none;
color:#003b58 !important;
}
#dropList ul#menu div.listHolder div.bottomLine {
background:none repeat scroll 0 0 #666666;
clear:left;
padding:5px 10px;
}
#dropList ul#menu a:hover div.listHolder div.bottomLine {
height:1px;
}
#dropList ul#menu div.listHolder div.bottomLine p {
background:url("images/arrow.gif") no-repeat scroll left center transparent;
color:#FFCC00;
font-weight:bold;
line-height:20px;
margin:0;
padding:0 0 0 15px;
}
#dropList ul#menu div.listHolder div.bottomLine p a {
color:#FFFFFF;
text-decoration:underline;
}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {
text-decoration:none;
}
.listholder1{ background:url(images/top-menu.png) no-repeat ; height:5px; margin-top:-5px; margin-left:-3px; width:605px !important;  }




.listCol ul, .listCol ul li{ float:none !important;}
.listCol ul li a{ padding:0px !important;}

.servicedesk-img{ background:url(images/Service-Desk.jpg) no-repeat; height:128px; width:235px; display:block; cursor:pointer; font-size:0px; text-decoration:none; margin-left:30px; margin-top:10px; outline:none;    }
