@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("common.css");

body{margin:0; padding:0; background:url(../images/background-bg.jpg) repeat-y top center ; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353535;}

*html {margin:0px; padding:0px;}

#main-container{ width:1000px; padding:0px; margin:auto;}

/* Header Css Start Here*/

#main-container #header{width:950px; margin:auto; padding:0px;}

	#main-container #header .magnon-logo{ width:419px; float:left;}

	#main-container #header .magnon-logo h1{ margin:0px; padding:0px;}

	#main-container #header .top-left{ width:409px; float:right;}

	#main-container #header .global-toplink{ width:252px; float:left; padding-left:157px;}
	
		#main-container #header .global-toplink .global-rl{ width:7px; float:left;}
		
		#main-container #header .global-toplink .global-bg{ width:238px; float:left; background-color:#e6e6e6; height:27px; overflow:hidden;}
		
		#main-container #header .global-toplink .global-bg ul{padding:0px; margin:0px; padding-bottom:50px}
		
		#main-container #header .global-toplink .global-bg ul li{padding:0px; margin:0px; list-style-type:none; padding-right:8px; float:left; line-height:22px;
		height:22px; display:block; color:#666; font-size:10px;}
		
		#main-container #header .global-toplink .global-bg ul li img{ display:block; float:left;}
		
		#main-container #header .global-toplink .global-bg ul li a{ color:#666; text-decoration:none; padding-left:5px;}
		
		#main-container #header .global-toplink .global-bg ul li a:hover{ color:#000; text-decoration:none;}

		#main-container #header .email-link{width:409px; text-align:right;}

		#main-container #header .email-link img{ margin-top:10px;}

		#main-container #header .email-link a{ color:#333333; text-decoration:none; display:block;}

		#main-container #header .email-link a:hover{ color:#000; text-decoration:underline;}
		
	/* Navigation Css Start Here*/
	#navigation{width:950px; padding-bottom:0px; margin:0px auto; background:url(../images/nav-bg.jpg) repeat-x left; height:39px position:relative;}
	
	.nav-left{width:22px; float:left;}
	
	.nav-main{width:556px; float:left;}
	
	.pad-leftnon{padding-left:0px!important;}
	
	.background-nones{background:none!important;}
	.border-nones{ border:none!important;}
	
	
	
	.nav-home{width:385px; float:right; height:39px; font-size:14px; font-weight:bold; line-height:39px; text-transform:uppercase; text-align:right; padding-right:10px;}
	.news-room{ padding-top:11px; float:right;}
	.newsroom-container{width:320px; float:left; margin-top:1px}
	.newsroom-container .inputbox{ margin-top:4px; float:right;}
	.newsroom-container .inputbox input{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; height:16px; width:170px; text-align:left; float:right; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border:1px solid #666; behavior:url(border-radius.htc);}
	
	/* Header Flash Css Start Here*/
	.flash-header{width:950px; padding-top:6px; margin:auto; position:relative;}	

	/* Magnon ServicesCss Start Here*/
	#maggnon-services{width:266px; position:absolute; z-index:100; left:10px; top:20px; /*background:url(../images/home-service-bottom-bg.gif) no-repeat center bottom;*/}
	#maggnon-services .service-holder{width:250px; margin:auto; padding:5px; background-color:#fff; z-index:100}
	#maggnon-services .service-holder .service-container{ background-color:#0074fd; color:#fff;}
	.service-box{ padding:11px 15px; background:url(../images/h-line.jpg) repeat-x left bottom;}
	.service-box h3{ margin:0px; padding:0px; font-size:13pt;}
	.service-box h3 a{color:#fff; text-decoration:none;}
	.service-box h3 a:hover{text-decoration:underline;}

/* Body Contents Css Start Here*/
	#body-container{width:950px; padding:0px; margin:auto;}
	
	.about-MagnonMumbai{width:351px; background:url(../images/about-magnon-solutions.jpg) no-repeat left top; padding-left:40px;}
	.about-MagnonMumbai h2{ margin:0px; padding:0px; font-size:1.4em; color:#8a8a8a; line-height:20px;}
	.about-MagnonMumbai h3{ margin:0px; padding:0px; font-size:1.6em; color:#5a5959; padding-top:20px;}
	.about-MagnonMumbai h4{ margin:0px; padding:0px; font-size:1.2em; color:#2c4caf; padding-top:20px; line-height:18px;}
	.about-MagnonMumbai a{ background:url(../images/green-bullets.gif) no-repeat right 15px; background-position:140px; padding-right:10px; color:#5a5959; text-decoration:none; display:inline-block; padding-top:0px; font-size:12px; font-weight:normal; padding-left:65px}
	.about-MagnonMumbai a:hover{ text-decoration:underline;}
	
		/* Clients Contents Css Start Here*/
		.clients{background:url(../images/clients-bg.jpg) repeat-x left top; height:102px;}
		
		.client-slider{float: right; margin-bottom: 10px; margin-top:-75px; padding: 0px; width: 645px; clear:both; border:1px solid #b3b3b3; background:url(../images/carousel-bg.gif)}
		.client-slider img{padding-right:2px}
		.client-border{border-bottom:1px solid #b3b3b3; margin:0px 0px 20px 275px;}
		
		.our-clients{width:152px; height:57px; position:absolute; right:-55px; top:58px;}
		
		/* Contents Holder Css Start Here*/
		#contents-holder{width:950px; background:#ffffff; margin:auto; padding-top:15px;}
		
		#contents-holder .contents-area{ background:url(../images/contents-area-bg.jpg) no-repeat left bottom;}
			
			
			.quick-connect{ margin-top:22px;}
			/* Client Section Css Start Here*/
			.news-section{width:235px; float:left;}
			
			.input-box{height:17px; width:118px;}
			.select-box{height:36px; width:118px;}
			
			
			.news{width:220px; padding-top:32px;}
			
			.news .news-holder{ width:184px; padding:0px 18px; background-color:#7fc2df; height:149px;}
			
			.news .news-holder h5{padding-bottom:5px; margin:0px; font-size:24px; color:#fff; font-weight:normal;}
			.news .news-holder h6{margin:0px; font-size:14px; color:#0066CF; font-weight:normal;}
			
/* Other Information Css Start Here*/
#other-information{background-color:#f0f0f0; padding-top:20px; height:142px;}			
		
		
		
		/* Social Media Links Css Start Here*/	
		.social-links{width:235px; float:left;}
		.social-links h6{ margin:0px; padding:0px; font-size:18px; color:#2979b4; padding-left:0px; font-weight:normal;}
		.social-links ul{margin:0px; padding:0px;}
		.social-links ul li{margin:0px; list-style-type:none; padding-right:15px; float:left;}
		.social-links .nascom{padding-top:32px; _padding-top:15px;}
		
			
/* Website Links Css Start Here*/
#bottom-holder{width:950px; margin:auto; padding:0px; margin-top:20px;}

	.magnon-website{ padding-left:10px; height:26px; overflow:hidden; }
	
	.magnon-website ul{padding:0px; margin:0px;}
	
	.magnon-website ul li{margin-right:10px; padding:0px; list-style-type:none; height:25px; float:left; line-height:25px;}
	.magnon-website ul li a{padding:0px 56px 0px 59px; text-decoration:none; color:#2979b4; font-size:11pt;}
	.magnon-website ul li a:hover{text-decoration:none; color:#000;}
	
	.magnon-website ul li a.redlink{padding:0px 56px 0px 59px; text-decoration:none; color:#cc0000;}
	.magnon-website ul li a.redlink:hover{text-decoration:underline; color:#000;}
			
			
/* Quick contents Css Start Here*/
.quick-contents{width:250px; float:right; text-align:right;}
.quick-contents h6{ margin:0px; padding:0px; color:#fff; background-color:#cc0001; font-size:14px; font-weight:bold; line-height:22px; padding-right:23px; text-align:right; margin-bottom:5px;}

.submit{background:url(../images/read-more-blue-bg.jpg) no-repeat left 2px; width:61px; height:22px; color:#fff; display:block; line-height:19px; _line-height:25px; text-align:center; border:none;}



/* Sercice contents Css Start Here*/
.services{width:950px; float:left; padding-bottom:20px; text-align:center}

.services .magnon-service{ width:950px; float:left; padding-right:25px;}

.services .magnon-service ul{ margin:0px; padding:0px; text-align:center}

.services .magnon-service ul li{margin:0px; padding:0px 3px 0px 2px; list-style-type:none; border-right:1px solid #000; font-size:11px; color:#353535; display:inline; line-height:10px;}

.services .magnon-service ul li a{color:#353535; text-decoration:none; }

.services .magnon-service ul li a:hover{color:#cc0000; text-decoration:underline;}

.services .magnon-service ul li.title{color:#2979b4 !important; padding-right:0px; font-size:12px!important; font-weight:normal; line-height:10px; border:0px}
		
			
/* Footer contents Css Start Here*/	
#footer{background-color:#0074fd; color:#fff; line-height:25px; text-align:center; font-size:12px; border-bottom:5px solid #00db1b;}
#footer a{ color:#fff; text-decoration:none; font-weight:bold;}
#footer a:hover{ color:#fff; text-decoration:underline; font-weight:bold;}
			
.needsfilled{
	color:#F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px
}

#homelist{text-align:left; margin-top:40px; width:460px; margin-left:-41px; line-height:30px; height:135px; font-size:16px}
#homelist ul{list-style:url(../images/bullet_home.png); margin-top:5px}
#homelist ul li{font-family:calibri; font-weight:normal}

#ad1{width:220px; float:left; border-right: 1px solid #CCCCCC; text-align:left; padding-right:3px}

#ad1 h3{	
	color: #656565;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px;
	padding:5px 0px;
	border-bottom: 1px solid #CCCCCC;
	
}

#ad2{text-align:left; float:left; width:220px; padding-left:5px}

#ad2 h3{	
	color: #656565;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CCCCCC;
	margin:5px 0px;
	padding:5px 0px;
}


.clients1{
width: 180px;  
height: 97px; 
padding-right:20px;
background:url(../clients/bg.jpg) no-repeat;
margin-bottom:20px;
float:left;
}

.clients1 img{
margin:11px 8px 10px 8px;
}


.jcarousel-skin-tango {	width:610px; padding-left:30px;  }

.jcarousel-skin-tango .jcarousel-container-horizontal { width:610px;  padding-left:5px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {  width:600px;}

.jcarousel-skin-tango .jcarousel-item {width: 120px;  height:75px; float:left;}

/**
 *  Horizontal Buttons  *
**/
 
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute; top: 37px; left: 615px; width: 36px; height: 36px; cursor: pointer; background: url(../images/btn_next.gif) no-repeat;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    position: absolute; top: 37px; left: 615px; width: 36px; height: 36px; cursor: pointer; background: url(../images/btn_next.gif) no-repeat;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 37px; left: -25px; width: 36px; height: 36px; cursor: pointer; background: url(../images/btn_prev.gif) no-repeat;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { position: absolute; top: 37px; left: -25px; width: 36px; height: 36px; cursor: pointer; background: url(../images/btn_prev.gif) no-repeat;}


/*footer contact us css start here*/
.footer-contctus{padding-bottom:20px;}

/* Magnon Inrto Css Start Here*/
#magnon-intro{width:465px; float:left;  padding-left:275px; background:#FFF;  margin-bottom:60px; _margin-bottom:65px; height:335px;}
#home-right{width:190px; margin-top:-10px; padding:10px 0 0 10px; height:555px; float:left; background:#EAEAEA;}

/* what our client say Css Start Here*/
.client-say{ margin-top:15px;}
/*.client-say .client-content{ margin-top:10px;}
.client-say .client-content span{ color:#353535; font-size:11px!important;}*/
.client-content {list-style-type: none; width:180px; margin-left:0px}
.client-content ul li{list-style:none; display:block; padding-bottom:1px; margin-bottom:0px; padding: 15px 0 0 0; height:230px;}
.client-content ul li span{color:#0066CF; font-size:12px}

/* New Launch Css Start Here*/
.new-launch{width:200px; padding:10px; float:left; background-color:#f1facd; border:1px solid #fff; color:#353535; font-size:12px; margin-right:17px; height:143px; margin-left:15px; _margin-left:8px; margin-top:-20px}
.new-launch img{ margin-bottom:10px;}
.find-more{display:block; background:url(../images/green-bullets.gif) no-repeat right 10px;}
.find-more a{color:#0066CF; font-size:11px; text-decoration:underline; display:block; padding-top:5px!important;}

/* New Launch Css Start Here*/
.magnon-live{width:194px; padding:10px 13px; float:left; background-color:#f1facd; border:1px solid #fff; color:#353535; font-size:12px; margin-right:17px; color:#353535; height:140px; margin-left: 15px;}

/* Show Case Css Start Here*/
.show-case{width:680px; padding:13px 13px 10px 13px; margin-left:15px; float:left; background:url(../images/show-casebg.jpg); border:1px solid #d1d1d1; color:#353535; font-size:12px; color:#353535; height:143px; overflow:hidden;}

.show-case .jcarousel-skin-tango {	width:680px; padding-left:0px; }

.show-case .jcarousel-skin-tango .jcarousel-container-horizontal { width:680px; padding-left:20px;}

.show-case .jcarousel-skin-tango .jcarousel-clip-horizontal {  width:640px;}

.show-case .jcarousel-skin-tango .jcarousel-item {width: 180px;  height:137px; float:left;}

	div.scrollWrapper
		{
			position: absolute;
			overflow: hidden;
			width: 500px;
			height: 165px;
		}
		
		div.scrollableArea
		{
			position: relative;
			width: 500px;
			height: 165px;
		}
	#makeMeScrollable
	{
		width:470px;
		height: 140px;
		position: relative;
		margin-top:-165px;
		margin-left:230px
	}
	
	#makeMeScrollable div.scrollableArea img{padding-right:10px}
	
	#makeMeScrollable div.scrollableArea a
	{
		border: none;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		color:#09F;
		text-align:center
	}
	
	
	
/**
 *  Horizontal Buttons  *
**/
 
.show-case .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute; top: 57px; left: 670px; width: 11px; height: 11px; cursor: pointer; background: url(../images/show-case-right.jpg) no-repeat;}

.show-case .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    position: absolute; top: 57px; left: 670px; width: 11px; height: 11px; cursor: pointer; background: url(../images/show-case-right.jpg) no-repeat;}

.show-case .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 57px; left: 0px; width: 11px; height: 11px; cursor: pointer; background: url(../images/show-case-left.jpg) no-repeat;}

.show-case{ text-align:center; color:#2e4eb5; font-size:1em; font-weight:bold;}
.show-case .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { position: absolute; top: 57px; left: 0px; width: 11px; height: 11px; cursor: pointer; background: url(../images/show-case-left.jpg) no-repeat;}
.show-case img{ padding-bottom:10px}

.magnon-section{width:700px;}


/*Bootm Links*/
.magnon-othersercice{ height:50px; background-color:#1b202a; padding:0px 15px 0px 0px; margin-top:10px;}
.magnon-Innerothersercice{ height:35px; background-color:#1b202a; padding:0px 15px 0px 0px; margin-top:25px;}
.magnon-othersercice .other-section{width:500px; float:left;}
.other-sectionbox{ padding:10px 10px 0px 10px; float:left; border-right:1px solid #e3e3e5; display:block; height:40px;}

.magnon-othersercice .social-service{ float:right;}
.magnon-othersercice .social-service img{ float:left; padding-left:5px; margin-top:5px;}

.magnon-Innerothersercice .social-service2{ float:right;}
.magnon-Innerothersercice .social-service2 img{ float:left; padding-left:5px; margin-top:5px;}

a.bluelink{background:url(../images/read-more-blue-bg.jpg) no-repeat left 5px; width:71px; height:21px; color:#fff; display:block; line-height:21px; text-align:left; padding-top:5px; padding-left:7px}

#mid-container{width:750px; float:left;}

#inner-container{width:950px; margin:auto; padding:0px; background:#eaeaea url(../images/inner-hederbg.jpg) no-repeat left top; padding-top:20px; }
#inner-container .inner-midcontainer{width:935px; padding:0px 0px 0px 15px;}

#left-container{width:685px; padding:5px 20px 5px 0px; margin-right:0px; float:left; background-color:#fff; text-align:justify;}
#left-container span{ color:#009900;}
#left-container a{ color:#009900; text-decoration:none;}
#left-container a:hover{text-decoration:underline;}

#left-container .inner-service{width:205px; float:left; margin-right:25px; background-color:#fff;}

#left-container .inner-service .magnon-service{ background-color:#0074fd; color:#fff; border-left:5px solid #fff; height:275px; overflow:hidden;}
#left-container .inner-service .magnon-service .magnon-serviceContainer{height:195px;}
#left-container .inner-service .magnon-service ul{ margin:0px; padding:0px;}
#left-container .inner-service .magnon-service ul li{ margin:0px; padding:0px; list-style-type:none; background:url(../images/hline-service.jpg) no-repeat left top; line-height:27px; _height:24px; _line-height:24px;}
#left-container .inner-service .magnon-service ul li a{ text-decoration:none; display:block; color:#fff; padding:0px 13px;}
#left-container .inner-service .magnon-service ul li a:hover{ text-decoration:underline; background-color:#00dc1e; display:block; color:#0074fd;}

#left-container .inner-service .magnon-otherservice{color:#fff; min-height:420px; height:auto!important; height:420px; border-left:5px solid #fff;}
#left-container .inner-service .magnon-otherservice ul{ margin:0px; padding:0px;}
#left-container .inner-service .magnon-otherservice ul li{ margin:0px; padding:0px; list-style-type:none; background:url(../images/hline-service2.jpg) no-repeat left top; line-height:27px; _height:24px; _line-height:24px;}
#left-container .inner-service .magnon-otherservice ul li a{ text-decoration:none; display:block; color:#003399; padding:0px 13px;}
#left-container .inner-service .magnon-otherservice ul li a:hover{ text-decoration:underline; background-color:#0074fd; display:block; color:#fff;}


#left-container .main-caption{ border-bottom:1px solid #dddddd; margin-bottom:10px;}
#left-container h2{margin:0px; padding:0px; font-size:2em; color:#00B51A; line-height:35px; font-weight:normal;}
#left-container h3{margin:0px; padding:0px; font-size:1.3em; color:#053162; font-weight:normal; font-weight:bold; padding-bottom:10px;}

.green-line{ background-color:#00dc1e; height:5px; overflow:hidden; margin-top:2px;}

#left-container .inner-body{width:448px; float:left; min-height:750px}
.inner-right{width:225px; float:left;}
.inner-right .contact-us{ padding-top:70px; color:#fff; padding-bottom:35px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:15px;}
.inner-right .contact-us a{color:#00ff24; text-decoration:underline;}
.inner-right .contact-us a:hover{ text-decoration:none;}

.case-study{color:#333; font-size:11px; padding-right:5px; margin-top:10px!important;}
.case-study h3{color:#344DAA!important; margin:0px; padding:0px; font-size:14px!important; line-height:16px;}
.case-study span a{color:#0066CC; text-decoration:none!important;}
.case-study span a{text-decoration:underline;}


.breadcrumb{ border-bottom:1px solid #dddddd; line-height:24px; color:#333333;}
.breadcrumb a{text-transform:none; color:#333333;}
.breadcrumb a:hover{text-transform:underline;}

/* rotator in-page placement */
div.rotator {
	position:relative;
	height:250px;
	margin-top:-20px;
	display: none;
}
/* rotator css */
	div.rotator ul li {
	margin-left:-40px;
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div.rotator ul li img {
	background: #FFF;
}
div.rotator ul li.show {
	z-index:10
}