/* CSS Document */

@import url('reset-fonts-grids.css');
@import url('header.css');

#topheader form{ display:none;}
.lang{ position:absolute; top:0; right:0px;}
.lang a {text-decoration:none; color:#999999; font-weight:bold;}
.lang a:hover{color:#000000;}
/*CLEAR FIX HACK*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {  display: block;}
* html .clearfix {height: 1%;}
/**************************************************************************************************/


body{text-align:center;min-width: 750px;margin:0;padding:0;background-color:#F5F5F5;}

#wrapper{text-align:left;width:750px;margin-left:auto;margin-right:auto;margin-top:50px;position:relative;border:#616684 1px solid;padding:20px 20px 0px 20px;background-color:#FFFFFF;}
#homepage #wrapper, #productspage #wrapper{padding:20px 20px 20px 20px;}

/*******************Home PAGE STYLE****************************/
#homepage #wrapper #leftcloum{position:relative; float:right; width:310px; height:482px; padding:0 0 0 0;}
#homepage #wrapper #leftcloum .contents{ background:url(../../../images/homecontentsbg.gif); padding:1em;}
#homepage #wrapper #leftcloum .contents p {margin-bottom:12px; display:block; font-size:13px;
text-align:justify;}

#homepage #wrapper #leftcloum .contents p .colorofcompany{color:#0033CC; font-weight:bold;}
i{ font-weight:bold; font-style:normal;}

#homepage #wrapper .image1holderA{position:absolute; bottom:0;}

#homepage #wrapper .imageholderB{float:left;position:relative; width:427px;}

#homepage #wrapper .imageholderB img{display:block;}

#homepage #wrapper .imageholderB .caption{font-size:15px;padding:20px 0px 60px 0px; position:absolute;
bottom:0;left:0;width:100%;background:url(../../images/bluebg.png);overflow:hidden;display:block;}

#homepage #wrapper .imageholderB .caption p{width:300px; display:block;margin:0 10px 0 30px;height:1%;}

/*End of home page*/


/******************************************************************OTHER PAGES***********************************************************************/
#productspage #wrapper #holdall  {display:block; background:url(../../images/productsLeftColumbg.gif) repeat-y; background-position:0 0; position:relative; padding:0;}
#aboutpage #wrapper #holdall  {display:block; background:url(../../images/aboutusleftColumbg.gif) repeat-y; background-position:0 0; position:relative; padding:0;}
#historypage #wrapper #holdall  {display:block; background:url(../../images/historyleftColumbg.gif) repeat-y; background-position:0 0; position:relative; padding:0;}
#servicespage #wrapper #holdall  {display:block; background:url(../../images/servicesleftColumbg.gif) repeat-y; background-position:0 0; position:relative; padding:0;}
#contactpage  #wrapper #holdall  {display:block; background:url(../../images/contactusleftcoloumbg.gif) repeat-y; background-position:0 0; position:relative; padding:0;}

#wrapper #leftcloum{width:585px;float:right;position:relative;height:100%;}

			
/***** leftcloum******/
#servicespage #wrapper #leftcloum .contents{display:block;position:relative;width:320px;float:left;background:url(../../images/servicescontentsbg.gif);}
	
#productspage #wrapper #leftcloum  .contents{display:block;position:relative;width:320px;float:left;background:url(../../images/productsbg.gif);overflow:hidden;}	

#historypage #wrapper #leftcloum .contents{display:block;position:relative;width:320px;float:left;background:url(../../images/historybg.gif);overflow:hidden;
height:500px;}	

#aboutpage #wrapper #leftcloum .contents{display:block;position:relative;width:320px;float:left;background:url(../../images/aboutusbg.gif);overflow:hidden;
height:500px;}	

#contactpage #wrapper #leftcloum .contents{display:block;position:relative;width:320px;float:left;background:url(../../images/contactusbg.gif);overflow:hidden;
height:500px;}



#wrapper #leftcloum .contents p{
margin-bottom:10px;
font-size:13px;
}

#wrapper #leftcloum .contents h3{
margin-bottom:10px;
font-size:17px;
font-weight:bold;
text-transform:uppercase;

color:#68544B;
}
		
		
			/***** leftcloum .contents h3 ******/
#productspage #wrapper #leftcloum .contents h3{color:#27AF4E;}
#servicespage #wrapper #leftcloum .contents h3{color:#68544B;}
#historypage  #wrapper #leftcloum .contents h3{color:#60bfbf;}	
#aboutpage  #wrapper #leftcloum .contents h3{color:#cfb09b;}	
#contactpage #wrapper #leftcloum .contents h3{color:#F0D25B;}
			/***********/


#wrapper #leftcloum .contents .grouptext{display:block;margin: 30px 2em;}
#wrapper #leftcloum .imageA{border:#f3f3f3 1px  solid;float:right; margin-bottom:15px;}

#wrapper #leftcloum  .imageB{border:#f3f3f3 1px  solid;right:0;position:absolute;bottom:0;/*float:right;*/}

#wrapper .imageholderB{width:150px;display:block;position:relative;}

							
							/*****.imageholderB .caption******/


#servicespage #wrapper .imageholderB .caption{font-size:13px;text-transform:uppercase;font-weight:bold;
position:absolute;top:0;left:0;width:150px;background:url(../../images/servicesbg.png);overflow:hidden;display:block;}

#productspage #wrapper .imageholderB .caption{font-size:13px;text-transform:uppercase;font-weight:bold;
position:absolute;top:0;left:0;width:150px;background:url(../../images/productsbg.png);overflow:hidden;display:block;}

#historypage #wrapper .imageholderB .caption{font-size:14px;text-transform:uppercase;font-weight:bold;
position:absolute;top:0;left:0;width:150px;background:url(../../images/historybg.png);overflow:hidden; display:block;height:50px; /*DELETE IF PAGE HAS SIDENAV*/}

#aboutpage #wrapper .imageholderB .caption{font-size:14px;text-transform:uppercase;font-weight:bold;
position:absolute;top:0;left:0;width:150px;background:url(../../images/aboutusbg.png);overflow:hidden;display:block;height:50px; /*DELETE IF PAGE HAS SIDENAV*/}

#contactpage #wrapper .imageholderB .caption{font-size:14px;text-transform:uppercase;font-weight:bold;
position:absolute;top:0;left:0;width:150px;background:url(../../images/contactus.png);overflow:hidden;display:block;height:50px; /*DELETE IF PAGE HAS SIDENAV*/}


								/***********/

#wrapper .imageholderB .caption p{font-size:18px; font-weight:normal; word-spacing:5px; line-height:22px;}
#wrapper .imageholderB .caption ul{display:block;margin-left:8px;margin-top:10px;margin-bottom:20px;width:130px;}
#wrapper .imageholderB .caption li{margin-bottom:10px;width:130px;display:block; }
#wrapper .imageholderB .caption #marker{margin-bottom:10px;background:url(../../images/blackmarker.jpg) no-repeat right; }
#wrapper .imageholderB .caption li a{color:#000000;text-decoration:none;}
#wrapper .imageholderB .caption li a:hover{color:#FFFFFF;text-decoration:none;}

				/**********Servicespage********/
#servicespage #leftcloum .contents{ height:500px;}
#servicespage #leftcloum{  height:500px;}

				/******CONTACT US PAGE********/
#contactpage .grouptext ul{ margin-bottom:20px; display:block; } 			
#contactpage .grouptext ul li{ margin-bottom:5px;}
#contactpage .grouptext ul li a{ text-decoration:none; font-weight:bold; color:#000000;}

								/***** leftsidecover******/
#servicespage  #leftsidecover{display:block; width:150px; background:url(../../images/servicescontentsbg.gif);}
#productspage #leftsidecover{margin-top:15px; width:150px;background:url(../../images/productsbg.gif);}
#historypage #leftsidecover{margin-top:15px;width:150px;background:url(../../images/historybg.gif);}
#aboutpage #leftsidecover{margin-top:15px;width:150px;background:url(../../images/aboutusbg.gif);}
#contactpage #leftsidecover{margin-top:15px;width:150px;background:url(../../images/contactusbg.gif);}



							/*For PRODUCTION PAGE  
							#productspage #wrapper #holdall  #bottomimg { width:318px; position:absolute;  bottom:0;  display:block; margin-left:160px; }*/
#productspage #wrapper #holdall .imageholderB{float:left; }					
#productspage #wrapper #holdall #leftcloum{ margin-left:0px; padding:0; }						
#productspage #wrapper #holdall #leftcloum .contents { width:300px; height:198px;}
#productspage #wrapper #holdall #leftcloum .contents .grouptext { width:270px;} 
#productspage #wrapper #holdall #leftcloum .contents .grouptext p{ font-size:13px}
#productspage #wrapper #holdall #leftcloum .contents .grouptext p b { font-family:"Trebuchet MS"; font-size:13px; margin-right:5px;}
#productspage #wrapper #holdall #leftcloum  .imageA { display:block; border:#f3f3f3 solid 1px; float:right; margin-bottom:15px; margin-left:15px; padding:0; }
#productspage #wrapper #holdall #leftcloum	#bottomimg1 img{ border:#f3f3f3 solid 1px; }				


#productspage #wrapper h2{font-size:13px;}
	
					
					/*New Prouction page Updated after dynmic menu*/
#cateoryholder{
float:left; width:150px; position:relative; background:url(../../images/machines.jpg)top left no-repeat; min-height:515px;
}


#Layer3 {
clear:both;
}

#leftcloum{
float:right;
}

#cateoryholder .prodcaption p{display:block;height:1%; }
#cateoryholder .prodcaption ul{display:block;margin-left:8px;margin-top:10px;margin-bottom:12px;width:130px; clear:both; }
#cateoryholder .prodcaption ul li ul{margin-left:0px;}
#cateoryholder .prodcaption .accordion li{margin-bottom:15px; width:130px; display:block; color:#0000FF; }

#cateoryholder .prodcaption #marker{margin-bottom:5px;background:url(../../images/blackmarker.jpg) no-repeat right; }
#cateoryholder .prodcaption li  a{color:#000000;text-decoration:none;}
#cateoryholder .prodcaption .accordion li li { width:130px; margin-bottom:5px}
#cateoryholder .prodcaption li li a{color:#000000;text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#cateoryholder .prodcaption li li #Marklink{background:url(../../images/blackmarker.jpg) no-repeat right; }
#cateoryholder .prodcaption li a:hover{color:#FFFFFF;text-decoration:none;}
#cateoryholder .prodcaption{font-size:14px;text-transform:uppercase;font-weight:bold;
width:150px;background:url(../../images/productsbg.png);display:block; float:left; }
	
	
					
							
							/***********/


/*FOOTER*/

#footer{text-align:right;width:790px;margin-left:auto;margin-right:auto;margin-top:10px;position:relative;}


body{font-family: "Trebuchet MS", "Geneva", sans-serif;}
#wrapper #header li a{font-family: "Trebuchet MS", "Geneva", sans-serif; font-weight:bold; }
#homepage #wrapper .imageholderB .caption p{font-family:"Trebuchet MS Bold"; }
p{font-family: "Trebuchet MS", "Geneva", sans-serif; line-height:18px;}