/*	General CSS
--------------------------------------------------------------------------------------------*/
html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0;
		padding:0; 
		/*outline:none;*/
		}		

body 							{ font:normal 11px/20px Tahoma, Georgia, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; margin:0; padding:0; }

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

	
.alignleft						{ float:left; margin:0 15px 15px 0;}
.alignright						{ float:right; margin:0 0 15px 15px;}
.aligncenter					{ text-align:center; }

.textleft 						{ text-align:left;}
.textright  					{ text-align:right;}

.floatright 					{ float:right;}
.floatleft  					{ float:left;}
.clear							{ clear:both;}

a								{ color:#000000; text-decoration:none; }
a:hover							{ color:#0f79bf; text-decoration:none; }

/*p								{ margin: 0 0 15px 0;	}  	
*/
.img_border						{ border:1px solid #ddd; padding:1px; }

p.simple						{ font-size:18px; text-transform:uppercase; color:#0f79bf; font-weight:bold;  	}
.simple							{ color:#0f79bf;  }


/* PLAIN DIVIDER	----------------------------------------------------*/

.divider 						{ clear:both; border-bottom:1px solid #ddd; margin:0px 0;}

.separator						{ background:url(../images/separator.png) top left repeat-y scroll}


/* HEADINGS	----------------------------------------------------*/

h1, h2, h3, h4, h5, h6			{ font-family: Trebuchet MS, Helvetica, Garuda, sans-serif; font-weight: normal; padding: 0; color:#000; line-height:normal; }


h1								{ font-size:44px; margin:0 0 15px 0;  letter-spacing:-1px;}
h2								{ font-size:28px; margin:0 0 10px 0;  letter-spacing:-1px;}
h3 								{ font-size:21px; margin:0 0 10px 0; display:inline-block; !important }
h4 								{ font-size:18px; margin:0 0 10px 0; }
h5 								{ font-size:15px; margin:0 0 5px 0;	}
h6 								{ font-size:13px; margin:0 0 5px 0; }

/* LAYOUT ------------------------------------------------------*/

html, body, .pageright, .pageleft 		{min-height:100%; width: 100%; height: 100%;margin:0 auto; }
.backgroundd
{
	background:url(../images/Website-Background.jpg) repeat-x;
}

.mainpage {float:left;width:100%;/*background-color:#0F79BF;*/}

.pageright 						{ top: 0; left: 0; }
.pageleft 						{ top: 0; left: 0;  }

* html html, body,.pageright, .pageleft 		{width: 100%; height: 100%;float:none;margin:0 auto}

.pageleft 						{ color: #fff; background:#0f79bf ;padding: 0; left: 0; width: 40%; text-align: right;  }
.pageright 						{ color: #555; background:#ffffff; padding: 0; width:100%; left: 40%; text-align: left; }

.content 						{ margin:0px;     }

#contentwrap 					{ width: auto; float:none; padding:0 0px; margin:30px 0;}

.subheader 						{ padding:0 0 0px 0; margin-bottom:15px; border-bottom:1px solid #ccc; }

/* Scroll------------------------------------------------------------*/

 .scroll-pane  					{ width:100%;  padding-right:15px;}
 
.left .jScrollPaneTrack 		{ left: 0;right: auto;}
.left a.jScrollArrowUp 			{ left: 0;right: auto;}
.left a.jScrollArrowDown 		{ left: 0;right: auto;}


/* LOGO	--------------------------------------------------------*/

.logo							{ float:right; display:block; border:0; /*padding:10px 20px 30px 0px;*/ 	}

		  
/* MAIN MENU ---------------------------------------------------*/

.main_menu 						{ margin:0px 0 30px 0; padding:0 0px 0 0; position:relative; display:block;  	}


/* Layout -------------------------------------------------------------------------------------------*/

.half_width 							{ width:270px;}
.one_third 								{ width:150px;}
.last 									{ margin-right:0 !important; clear:right; }
	

.half_widthhi, .one_third					{ float:left; position:relative; display:inline; margin:10px 22px 20px 0; }
.half_widthh, .one_third					{ float:left; position:relative; display:inline; margin:10px 22px 20px 0; }
.half_width, .one_third					{ float:left;  position:relative; display:inline;  }
.half_width_product, .one_third					{  position:relative; display:inline-table;  }

.last 									{ margin-right:0;    }

/* LISTS ---------------------------------------------------*/

.lists 									{ margin:-1px 0 0px 0px;  }
.lists li								{ list-style-type:none; margin:0 0 0 0px; padding:0; text-decoration:none;    }


/* AUTHOR LISTS ---------------------------------------------------*/

ul.Author_list							{ margin:20px 0; overflow:hidden; height:100%; 	}
ul.Author_list li 						{ width:200px; float:left; padding:0 14px; margin:0px 0px 20px 0px; text-align:center; border-right:1px solid #ccc; }
ul.Author_list li img					{ text-align:center; clear:right; margin-bottom:0px;}
ul.Author_list li h4					{ margin:0; margin-left:0px; color:#000000; font-size:14px;  }
ul.Author_list li span					{ margin:0; color:#666666; text-align:center; font-size:10px; }
ul.Author_list li p						{ padding:10px 10px 0 10px; text-align:center; }
ul.Author_list li:last-child			{ margin-right:0; border:none; }


/* PORTFOLIO -----------------------------------------------------*/

ul.port_box 							{ margin:20px 0; }
ul.port_box li							{ clear:both; overflow:hidden; margin:0 5px; margin-bottom:20px; border-bottom:1px solid #ddd; background:#f9f9f9; padding:20px; position:relative; z-index:3; }
ul.port_box li	img.alignleft			{ margin-right:25px; }

ul.port_box h3							{ font-size:16px; }
ul.port_box h3, .port_box p				{ margin-bottom:10px; }
ul.port_box	p							{ line-height:normal; }

ul.port_box li							{ -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; border:1px solid #fff; }

ul.port_box li .loading 				{ text-align:center; display:block; width:200px; height:100px; }
ul.port_box li .loading 				{ background: url(../ajax-loader.gif) no-repeat center center; }

ul.port_box li a img, ul.port_box li a:hover img 			{ position:relative; z-index:1; }

ul.port_box li.featured					{ background:#e0f1ff; }

.featured_project						{ background:url(../images/featured_project.png) top right no-repeat; position:absolute; top:0px; right:0; width:200px; height:100px; }


.hover_video							{ position: absolute; background:transparent url(../images/video.png) no-repeat center center;}
.hover_image							{ position: absolute; background:transparent url(../images/image.png) no-repeat center center;}


/* Blog Posts -----------------------------------------------------------*/

.post 									{ padding-top:0px; margin-bottom:40px; margin-top:10px; overflow:hidden;  }
.post h2								{ width:460px; margin-right:0;  font-size:24px;  }

.post-content 							{ }

.date 									{ width:70px; padding:0px; float:right; margin-top:5px; text-transform:uppercase; margin-bottom:15px; }
.date .day 								{ width:20px; float:left; font-size:24px; color:#000000; border-right:1px solid #999999; padding-right:10px;  line-height:25px; }
.date .month 							{ width:30px; float:right; font-size:11px; color:#000000; line-height:12px; }

.post-info 								{ padding:0px 0px 10px 0px;  }
.post-info .postmetadata 				{ font:normal 10px/14px Tahoma, Arial, Sans-serif; border:1px solid #CCCCCC; padding:5px 0; margin-bottom:5px; border-width:1px 0px 1px 0px;  }
.post-info .postmetadata a 				{ color:#0f79bf; text-transform:uppercase; letter-spacing:1px; }
.post-info .postmetadata a:hover		{ color:#000000; text-decoration:underline; }

.post-info .comments 					{ float:right;}

.post-info-no							{ padding:5px 0; font:normal 11px Arial, Tahoma, Verdana, Sans-serif; letter-spacing:1px; margin-bottom:10px;}
.post-info-no a							{ text-transform:uppercase;}

.product img
{
	width:119%;
	max-width:200%;
	max-height:250px;
	height:230px;
}
.space
{	
	margin:10px 100px 0px 10px;
}
.proname h5
{
	font-size:15px;
}
.half_width p
{
	margin-bottom:10px;
}
.product h5  
{
	margin-top: 10px;
	color:#000000;
    font-size: 13px;
    font-weight: bolder;
}
.product p
{
	margin-top:10px;
}
a.buttonpdf
{
	outline: none;
    padding: 0px 89px 6px 41px;
    line-height: 60px;
    text-decoration: none;
    font-size: 15px;
	font-weight:600;
	color:#FFFFFF;
    background: #333333;
    /*text-shadow: 1px 1px 1px #f0f0f0;*/
    height: 58px;
    float: left;
    /*margin: 15px 0px 0px 0px;*/
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    opacity: 0.8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-decoration:none;
}
.style3 p i
{
	color:#333333;
	font-size:14px;
}
.buttonpdff
{
	height:100px;
}
a.buttonpdff
{
	outline: none;
    padding: 15px 40px 15px 45px;
    line-height: 60px;
    text-decoration: none;
    font-size: 15px;
	font-weight:600;
	color:#FFFFFF;
    background: #333333;
    /*text-shadow: 1px 1px 1px #f0f0f0;*/
   
    float: none;
    /*margin: 15px 0px 0px 0px;*/
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    opacity: 0.8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.bg p
{
	height:50px;
	color:#666666;
	padding-top:8px;
	line-height:50px;
}
/* FOOTER -------------------------------------------------------------*/

.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: 0px;
		left: -150px;
		top:245px;
		width: 200px;
		z-index:11;
	}

	.sticky li{
		list-style-type: none;
		background-color: #0F79BF;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		
                /*filter: gray; 
                -webkit-filter: grayscale(100%); */
				border-radius:0px 20px 20px 0;

	}
	.sticky li:hover{
		margin-right: -10px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		
                -webkit-filter: grayscale(0%);
	}	


	/*.sticky li:hover{
		margin-left: -115px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}*/	

	.sticky li img{
		float: right;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;

	}
/* FOOTER -------------------------------------------------------------*/

/* FOOTER -------------------------------------------------------------*/
	
.footer 							{  position:relative; text-align:center; /*padding-left:10px;*/ }
* html .footer 							{ position:relative; text-align:center;}
.footer	p							{ padding:5px;margin-bottom:5px; }
.footer	a							{ color:#000000; border-bottom:0px dotted #000000; }
.footer a:hover						{ color:#000000;}



.socialbar		{   background:#000000; padding:5px 0px; color:#999;
/*	border-radius: 3px;
	-moz-box-shadow:1px 1px 5px #bbb; 
	-webkit-box-shadow:1px 1px 5px #bbb;
	box-shadow:1px 1px 5px #bbb;
	-moz-border-radius: 3px 0px 0px 3px;  
	-webkit-border-radius: 3px; */
	margin-top:-5px;
	height:auto;  	
	}

ul.social		{ float:right; padding-left: 10px; margin-right: 0px;	}
ul.social li	{ float: left; margin: 4px 4px 0 4px;}


/* Social Buttons */
ul.social li a				{ border:0;}
ul.social li .t				{ display: block; width: 16px; height: 16px;}			


.about
{
	margin-top:10px;
	background-color:#CCCCCC;
	border-radius:10px;
	
}
.shadoww
{
	box-shadow:10px 10px 10px 10px;
}
.justifyy
{
	text-align:justify
}



/* Pull Quotes ------------------------------------------------------------------------------------- */

span.inset-left 			{ display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;}
span.inset-right 			{ display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; }

/* Drop Caps -------------------------------------------------------------------------------------------*/

.dropcap1					{ display:block;  background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px;  margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span				{ font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span			{ margin-left  : -0.5em; }

.dropcap2					{ display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999;	}
.dropcap2 span				{ font-size:3em; line-height:1em; color:#999;}
.dropcap2 + span			{ margin-left  : 0em;}

/* Toggle Content ------------------------------------------------------------------------------------- */

h5.toggle 					{ background:transparent url(../images/plus.png) no-repeat; font-size:18px; margin-top:20px; padding:0 0 0 30px; margin-bottom:0 !important;}
h5.toggle a 				{ color: #000; padding-top:2px; text-decoration: none; display: block;}
h5.toggle a:hover 			{ }

h5.active 					{ background:transparent url(../images/minus.png) no-repeat ; margin-bottom:0 !important;  }
h5.active a:link 			{ color:#000; margin-bottom:0 !important;}

.toggle_content 			{ clear:both; overflow:hidden; border:1px solid #eee; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; background:#f7f7f7;  }
.toggle_content div.toggleinside				{ padding:15px; }


/* Pre Code -------------------------------------------------------------------------------------------*/

code, pre					{ background: url(../images/pre_bg.gif) ; font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; border: 1px dotted #bbb;	color: #333;}
code						{ padding: 3px 5px; background-image: none; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error 					{ color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6 url(../images/icons/error.png) 4% 50% no-repeat;}
span.info 					{ color: #0055bb; border-top: 3px solid #629de3; border-bottom: 3px solid #629de3; background: #d8e5f8 url(../images/icons/info.png) 4% 50% no-repeat;	}
span.alert 					{ color: #b79000; border-top: 3px solid #fde179; border-bottom: 3px solid #fde179; background: #fef6d8 url(../images/icons/alert.png) 4% 50% no-repeat;}
span.download 				{ color: #ffffff; border-top: 3px solid #6a8b2c; border-bottom: 3px solid #6a8b2c; background: #7E9F59 url(../images/icons/download.png) 4% 50% no-repeat;}
span.success 				{ color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd url(../images/bullets/check.gif) 4% 50% no-repeat;}

span.error,
span.info,
span.alert,
span.success,
span.download 				{ display: block; padding: 10px 10px 10px 55px; margin:10px 5px;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }


/* Contact Form -------------------------------------------------------------------------------------------*/

#contactform 				{ padding: 15px 0;  }

#contactform label			{ width:30%; display: inline-block; }
#contactform select 		{ margin-bottom: 15px; }
#contactform textarea 		{ vertical-align: top; line-height: 1.7em; height: 150px;	}	
#contactform .indent 		{ padding-left:30%;  margin-top: 15px; }

#contactform p 				{ margin-bottom:0;}

#contactform input,
#contactform select,
#contactform textarea 		{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	border-style:solid;	border-width:1px; margin-bottom: 9px !important; border: 1px solid; width: 65%; padding: 4px; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc; }
			
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus 		{ background:#fff; }

/* Contact button */
#contactform .submitbutton				{ color:#000; border:0; float:left; width:85px; height:30px; background:none; background-color: #0099ff;border-radius:5px;}
#contactform .submitbutton:focus 		{ background:none;	}

/* The button */

a.button			{ outline:none; padding:1px 35px 6px 41px; line-height:60px; text-decoration:none; font-size:16px; background:#333333; color:#333; text-shadow:1px 1px 1px #f0f0f0; height:60px; float:right; margin:5px 10px 0px 0px;
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666;
	opacity:0.8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

a.button:hover		{ opacity:1.0; text-shadow:1px 1px 1px #fff; -moz-box-shadow:1px 1px 2px #fff; -webkit-box-shadow:1px 1px 2px #fff; box-shadow:1px 1px 2px #fff; }

a.smallbutton		{ background:#b8b8b8; font-size:12px; line-height:30px; height:30px; color:#333;float:right; outline:none; text-decoration:none; padding:0px 15px 0px 50px; text-shadow:1px 1px 1px #f0f0f0; margin:5px 10px 0px 0px;
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	opacity:0.8;
}

a.smallbutton:hover	{ opacity:1.0; text-shadow:1px 1px 1px #fff; -moz-box-shadow:1px 1px 2px #fff; -webkit-box-shadow:1px 1px 2px #fff; box-shadow:1px 1px 2px #fff; }



/* Button icons */
a.pdf			{ background:#333333 url(../images/pdf.png) 10px 50% no-repeat; }
a.pdf2			{ background:#b8b8b8 url(../images/pdf.png) 10px 50% no-repeat; }

.style1 {font-size: 16px; padding:5px;}
.table-headding { color: #FFFFFF;
    font-size: 15px !IMPORTANT;	
	font-family:'Helvetica', Garuda, sans-serif !IMPORTANT;
    background: #0E79BF !IMPORTANT;
    height: 35px;
    vertical-align: middle;
	border-left:3px #333333 solid !IMPORTANT; 
	border:2px #333333 solid !IMPORTANT;
	text-transform:uppercase; 
	}
	
	.table-headdinng { color: #FFFFFF;
    font-size: 15px !IMPORTANT;	
	font-family:'Helvetica', Garuda, sans-serif !IMPORTANT;
    background: #0E79BF !IMPORTANT;
    
    vertical-align: middle;
	
	text-transform:none; 
	}
	.table-headdiing { color: #FFFFFF;
    font-size: 15px !IMPORTANT;	
	font-family:'Helvetica', Garuda, sans-serif !IMPORTANT;
    background: #0E79BF !IMPORTANT;
    height: 35px;
    vertical-align: middle;
	}
	.bortab
	{
		border-right:2px #666666 solid !IMPORTANT;
	}
.table-rightbottom { border-right:1px solid #000000;border-bottom:1px solid #000000; }
.table-rightbottom p{ text-align:  center !important;}
table.tableborder-rightbottom p{   padding-left:20px;/*border-right:1px solid #000000; border-bottom:1px solid #000000;*/ text-align:  left !important;}
.table-leftbottom { border-left:1px solid #000000;border-bottom:1px solid #000000;}
.table-bottom { border-bottom:1px solid #000000; }
.black-logo	{ margin:0px 0px -10px 5px;}
.blue-logo	{ margin:0px 0px -20px 5px;}
.fm-logo	{ margin:-30px 0px -5px 5px;}
.guj-logo	{ margin:4px 0px -15px 25px;}
.hin-logo	{ margin:4px 0px -15px 5px;}

.border1 { border:1px solid #999999;}
.fontredbold { color:#FF0000;font-weight:bold;}
.heading
{
	background-color:#0E79BF !IMPORTANT;
	color:#FFFFFF;
	height:40px;
	line-height:40px;
	text-align:center;
}
.language-head {
	font-size: 16px;
	color: #FF0000;
}
@media only screen and (max-width: 582px)
{
	.length
	{ width:100%;}
}

@media only screen and (max-width: 443px)
{
a.pdf {
    background: #333333 url(../images/pdf.png)10px 50% no-repeat;
}
a.buttonpdff
{
	outline: none;
    padding: 15px 40px 15px 45px;/
    line-height:2.5 !important;
    text-decoration: none;
    font-size: 10px;
	
	color:#FFFFFF;
    background: #333333;
    /*text-shadow: 1px 1px 1px #f0f0f0;*/
   	height:50px;
    float: none;
    /*margin: 15px 0px 0px 0px;*/
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    opacity: 0.8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
}
@media only screen and (max-width: 330px)
{
.product img
{
	width:120%;
	max-width:200%;
	max-height:250px;
	height:230px;
}
.
}