/* 
Type: CSS Document 
Created by: Jeetendra Shimpi
Email: jshimpi@gmail.com
Company: Jaal Web Systems. India.
Website: http://www.jaalsystems.com
Telephone:  +91 9821554195
*/

/* -------------- General Styles ---------------- */

*{margin: 0; padding: 0;}
body {background: #fff; font: 12px arial;}
img{border: 0;}
ul{list-style-type: none;}
a{text-decoration: none; color: #06C;}
a:hover{text-decoration: underline;}




/* ---------------- Main Structure ---------------- */ 

#wrapmaster
{
width: 980px;
overflow: hidden;
margin: 0 auto;
}

/* ------------- Header Style --------------- */

#header-master
{
width: 980px;
margin: 0;
padding: 0;
height: 140px;
}

	#header-left
	{
	width: 590px;
	float: left;
	background: url(../images/header-left-bg.jpg) no-repeat top left;
	height: 140px;
	}
	
	#header-right
	{
	width: 390px;
	float: left;
	}

/* ------------- Footer Style --------------- */


#mainmenu	
{
width: 980px;
background: #CD2628;
height: 30px;
margin: 0 0;
}

	/*#mainmenu ul
	{
	margin: 0;
	padding: 0 0 0 7px; 
	}

		#mainmenu ul li
		{
		float: left;
		margin: 0 40px 0 0;
		padding: 7px 0px 0 0px;
		height: 23px;
		color: #fff;
		}

		#body_home #mainmenu ul li.home,
		#body_about #mainmenu ul li.about,
		#body_products #mainmenu ul li.products,
		#body_networks #mainmenu ul li.networks,
		#body_gallery #mainmenu ul li.gallery,
		#body_environment #mainmenu ul li.environment,
		#body_quality #mainmenu ul li.quality,
		#body_contact #mainmenu ul li.contact
		{
		background: #fc0;
		padding: 7px 7px;
		color: #000;
		}


		#body_home #mainmenu ul li.home a,
		#body_about #mainmenu ul li.about a,
		#body_products #mainmenu ul li.products a,
		#body_networks #mainmenu ul li.networks a,
		#body_gallery #mainmenu ul li.gallery a,
		#body_environment #mainmenu ul li.environment a,
		#body_quality #mainmenu ul li.quality a,
		#body_contact #mainmenu ul li.contact a
		{color: #000;}



		#mainmenu ul li a{color: #fff; padding: 0 7px 0 7px;}

		#mainmenu ul li a:hover
		{
		background: #FC0;
		height: 16px;
		padding: 7px 7px 8px 7px;
		color: #000;
		text-decoration: none;
		}*/
		
		
		
/* Banner Style --------------- */




#bannerbox, #home-bannerbox	
{
width: 980px;
margin: 10px auto;
overflow: hidden;
background: #fc0;
height: 200px;
}


#body_home #home-bannerbox{background: url(../images/homebanner-bg.jpg) no-repeat top left; height: 280px;}
#body_environment #bannerbox{background: url(../images/eco-banner.jpg) no-repeat top left;}
#body_networks #bannerbox{background: url(../images/network-banner.jpg) no-repeat top left;}
#body_about #bannerbox{background: url(../images/about-banner.jpg) no-repeat top left;}
#body_quality #bannerbox{background: url(../images/quality-banner.jpg) no-repeat top left;}
#body_contact #bannerbox{background: url(../images/contact-banner.jpg) no-repeat top left;}
#body_products #bannerbox{background: url(../images/product-banner.jpg) no-repeat top left;}
#body_product-paper #bannerbox{background: url(../images/paper-banner.jpg) no-repeat top left;}
#body_products_food #bannerbox{background: url(../images/food-banner.jpg) no-repeat top left;}
#body_products_food #bannerbox{background: url(../images/food-banner.jpg) no-repeat top left;}
#body_products_cd #bannerbox{background: url(../images/color-pigments-banner.jpg) no-repeat top left;}
#body_products_pigments #bannerbox{background: url(../images/chemical-dyes-banner.jpg) no-repeat top left;}
#body_products_speciality #bannerbox{background: url(../images/speciality-chemicals.jpg) no-repeat top left;}
#body_business #bannerbox{background: url(../images/contact-banner.jpg) no-repeat top left;}
#body_lingo #bannerbox{background: url(../images/lingo_banner.jpg) no-repeat top left;}





/* Contact box Style --------------- */
.contactbox
{
width: 680px;
float: left;
font: 12px arial;
color: #666;
line-height: 16px;
padding: 0 0 20px 0;
}

/*.contactbox .address,
.contactbox .phone,
.contactbox .fax,
.contactbox .email
{
width: 225px;
float: left;
margin: 0 10px 0 0;
border-right: 1px solid #ccc;
height: 60px;
}

.contactbox .phone{width: 100px;}
.contactbox .fax{width: 100px;}
.contactbox .email{width: 200px; border-right: none;}*/


.contactbox .address,
.contactbox .phone,
.contactbox .fax,
.contactbox .email
{
width: 225px;
display: block;
margin: 0 10px 10px 0;
}



/* Home Banner Style --------------- */


#homebanner	
{
width: 980px;
background: url(../images/homebanner-bg.jpg) no-repeat top left;
height: 285px;
margin: 10px auto;
overflow: hidden;
}

	#infobox
	{
	width: 800px;
	background: url(../images/trans-dot.png) repeat;
	float: right;
	margin: 10px 0 0 0;
	padding: 10px 10px;
	}

	#infobox h2
	{
	font: bold 15px arial;
	margin: 0 0 5px 0;
	color: #000;
	}

	#infobox p
	{
	margin: 0 0 10px 0;
	color: #000;
	text-align:justify;
	line-height: 16px;
	}

	#infobox span.moreinfo a
	{
	color: #006699;
	}




/* Content Master Style --------------- */

#content-master
{
width: 980px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}

	#leftbox
	{
	width: 710px;
	float: left;
	padding: 0 10px 0 0;
	}
	
	#rightbox
	{
	width: 260px;
	float: left;
	}



/* HP Product Style --------------- */

.prodrange
{
	width: 720px;
	height: 25px;
	text-align: center;
	font: bold 15px arial;
	padding: 5px 0 0 0;
	color: #2DADE4;
	background: url(../images/h2bg.jpg) no-repeat top left;
}

ul#hpprodlist
{
width: 680px;
padding: 10px;
float: left;
border: 1px solid #ccc;
border-top: none;
}

ul#hpprodlist li
{
width: 130px;
float: left;
margin: 0 1px 0 0;
text-align: center;
}

ul#hpprodlist li h3
{
width: 130px;
display: block;
font: bold 12px arial;
text-align: center;
}

ul#hpprodlist li h3 a,
ul#hpprodlist li span.range a
{
color: #0066CC;
}

ul#hpprodlist li span.range
{
font: 11px arial;
color: #0066CC;
}

/* News Box Style --------------- */

#newsbox
{
width: 260px;
float: right;
margin: 10px 0 0 0;
border-bottom: 1px solid #ddd;
}

#newsbox h2
{
font: bold 12px arial;
margin: 0 0 5px 0;
}

#newsbox ul
{
margin: 10px 0 0 0;
padding: 0;
}

#newsbox ul li 
{
width: 240px;
display: block;
font: 11px arial;
margin: 0 0 10px 0;
padding: 0;
}

#newsbox ul li h3
{
font: 11px arial;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
background: url(../images/arrow.gif) no-repeat top left;
}

#newsbox ul li h3 a
{
	color: #06C;
}

#newsbox ul li span
{
font: 11px arial;
color: #666;
}

#missionbox
{
width: 260px;
float: right;
margin: 10px 0 0 0;
border-bottom: 1px solid #ddd;
}

#missionbox h3
{
font: 15px arial;
margin: 0 10px 0 0;
color: #666;

}

#missionbox p
{
font: 12px arial;
color: #666;
text-align: justify;
margin: 0 10px 10px 0;
}


/* Content Style --------------- */

#content
{
width: 680px;
float: left;
}

#content h1
{
font: 20px verdana;
margin: 0 0 10px 0;
text-transform: uppercase;
color: #C00;
}

#content h2
{
font: bold  14px verdana;
margin: 0 0 3px 0;
color: #333;
}


#content p
{
font: 12px arial;
color: #666;
text-align: justify;
margin: 0 0 10px 0;
}

#content ul.contlinks
{
margin: 10px 0 15px 0;
padding: 0;
}

#content ul.contlinks li 
{
display: block;
font: 12px arial;
margin: 0 0 5px 0;
padding: 0 0 0 10px;
background: url(../images/arrow1.gif) no-repeat top left;
color: #666;
}



ul.sidelinks
{
margin: 10px 0 15px 0;
padding: 0;
}

ul.sidelinks li 
{
display: block;
font: 12px arial;
margin: 0 0 5px 0;
padding: 0 0 5px 0px;
border-bottom: 1px solid #ccc;
color: #666;
}

ul.sidelinks li a
{color: #666;}






/* Product Table Style --------------- */

table.prodtables
{
	border: 1px solid #ccc;
}

table.prodtables th
{
background: #eee;
text-align: left;
font: bold 12px arial;
}

table.prodtables td, table.prodtables th
{
padding: 2px;
margin: 0 0 0px 0;
border: 1px solid #ccc;
}




/* Product Boxes Style --------------- */
#productboxes
{
width: 650px;
float: left;
}

	#productboxes ul
	{
	width: 400px;
	margin: 0;
	padding: 0;
	}
	
	
	#productboxes ul li
	{
	width: 500px;
	float: left;
	}
	
	#productboxes ul li span.prodimg
	{
		width: 100px;
		height: 90px;
		float: left;
	}

	#productboxes ul li h2.prodtitle
	{
		width: 370px;
		height: 50px;
		float: left;
		border: 5px solid #ccc;
		font: 18px arial;
		padding: 20px 0 0 20px;
	}
	
	



/* ------------- Footer Style --------------- */

#footer-master
{
width: 100%;
margin: 20px auto 0 auto;
padding: 0;
overflow: hidden;
background: url(../images/footer-master-bg.jpg) repeat-x top left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

	#footerbox
	{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	height: 35px;
	}


	#footer-left
	{
	width: 720px;
	float: left;
	}
	
	#footer-left ul
	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
		#footer-left ul li
		{
		float: left;
		font: 11px arial;
		margin: 0 25px 0 0;
		padding: 0;
		}
	
		#footer-left ul li a
		{
		color: #06C;
		}

	#footer-right
	{
	width: 260px;
	float: right;
	margin: 10px 0 0 0;
	}

		#footer-right span
		{
		font: 11px arial;
		color: #666;
		}






	#design-master
	{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	height: 35px;
	}

		#designblock
		{
		width: 250px;
		text-align: center;
		display: block;
		background: #06C;
		font: 11px arial;
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		margin: 0 auto;
		overflow: hidden;
		padding: 3px 0;
		}





input, textarea
{
	border: 1px solid #ccc;
	padding: 2px;
	font: 12px arial;
	margin: 0 0 5px 0;
	color: #666;
}