/* 
Type: CSS Document 
Created by: Jeetendra Shimpi
Email: jshimpi@gmail.com
*/

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

*{margin: 0 0; padding: 0;}
body {background: #0C79C0 url(../images/body-bg.jpg) repeat-x top left; font: 12px arial;}
img{border: 0;}
ul{list-style-type: none;}
a{text-decoration: underline; color: #000;}
a:hover{text-decoration: underline;}

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

#wrapmaster
{
width: 880px;
overflow: hidden;
margin: 10px auto;
}

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

#header_master
{
width: 880px;
margin: 0;
padding: 22px 0 0 0;
background: url(../images/header-bg.jpg) no-repeat top left;
float: left;
}

	#header-left
	{
	width: 460px;
	float: left;
	background: url(../images/header-right-bg.jpg) repeat-x top left;
	height: 103px;
	padding: 0 0 0 20px;
	}
	#header-right
	{
	width: 380px;
	float: left;
	background: url(../images/header-right-bg.jpg) repeat-x top left;
	height: 103px;
	text-align: right;
	padding: 0 20px 0 0;
	}
	
	#header-right h2
	{
	font: bold 12px arial;
	}
	
	#header-right p
	{
	font: 11px arial;
	}
	

/* ------------- Language Box Style --------------- */

#langbox
{
width: 880px;
margin: 0;
height: 35px;
float: left;
padding: 0 0 0 0;
background: url(../images/langbox-bg.jpg) repeat-x top left;
}

#langoption
{
width: 139px;
height: 31px;
float: right;
margin: 0 20px 0 0;
padding: 8px 0 0 10px;
background: url(../images/langoption-bg.gif) repeat-x top left;
color: #fff;
}

#langoption a
{
font: bold 12px arial;
color: #fff;
}
	
	
/* ------------- Content Style --------------- */

#content
{
width: 880px;
margin: 0;
float: left;
padding: 0 0 0 0;
background: #B8D4E3	url(../images/content-bg.jpg) repeat-x top left;
}

#txtcontent
{
width: 860px;
float: left;
padding: 20px 10px 0 10px;
}

#txtcontent h1
{
font: bold 15px arial;
margin: 0px 0 10px 0;
}

#txtcontent h2
{
font: bold 12px arial;
margin: 10px 0 0px 0;
}

#txtcontent p 
{
font: 12px arial;
margin: 0px 0 10px 0;
line-height: 18px;
}













#mainlinks
{
width: 880px;
float: left;
}

	#mainlinks ul
	{
	width: 880px;
	margin: 0;
	padding: 0;
	float: left;
	}

		#mainlinks ul li
		{
		width: 880px;
		margin: 0 0 1px 0;
		float: left;
		filter:alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity:0.5;
		color: #fff;
		line-height: 20px;
		display: inline;
		}
		
		#mainlinks ul li a
		{
		width: 870px;
		padding: 0 0 0 10px;
		float: left;
		background: #0C79C0;
		color: #fff;
		line-height: 25px;
		text-decoration:none;
		display: inline;
		}

		#mainlinks ul li a:hover
		{
		width: 870px;
		padding: 0px 0 0 10px;
		float: left;
		background: #66CC00;
		color: #fff;
		display: block;
		line-height: 25px;
		display: inline;
		}

		/*#mainlinks ul li span.eng-link
		{
		display: inline-block;
		margin: 0 0 0 10px;
		float: left;
		}
		
		
		#mainlinks ul li span.ar-link
		{
		display: inline-block;
		float: right;
		margin: 0 10px 0 0;
		}*/
		
		


#prodrange
{
float: left;
padding: 20px 0 0 30px;
}
	
/* ------------- Footer Style --------------- */

#footer_master
{
width: 880px;
margin: 0;
padding: 25px 0 0 0;
background: url(../images/footer-bg.jpg) no-repeat top left;
float: left;
font: 11px arial;
color: #fff;
}

	#footer-left
	{
	width: 320px;
	float: left;
	padding: 0 0 0 10px;
	}
	
	#footer-right
	{
	width: 540px;
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
	}





#indextop
{
width: 880px;
background: url(../images/indextop.jpg) no-repeat top left;
float: left;
height: 385px;
}

#indexmid
{
width: 880px;
float: left;
height: 45px;
}

#indexbottom
{
width: 880px;
background: url(../images/indexbottom.jpg) no-repeat top left;
float: left;
height: 20px;
text-align: center;
font: 11px arial;
color: #000;
padding: 50px 0 0 0;
}

#indexbottom a
{
font: 11px arial;
color: #000;
}