@charset "utf-8";
/*--------------------------------------------
Name of the project	: MechMatrix Website 
Author				: karthikraja.a
Email				: a.karthikraja@gmail.com
---------------------------------------------*/
/* CSS Document */
*{
	margin:0;
	padding:0;
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, 
li, ol, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	border 				: 0;
	font-weight			: normal;
	font-style			: inherit; 
	
	margin 				: 0;
	padding 			: 0;
	text-align			: left;
}
body{
	background			: #fff url(../images/css/body-bg.png) repeat-x left top;
	font				: 87.5%/1.8  Myriad Pro, Arial, Times New Roman, Times, serif; /*14px*/
	color				: #6b6b6b;
}
h1,h2,h3,h4,h5,h6{
	color				: #A7CB3A;
	font-weight:bold;
	padding-bottom:5px;
}
th{
text-align				: left;	
}
html,body{
height					: 100%;
}
a img, :link img, 
:visited img {
	border 				: 0;
}
a {
	outline 			: none;
	line-height			: 1;
	text-decoration		: none;
	color				: #A7CB3A;
}
a:hover{
	text-decoration		: none;		
}
p{
	margin-bottom		: 16px;
	}
table {
	border-collapse 	: collapse;
	border-spacing 		: 10px;
}
table tr td
{
padding:5px 10px;
}
ol, ul, li {
	list-style 			: none;
}
q:before, q:after,
blockquote:before, 
blockquote:after {
	content 			: "";
}
hr {
	display 			: none;
}
strong {
	font-weight 		: bold;
}
.cursor{
	cursor				: pointer;	
}
.removed {
	display 			: block;
	text-indent 		: -2000em;
	overflow			: hidden;
}
.hidden {
	position 			: absolute;
	left 				: -2000em;
	top					: 0;
}
.clear {
	clear 				: both;
	display				: block;
	height				: 0;
	line-height			: 0;
}
.clear-block{
	clear				: both;
	display				: block;
	}
.lefter{
	float				: left;
	display				: inline;
	width				: auto;
	}	
.righter{
	float				: right;
	display				: inline;
	width				: auto;
	}		
.last{
	background			: none;
	border      		: 0;
	margin				: 0;
	padding				: 0;
	}
legend{
	/*display				: none;	*/
	}
.form-text,
.form-textarea{
border					: 1px solid #cfcfcf ;
padding					: 2px;
}
.form-button{
border:none;
background:none;
cursor:pointer;
}
img{
vertical-align	    	: bottom;
}
em{
	font-style			: italic;	
	}
code{
font-family				:"Courier New", Courier, monospace;	
}
.tabs:after{
content					:'';
clear					:both;
display					:block;
}
#ul.dropdown ul li{ display: inline; width: 100%; } 
/*clearfix starts*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*clearfix ends*/
/*================================================================================*/
/*layout starts*/ 
#container{	
	font:normal 1em/16px  "Aller Light", Helvetica, Arial;
	color:#6b6b6b; 
	width:1004px;
	margin:0 auto; 
    padding: 0; 
	} 
#header,
#content,
#footer{
	clear:both;	
	width:1004px;
	margin:0 auto;	
	}
/*layout ends*/
/*header starts*/ 
#header{
	height:102px;
	}
#site-logo{
	float:left;
	display:inline;
	background:url(../images/main_logo.png) no-repeat left top;
	width:185px;
	height:87px;
	margin:15px 0 0 0;
	}
	#site-logo a{
	display:block;
	width:185px;
	height:87px;
	text-indent:-9999px;
	overflow:hidden;
	}
.header-box{
	float:right;
	display:inline;
	padding:30px 0 0 0;
	width:700px;
	 
	}
.top-right_box{
	float:right;
	width:272px;
    height:44px;
	margin-top:-20px;
	
	
	}
	.menu-box{
	float:right;
	display:inline;
	margin-top:-15px;
	
	
	}	
		/* my-menu */
			.menu { 
			position: relative;
			
			}
			.menu li {
			float: left;
			display:inline;
			width:auto;
			position: relative;
			margin-left:12px;
			}
			.menu li a{
			font: bold 11px/18px Arial, Myriad Pro, Helvetica, sans-serif;
			color: #6b6b6b;
			display: block;
			padding: 0 6px;
			text-decoration: none;
			text-transform:uppercase;
			-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			.menu li a.active,
			.menu li a:hover {
			color: #fff;
			background:#A7CB3A;		
			}
			.menu ul.sub-child {
			border-bottom:1px solid #fff;
			list-style: none;
			margin: 0;
			width: 150px;
			position: absolute;
			top: -999em;
			left: 0px;
			}
			.menu li:hover ul.sub-child,
			.menu li.sfHover ul.sub-child {
			top: 18px;
			}
			.menu ul.sub-child li {
			border: 0;
			float: none;
			}
			.menu ul.sub-child a {
			display:block;
			border-width:1px 0;
			border-style:solid;
			border-color:#fff;
			border-bottom: 0;
			/*white-space: nowrap;*/
			padding:2px 2px 2px 10px;
			font: normal 12px/18px Myriad Pro, Arial, Helvetica, sans-serif;
			text-transform:capitalize;
			}
			.menu ul.sub-child a:hover {
			background: #A7CB3A;
			color: #fff;
			}
				#my-menu li:hover a {
				background: #A7CB3A;
				color: #fff; 
				}
				#my-menu li.sfHover a {
				color: #A7CB3A;
				}
				#my-menu li:hover ul a, 
				#my-menu li.sfHover ul a {
				background: #A7CB3A;
				color: #fff; 
				}
				#my-menu li:hover ul a:hover, 
				#my-menu li.sfHover ul a:hover {
				background: #A7CB3A;
				color: #fff; 
				} 
/*header ends*/
/*footer starts*/
#footer{
	clear:both;
	width:1000px;
	border-top:1px solid #adadad;
	}
	#footer-inner{  
	margin:0 auto;
	padding:12px 0;
	}
	#footer-left{
	float:left;
	display:inline;
	width:780px;
	}
	#footer-right{
	float:right;
	display:inline;
	width:200px;
	text-align:right;
	font:normal 11px/14px Arial, Times New Roman, Times, serif;
	color:#6a6868;
	} 
#footer p.copyright{
	clear:both;
	display:block; 
	font:normal 11px/14px Arial, Times New Roman, Times, serif;
	color:#6a6868;
	margin:14px 0 0 0; 
	}
	#footer p span{
	display:block;
	}
	#footer p a{
	font:normal 11px/14px Arial, Times New Roman, Times, serif;
	}
	#footer p span a{
	color:#bf1010;
	font:normal 11px/14px Arial, Times New Roman, Times, serif;
	}
	#footer p a:hover{
	text-decoration:none;
	}
.footer-menu{   
	text-align:center;	
	}
	.footer-menu li{
	display:inline;
	float:left;
	background:url(../images/css/footer-splitter.jpg) no-repeat right 1px;
	padding:0 12px 0 0;
	margin:0 12px 0 0;
	line-height:12px;
	color:#a2a1a1;
	font:normal 11px/12px Arial, Times New Roman, Times, serif;
	}	
		.footer-menu li.last{
		padding:0;
		margin:0;
		background:none;
		}
	.footer-menu li a{
	color:#6a6868;
	display:inline;
	float:left;
	text-transform:capitalize;
	font:normal 11px/12px Arial, Times New Roman, Times, serif;
	}
		.footer-menu li a.active,
		.footer-menu li a:hover{
		color:#A7CB3A;		
		}
/*footer ends*/
.content-table tr th
{
	text-align:center;
	padding:5px 5px;
}

.content-table tr td
{
	text-align:center;
	padding:2px 5px;
}

.content-area
{
		font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight			: normal;
	font-style			: inherit; 
	
}
/*common style starts*/

.theme-title{  
	color:#A7CB3A;
	font:normal 30px/32px Myriad Pro, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	}
.theme-sub-title{  
	color:#00b2ea;
	font:normal 20px/24px Myriad Pro, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	}
.theme-link-title{  
	color:#245f85;
	font:normal 30px/32px Myriad Pro, Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	position:relative;
	border-bottom:1px solid #CFCFCF;
	}
	.theme-link-title a{
	position:absolute;
	right:0;
	top:10px;
	color:#353535;
	font:bold 15px/18px Myriad Pro, Arial, Helvetica, sans-serif;
	} 
	.theme-link-title a:hover{
	color:#245f85;
	} 
a.read-more{
	color:#A7CB3A;
	font:normal 11px/16px Arial, Myriad Pro, Times New Roman, Times, serif;
	background:url(../images/green_button.jpg) no-repeat left center;
	padding:0 0 0 12px;
	}
a.read-more:hover{ 
	text-decoration:underline; 	
	}
.theme-list{
	margin:0 0 12px 0;
	padding:4px 0; 
	}	
	.theme-list li{
		background:url(../images/css/theme-dot.jpg) no-repeat left 7px;
		padding:0 0 4px 16px;
		color:#A7CB3A;
		font:normal 14px/16px Myriad Pro, Arial, Helvetica, sans-serif;
		} 
.content-area ol li{
	background:none;
	list-style-type:decimal;
	padding-left:0;
	margin:6px 0 0 28px;
	}		
/*common style ends*/

#content{
	clear:both;
	padding:0 0 10px 0;
	
	}
	.inner-content{
	width:1004px;
	margin:0 auto;
	
	
	}
	.content-left{
	width:580px;
	float:left;
	display:inline;
	
	}
	.content-right{
	width:400px;
	float:right;
	clear:right;
	display:inline;
	} 
	.content-right img {
		
	}
	.bottom_pic{
	width:340px;
	height:56px;
	float:right;
	margin-top:-65px;
	}
	.content-area p{
	text-align:justify;
	color:#245f85;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight			: normal;
	font-style			: inherit; 
	

	} 
	.content-bottom{
	clear:both;
	display:block;
	}
/*index page starts*/
.index-grey-box{
	background:#e7e7e7;
	padding:15px;
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	}
	.index-grey-left-box{
	float:left;
	display:inline;
	width:470px;
	}
	.index-grey-right-box{
	float:right;
	display:inline;
	width:470px;
	border-left:1px solid #a6a7a9;
	padding:0 0 0 15px;
	}
		.index-grey-leftunit{
		float:left;
		display:inline;
		width:85px;
		}
			.index-grey-leftunit h4,
			.index-grey-rightunit h4{
			color:#A7CB3A;
			font:bold 16px/20px Arial, Helvetica, sans-serif;
			margin:0 0 4px 0;
			}
			.index-grey-leftunit h4 span,
			.index-grey-rightunit h4 span{
			color:#6d6f71;
			font:bold 16px/20px Arial, Helvetica, sans-serif;
			}
			.index-grey-leftunit p,
			.index-grey-rightunit p{
			color:#6d6f71;
			font:normal 11px/14px Arial, Helvetica, sans-serif;
			margin:0 0 6px 0;
			}
		.index-grey-rightunit{
		float:right;
		display:inline;
		width:380px;
		}
	#info-morelink{
	display:block;
	margin:54px 0 0 0;
	}	
.index-info{
	
	}
	.index-info-box{
	padding:15px 0;
	}
	.index-info-left-box{
	float:left;
	display:inline;
	
	}
	.index-info-right-box{
	float:right;
	display:inline;
	width:850px;
	border-left:1px solid #a6a7a9;
	padding:0 5px 0 15px;
	}
	
/*slide show*/ 
#index-slider
	{
		margin:0;
		padding:0px;
		
	}
	#index-slider ul, #index-slider li
	{
		margin:0;
		padding:0px;
		list-style:none;
	}
	
	#index-slider li
	{ 
		width:1004px;
		height:430px;
		
	}/*slide show*/ 
.index-banner-box
{
	padding-top:10px;
}
/*index page ends*/
/*about-us page starts*/ 
.inner-banner-box {
	width:1004px;
	height:250px;
	overflow:hidden; 
	padding-top:10px;
	}
.content-area p a{
	color:#245F85;
	text-decoration:underline;
	}	
.content-area .highlights{
	overflow:auto;
	clear:both;
	}
.content-area .highlights p{
	margin:0;
	float:left;
	display:inline;
	padding:2px 8px;
	color:#245F85;
	background:#fbdd2f;
	font:bold 13px/22px "Aller Light", Helvetica, Arial;
	}

#green-button
{
	background-color:#A7CB3A;
	color:#FFF;
	padding:5px;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.breedcrump-box{ 
	height:20px; 
	margin-bottom:15px;
	padding:0 0 10px 0;
	border-width:0 0 1px 0;
	border-color:#6b6b6b;
	border-style:solid;
	}
	.breedcrump-box a,
	.breedcrump-box span{
	background:#ececee;
	color:#6b6b6b;
	font:12px/20px Myriad Pro,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	float:left;
	display:inline;
	padding:0 8px;
	margin-right:1px;
	}
	.breedcrump-box span{
	color:#245f85;
	font:bold 12px/20px Arial,Helvetica,sans-serif;
	background:none;
	}
	.breedcrump-box a:hover,
	.breedcrump-box a.active{
	background:#A7CB3A;
	color:#fff;
	}
	
.image-para{
	clear:both;
	}
	.image-para img{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	}
/*about-us  page ends*/
/*infrastructure starts*/
.infra-list li{
	float:left;
	display:inline;
	padding-right:15px;
	margin:0 0 18px 0;
	}
	.infra-list h5{
	background:url(../images/css/theme-dot.jpg) no-repeat left 8px;
	color:#A7CB3A;
	font:bold 15px/22px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 0 18px;
	}
/*infrastructure ends*/
/*gallery page starts*/
.gallery-left{
	width:750px;
	} 
 #gallery {  
		overflow:hidden;
		position:relative;
	}
	#gallery ul { 
		list-style: none; 
		margin:0;
		padding:0;
	 }
	#gallery ul li {
		float:left;
		display: inline; 
		width:230px;
		list-style: none;
		margin:0 10px 10px 10px;
	}
	#gallery ul li a{
	display:block;
	padding:1px;
	}
	#gallery ul li a:hover,
	#gallery ul li a:hover span{
	color:#245f85;
	}
	#gallery ul li a img {
	border:1px solid #cfcfcf;
	}
	#gallery ul li a:hover img {  
		border:1px solid #245f85;
		color: #fff; 
	}
		.gallery-product-name{
		color:#00b2ea;
		font:bold 12px/16px Arial, Helvetica, sans-serif;
		display:block;
		padding:5px 0 0 0;
		}
		.gallery-product-catogory{
		color:#939598;
		font:12px/16px Arial, Helvetica, sans-serif;
		display:block;
		padding:1px 0 0 0;
		}
#zoom-in{
	position:absolute;
	width:50px;
	height:50px;
	right:0px;
	bottom:0px;
	z-index:10;
	}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { 
	font:bold 13px/22px   Arial, Times New Roman, Times, serif;
 }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*gallery page ends*/
/*contacts us starts*/
.contact-left{
	float:left;
	display:inline;
	width:480px;
	}
.contact-right{
	float:right;
	display:inline;
	width:475px;
	}
.address-box{
	margin:0 0 20px 0;
	}
 .gmap-box{
	margin:0 0 20px 0;
	border:1px solid #CFCFCF;
	}
address{
	color:#6b6b6b;
    font:12px/18px Arial, Helvetica, Myriad Pro, sans-serif;
	}
	.address-title{
	color:#A7CB3A;
    font:bold 12px/18px Arial, Helvetica, Myriad Pro, sans-serif;
	}
	
.contactus-title{
	color:#A7CB3A;
	font:italic bold 15px/18px Arial, Helvetica, Myriad Pro, sans-serif;
	margin:40px 0 12px 0;
	}
.theme-form{
	clear:both;
	font:normal 12px/16px Arial, Helvetica, sans-serif;	
	color:#8d8d8d;
	overflow:auto;
	}
	.theme-form .form-item{
	overflow:auto;
	clear:both;
	}
	.theme-form label{
		display:block;
		width:130px;
		float:left;
		line-height:22px;
		margin:0 10px 8px 0;
		clear:left; 
		font-weight:normal;
		color:#8d8d8d;
		}
	.theme-form .form-select{
	float:left;
	display:inline;
	width:196px;
	margin-bottom:8px;
	border:1px solid #8f8f8f;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	}
	.theme-form .form-text{
	float:left;
	display:inline;
	width:190px;
	margin-bottom:8px;
	height:16px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	}	
	.theme-form .form-textarea{
	float:left;
	display:inline;
	height:80px;
	width:270px;
	margin-bottom:8px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	}	
	.theme-form .form-submit{	
	cursor:pointer;
	background:#a5c834;
	height:26px;
	line-height:22px;
	padding:2px 10px;
	margin:8px 4px 8px 0;
	color:#fff;
	border:0px none;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	}
	.theme-form .green-button{
	background:#A7CB3A;
	}
	.theme-form .green-button:hover{
	background:#929292;
	color:#fff;
	}
	.theme-form .blue-button{
	background:#929292;
	}
	.theme-form .blue-button:hover{
	background:#A7CB3A;
	color:#fff;
	}
	.button-box{
	padding:0 0 0 140px;
	}
	.theme-form table{
	border:1px solid #fff;
	background:#fff;
	margin-bottom:10px;
	}
	.theme-form table th{
    font: bold 12px/14px Arial, Helvetica, sans-serif;
	}
	.theme-form table th,
	.theme-form table td{
	padding:4px 4px;
	border-bottom:1px solid #F7F8F8;
	}
	.theme-form table th,
	.theme-form table .ct-txt{
		text-align:center;
		}
	.theme-form .form-radio{
	margin:0 10px;
	}
.star{
	padding:0 3px;
	color:red;
	}	
/*contacts us ends*/
/*drupal support starts*/
.pager-box .item-list ul.pager{
	margin:0;
	}
.pager-box ul li.pager-current, .pager-box ul li.pager-current a{
	font:bold 12px/16px Arial,Helvetica,sans-serif;
	}
.pager-box .item-list ul.pager li {
	padding:3px;
	}
.pager-box .item-list ul.pager li a{
	padding:0 2px;
	}
#content #user-login, #content #user-pass, #content #user-register-form {
	padding:6px 16px;
	}
/*drupal support ends*/
