
* {
	margin:					0;
	padding:				0;
	border:					0;
}

body { margin: 0; padding: 0; background: #FFF; color: #000000; font: .75em/1.3 "Arial", "Helvetica", sans-serif; background:url('../images/page-top-bg.gif') repeat-x }

form, input, label {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.clear,
br.clear {
	clear:					both;
	height:					0px;
	font:					0/0 serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
div.line {
	height:					0px;
	font:					0/0 serif;
	border-top:				1px solid #e5e5e5;
	margin:					5px 0 5px;
}

/* Links */

a {
	color: 					#FF9900;
	text-decoration:		none;
}

a:hover {
	color: 					#FF9900;
	text-decoration: 		underline;
}

a.arrowback {
	color:					#666;
	text-decoration:		underline;
	padding:				0 0 2px 17px;
	background:				url(../../image/link-arrowback.gif) no-repeat left 2px;
}

a.arrowback:hover {
	text-decoration:		none;
}

a.arrowmore {
	color:					#ef4a26;
	text-decoration:		none;
	padding:				0 10px 0 0;
	background:				url(../../image/link-arrowmore.gif) no-repeat right 5px;
}

a.arrowmore:hover {
	text-decoration:		underline;
}

a.top {
	color:					#666;
	text-decoration:		underline;
	padding:				0 10px 0 0;
	background:				url(../images/arrowtop2.gif) no-repeat right 7px;
}

a.top:hover {
	text-decoration:		none;
}

a.arrowdown {
	color:					#ef4a26;
	text-decoration:		none;
	padding:				0 0 2px 17px;
	background:				url(../../image/link-arrowdown.gif) no-repeat left 1px;
}

a.arrowdown:hover {
	text-decoration:		underline;
}


.img{
width:62px;
text-align:center;
padding-top:3px;
margin-right:10px;
float:left
}
blockquote { margin: 0; padding: 0 30px; background: transparent url("../images/quote.png") no-repeat 0 0; font-style: italic; }
p {
	color:					#666;
	line-height:			20px;
	margin:					0 0 8px;
	text-align:				justify;
	padding:				2px 10px 0px 0px;
}

#wrapper {
	width: 975px; margin: 0px auto; padding:0px;
}

#wrapper #header {
	height:					240px;
	margin:					10px 0px 0px 0px;
	width:					975px;

}

#wrapper #content {
	margin: 				10px auto 10px auto;
	width:					975px;
}

#wrapper #footer {
	padding:				10px 0;
	border-top:				1px solid #e3e3e3;
	border-bottom:			1px solid #e3e3e3;
	margin:					0px 0px 10px 0px;
	width:					975px;
	height:					20px;
	
}

#header h1.logo a
{
	display: 				block;
	width: 					210px;
	height: 				130px;
	background: 			url(../images/logo_mothersys.jpg) no-repeat;
	float: 					left;
	margin: 				20px 0 10px 10px;
}

#header h1.logo a span
{
	display: 				none;
}

#wrapper #breadcrumb {
	background: 			#fff;
	border-bottom: 			1px solid #f2f2f2;
	padding:				5px 5px;
	height:					20px;
	margin:					0px auto;
	float:					left;
	width:					965px

}

#wrapper #breadcrumb p {
	margin: 				0px;
	padding: 				0;
	color: 					#999;
}
#wrapper #breadcrumb p strong {
	color:					 #F47F20; 
}

#wrapper #breadcrumb img {
	padding: 				0 3px;
}

#wrapper #breadcrumb a {
	color: 					#666;
	text-decoration: 		none;
}

#wrapper #breadcrumb a:hover {
	text-decoration: 		underline;
}


#content div.one-column {
	width:					225px;
	padding:				0 20px 0 10px;
	float:					left;
	margin:					0px
}

#content div.three-column {
	width:					690px;
	padding:				0px;
	float:					left;
	margin:					0px;
}
#content div.three-column h2{ padding: 8px 10px 5px 10px; color: #000; font-size: 2em; font-weight: 400; line-height: 1; }
#content div.three-column p{ padding: 5px 10px 5px 10px; color: #000;}
#content div.three-column h2.sifr { padding-bottom: 1ex; line-height: 1.3; }
#content div.three-column h3 { padding: 10px 0 5px 10px; color: #FF9900; font-size: 1.5em; font-weight: 400; line-height: 1; }
#content div.three-column h3.sifr { padding-bottom: 1ex; line-height: 1.3; }

/* START Wrapper > Double Content */

#content div.doublecontent {
	padding:				0px;
}


#wrapper #footer ul {
	list-style:				none;
	width:					100%;
}

#wrapper #footer ul li {
	float:					right;
}

#wrapper #footer ul li a {
	font:					11px Arial, sans-serif;
	color:					#999;
	text-decoration:		none;
	border-right: 			1px solid #ccc;
	padding:				0 12px;
}

#wrapper #footer ul li a.left {
	padding-left:			0;
}

#wrapper #footer ul li a.right {
	border-right:			none;
}

#wrapper #footer ul li a:hover {
	color:					#666;
}


#wrapper #bottom ul.copyright {
	list-style:				none;
	width:					100%;
	float:					left;
}

#wrapper #bottom ul.copyright li {
	line-height:			16px;
	font:					normal 11px/16px Tahoma, Arial, sans-serif;
	color:					#ccc;
	text-align:				left;
	float:					left
	
}

#wrapper #bottom ul.copyright li a {
	color:					#666;
	font:					11px Arial, sans-serif;
	text-decoration:		none;
	border-right: 			1px solid #ccc;
	padding:				0 12px;
}

#wrapper #bottom ul.copyright li a:hover {
	text-decoration:		underline;
	color: 					#333;
}



.flRight {
	float: 					right;
}

.flLeft {
	float: 					left;
}

p strong {
	color: 					#666;
}



ul.content {
	list-style: 			none;
	margin:					0 0 12px;
}

ul.content li {
	background: 			url(../images/btn-right-grey.gif) no-repeat left 7px;
	line-height: 			24px;
	padding: 				0 0 0 15px;
	color: 					#000000;
	text-align:				justify
}
ul.content li ul li{
	background:				none;
	font-style:				italic;
	padding:	            0px;
	margin-left:			10px
}

div.totop {
	float: 					right;
}

#imagerotatorwrap {
	float:right;
	height:165px;
	margin-top:5px;
	
}
#imagerotator {
	border: 5px solid #000000;
	z-index: 0;
	overflow: hidden;
}
.featured-customer img {
padding-bottom:8px;
width:200px;
padding-left:10px;
margin:0px;
}
.bordered_box{background-color:#f2f5f8;font-size:1.1em; line-height: 1.7em; border:1px #e1e1e1 solid; padding:5px; margin-top:5px; width:190px; margin-left:10px;}




#imagerotator embed {
	display: block;	
}
/* END Overige Classes */
 /* start services 
------------------------------------------------------------------------ */ 
	.services-container{
	width:680px;
	margin-top:15px;
	margin-left:5px;

	}
	
	.services-holder h2{
	display:none;
	
	}
	
	.margin-text h2{
	display:none;
	
	}
	
	
	.services-holder{
	width:185px;
	float:left;
	margin:5px 25px 0 0;
	
	}
	
	#services-holder2{
	width:180px;
	float:right;
	margin:8px 0 0 0;
	
	}
	#services-holder2 h2{
	display:none;
	
	}
	
	
	
	#line-horizontal
	{
	 margin:20px auto;
	  width:700px;
	  border-top:1px #f6f3f3 solid;	
	}
	
	/******************* final button *******************/
.button-00 { float: right; padding: 0 0 0 5px; width:45px; color: #F47F20 !important; background:url(../images/more.jpg) no-repeat top center; }
.button-00 span { float: left; padding: 0 15px 0 0; }
.button-00:hover { color: #000000 !important; text-decoration:none}
.button-00:hover span { background-position: 100% -34px; }

/*capabilities*/
.capabilities { margin: 0 auto; padding: 0 0 0 0; border-top: none; }
.capabilities h2 { padding: 1em 19px 1.5ex; color: #000; font-size: 2em; font-weight: 400; line-height: 1; }
.capabilities h2.sifr { padding-bottom: 1ex; line-height: 1.3; }
.capabilities h3 { padding: 0 0 1ex; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1; }
.capabilities h3.sifr { padding-bottom: 0; font-size: 1.7em; letter-spacing: -1px; }
.capabilities hr { height: 4px; margin-top: 3em; border: none; background: #CCCCCC }
.capabilities hr.special { height: 1px; clear: both; margin-top: 0; color:#CCCCCC }
/*
** three columns/what do we do box
*/
ul.three-columns { position: relative; top: 10px; overflow: hidden; list-style: none; margin: 0 0 0px; padding: 0 5px 0; }
ul.three-columns li { width: 320px; padding-bottom: 20px; padding-top:20px; } 
ul.three-columns li.left { padding-right: 5px; float:left;}
ul.three-columns li.left p.first { background: transparent none no-repeat 0 1em; padding-left:180px }
ul.three-columns li.right { padding-left: 10px; border-left: 1px solid #EDEDED; float:left }
ul.three-columns li.right p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns h4 { padding: 0 0 .5ex; color: #000; font-size: 1.5em; font-weight: 400; text-transform: uppercase; line-height: 1; }
ul.three-columns h4.sifr { font-size: 1.8em; }
ul.three-columns p { padding: 1em 5px 0 180px; position:relative; }
ul.three-columns p.first { height: 85px; }
ul.three-columns p.last {  bottom: 5px; padding-top: 0; }
.icon { height: 85px; margin-left: -12px; padding: 1em 0 0 76px; background: transparent none no-repeat 0 1.5ex; }
.icon h3 { padding: 0 0 1ex !important; }
.icon-05 { background-image: url("../images/capabilities/technology.jpg") !important; width:180px }
.icon-02 { background-image: url("../images/capabilities/solution.jpg") !important; }
.icon-03 { background-image: url("../images/capabilities/methodology.gif") !important; }
.icon-04 { background-image: url("../images/capabilities/quality.gif") !important; }

.hd2{ color:#0F55a4; font-family: verdana,arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:7px; background-color:#000000; line-height:14px; height:22px;}

#testimonial-content {
	float: left;
	width: 220px;
	background:url(../images/boxbg2b.gif) no-repeat right top;
	padding: 10px 0px 0px 5px;
	height:180px;
	
}
#testimonial-content h2 {
	padding:5px 0px 10px 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}

#testimonial-content .testimonial-text{
padding:10px 5px 2px 10px;
color:#000000;
font-size:11px
}

#clients-content{
	float: left;
	width: 220px;
	background: url(../images/boxbg3b.gif) no-repeat right top;
	padding: 15px 0px 0px 5px;
	height:180px;
}
#clients-content h2 {
padding:5px 0px 15px 50px;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
.live-chat{
	float: left;
	width: 220px;
	background:url(../images/boxbg5b.gif) no-repeat right top;
	padding: 10px 0px 0px 5px;
	height:150px;
}
.live-chat h2{
	padding:5px 0px 25px 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	
}
#live-chat {
	float: left;
	width: 220px;
	background:url(../images/boxbg4b.gif) no-repeat right top;
	padding: 10px 0px 0px 5px;
	height:270px;
	
}
#live-chat h2{
	padding:5px 0px 15px 53px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}
.india {
	width:180px;
	height:25px;
	display:block;
	background:url(../images/live-chat.gif) 0 0 no-repeat;
	text-decoration:none;
	color:#242424;
	padding:2px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.india:hover {
	background:url(../images/live-chat.gif) 0 -219px no-repeat;
	text-decoration:none;
	color:#FF9900
}
.australia {
	width:180px;
	height:25px;
	display:block;
	background:url(../images/live-chat.gif) 0 -30px no-repeat;
	text-decoration:none;
	color:#242424;
	padding:5px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.australia:hover {
	background:url(../images/live-chat.gif) 0 -247px no-repeat;
	text-decoration:none;
	color:#FF9900
}

.yahoo {
	width:180px;
	height:16px;
	display:block;
	background:url(../images/live-chat.gif) 0 -70px no-repeat;
	text-decoration:none;
	color:#242424;
	font-weight:bold;
	padding:12px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.yahoo:hover {
	background:url(../images/live-chat.gif) 0 -282px no-repeat;
	text-decoration:none;
	color:#FF9900
}
.skype {
	width:180px;
	height:16px;
	display:block;
	background:url(../images/live-chat.gif) 0 -100px no-repeat;
	text-decoration:none;
	color:#242424;
	font-weight:bold;
	padding:7px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.skype:hover {
	background:url(../images/live-chat.gif) 0 -315px no-repeat;
	text-decoration:none;
	color:#FF9900
}
.gmail {
	width:180px;
	height:16px;
	display:block;
	background:url(../images/live-chat.gif) 0 -130px no-repeat;
	text-decoration:none;
	color:#242424;
	font-weight:bold;
	padding:5px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.gmail:hover {
	background:url(../images/live-chat.gif) 0 -345px no-repeat;
	text-decoration:none;
	color:#FF9900
}
.msn {
	width:180px;
	height:18px;
	display:block;
	background:url(../images/live-chat.gif) 0 -160px no-repeat;
	text-decoration:none;
	color:#242424;
	font-weight:bold;
	padding:5px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.msn:hover {
	background:url(../images/live-chat.gif) 0 -373px no-repeat;
	text-decoration:none;
	color:#FF9900
}
.mothersys {
	width:60px;
	height:22px;
	display:block;
	background:url(../images/live-chat.gif) 0 -188px no-repeat;
	text-decoration:none;
	color:#242424;
	font-weight:bold;
	padding:5px 0 0 40px;
	margin-top:5px;
	margin-left:10px;
}
.mothersys:hover {
	background:url(../images/live-chat.gif) 0 -395px no-repeat;
	text-decoration:none;
	color:#FF9900
}
#office-address{
width:350px;
float:left;
padding-right:20px;
margin:0px
}
#delhi-address{
width:250px;
float:left;
padding-left:20px;
}
#address{
width:300px;
padding-top:10px;
float:left;
}
address { padding: 0 0 0 10px; font-style: normal; }
#address .contact-options { padding: 5px 0 0; }
#address .contact-options h3,
#address .contact-options p { padding-bottom: 5px; margin:0px; }
.icon { padding-top: 1.8em; padding-left: 55px; clear:both }
.icon p { padding-bottom: .75ex; }
.icon-01 { background-image: url("../images/icon_01.png") !important; }
ul.hot { margin: 10px 0 12px 0; list-style:none }
ul.hot li  { margin:0 0 6px 0; padding: 0 0 0 27px; background:url("../images/icon_hot.gif") no-repeat 0 2px; }

h5{
	font: bold 14px Arial, Verdana, Helvetica, sans-serif; 
	color: #3C3C3C; 
	background: url('../images/bullet-h4.gif')  0 0 no-repeat;
	padding: 10px 0px 5px 10px;
	margin:0px;
}
.sitemap_txt {
	color:#FF9900;
}

.sitemap_left {
	float:left;
	width:330px;
}
.sitemap_list {
	margin:0px 0px 15px 15px;
	padding:0px;
	color:#515457;
	line-height:20px;
	clear:both;
	overflow:hidden;
}
.sitemap_list li {
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(../images/bullet4.gif) no-repeat 0px 7px;
	list-style:none;
}
.sitemap_list li a {
	color:#515457;
	text-decoration:none;
} 
.sitemap_list li a:hover {
	color:#3a6aa6;
	text-decoration:underline;
} 

ul.clients { overflow: hidden; clear: both; list-style: none; margin: 40px 17px 0 10px; padding: 0; background: transparent url("../images/clients_background.png") repeat 0 0; }
ul.clients li { float: left; width: 220px; height: 110px; margin: 0 -1px; padding: 1px 1px 0 0; border: 1px solid #EFEFFE; border-width: 0 1px; text-align: center; }
ul.clients li.last-one { margin-left: 340px; }
ul.clients li.last-two { margin-left: 227px; }
ul.clients li.last-three { margin-left: 113px; }
ul.clients img { display: block; max-width: 227px; max-height: 110px; }