body
{
background: #333 url(../images/bg.gif) repeat-y 50% 0;
padding:0;
margin:0;
}

#wrapper
{width:1004px;
padding:0;
margin:0 auto;
background-color:#fff;
}


#logo
{
float:left;
width:904px;
height:255px;
background-repeat:no-repeat;
padding-right:100px;

margin:0;

}

#flashcontainer{
width:1004px;
height:325px;
float:left;
background:url(../images/productsbg.gif);
background-repeat:no-repeat;
background-color:#00661b;
}

#search_box{
padding:3px 0 0 670px;
font: .8em "Trebuchet MS", "arial", "verdana", serif;
font-weight: bold;
color:#FFF;
margin:0;
float:left;
text-align:left;

}

#search{

text-align:left;
padding:0;
height:35px;
width:203px;
margin:0;
float:left;
}

.select{
font: 1.1em "Trebuchet MS", "arial", "verdana", serif;
width:150px;
float:left;
}

.buttons{
font: .8em "Trebuchet MS", "arial", "verdana", serif;
text-align:left;
height:26px;

}

.prod_btn
{background-color: #fff;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
padding:0 5px 5px 5px;
border-right:1px #666 solid;
border-left:1px #666 solid;
border-bottom:1px #666 solid;
}

.find
{text-transform:uppercase;
font-weight:bold;
color:#fff;
}

#content{
width:1004px;
margin:0 auto;

}

#sitemap{
width:804px;
margin:0 auto;
padding:0 150px 0  50px;

}

#left
{float:left;
width:364px;
background-color:#fff;
}


.breadcrumbs 
{font: 0.8em "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif;
color:#365708;

}

.breadcrumbs a
{
color:#365708;
text-decoration:none;
}

.breadcrumbs a:hover
{
text-decoration:underline;
}


#right
{float:right;
background-color:#fff;
font: 0.9em "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif; 
color:#000;
text-align:left;
width:470px;
padding-left:20px;
padding-right:150px;

}

h2{
font: 2.2em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#365708;
margin-top:4px;
margin-bottom:4px;
}

#projects{
width:310px;
height:321px;
padding-left:50px;
margin:0;
float:left;
}

.subheader{
font: 1.4em "Georgia", "arial", "verdana", serif;
color:#fff;
font-weight:normal;
margin-top:1px;
margin-bottom:0;
}


h3{
font: 1.4em "Georgia", "arial", "verdana", serif;
color:#365708;
font-weight:normal;
margin-bottom:0px;
margin-top:1px;
}

.npk
{font: .8em "Georgia", "arial", "verdana", serif;
color:#365708;
font-weight:bold;
margin-bottom:0px;
margin-top:1px;
}

h3 a{
color:#365708;
font-weight:normal;
text-decoration:none;
}

h3 a:hover{
color:#365708;
font-weight:normal;
text-decoration:underline;
}

h4{
font: 1em "Georgia", "arial", "verdana", serif;
color:#365708;
font-weight:normal;
margin-top:1px;
}

#bottomnav{
font: .8em "Trebuchet MS", "arial", "verdana", serif;
color:#fff;
text-align:center;
height:38px;
width:1004px;
padding-top:15px;
margin:0;
background-image:url(../images/bottombg.gif);
background-repeat:repeat-x ;
float:left;}

.bottomlink a{
font-family:"Trebuchet MS", "arial", "verdana", serif;
color:#FFF;
font-size:1em;
text-align:left;
text-decoration:none;
}

.bottomlink a:hover{
font-family:"Trebuchet MS";
color:#ffcc00;
border-top:1px #FFFFFF solid;
}

#thumbs
{padding:46px 0 0 350px;
}

.thumb1
{
padding-top:3px;
padding-bottom:29px;
}
.thumb2
{
padding-top:2px;
padding-bottom:30px;
}

.thumb3
{
padding-top:7px;
padding-bottom:25px;
}

.thumb4
{
padding-top:7px;
padding-bottom:25px;
}
.thumb5
{
padding-top:32px;
}

a.readmore:link{
font-family:"Trebuchet MS";
color:#365708;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
a.readmore:visited{
font-family:"Trebuchet MS";
color:#365708;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
a.readmore:active{
font-family:"Trebuchet MS";
color:#365708;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
a.readmore:hover{
font-family:"Trebuchet MS";
color:#365708;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:underline;
}
/**********************************************top menu************************************/
#menu{
float:left;
border:1px #f00 solid;

}
#menunav{
float:left;
margin:0; 
padding:0;
background: url(../images/menu_bg.gif);
border-bottom:1px #fff solid;
}

#nav { 
	float: left;
	}
ul.nav { 
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.dropdown { 
	padding: 0;
	display: none;
	margin: 0;
	list-style: none;
	top: 3.2em;
}

li.home { 
	float: left;
	position: relative;
	background:url(../images/home_off.gif) no-repeat left top; 
}

li.home a:hover { 
	background: url(../images/home_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.about { 
	float: left;
	position: relative;
	background:url(../images/about_off.gif) no-repeat left top; 
}

li.about a:hover { 
	background:url(../images/about_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.products { 
	float: left;
	position: relative;
	background:url(../images/products_off.gif) no-repeat left top; 
}

li.products a:hover { 
	background:url(../images/products_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.zaurifarmer { 
	float: left;
	position: relative;
	background:url(../images/zuarifarmers_off.gif) no-repeat left top; 
}

li.zaurifarmer a:hover { 
	background:url(../images/zuarifarmers_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.socialservice { 
	float: left;
	position: relative;
	background:url(../images/social_off.gif) no-repeat left top; 
}

li.socialservice a:hover { 
	background:url(../images/social_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.environment { 
	float: left;
	position: relative;
	background:url(../images/environment_off.gif) no-repeat left top; 
}

li.environment a:hover { 
	background:url(../images/environment_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.employeescorner { 
	float: left;
	position: relative;
	background:url(../images/employeescorner_off.gif) no-repeat left top; 
}

li.employeescorner a:hover { 
	background:url(../images/employeescorner_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.zuari { 
	float: left;
	position: relative;
	background:url(../images/zuari_off.gif) no-repeat left top; 
}

li.zuari a:hover { 
	background:url(../images/zuari_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.investor { 
	float: left;
	position: relative;
	background:url(../images/investors_off.gif) no-repeat left top; 
}

li.investor a:hover { 
	background:url(../images/investors_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.hr { 
	float: left;
	position: relative;
	background:url(../images/hr_off.gif) no-repeat left top; 
}

li.hr a:hover { 
	background:url(../images/hr_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.media { 
	float: left;
	position: relative;
	background:url(../images/media_off.gif) no-repeat left top; 
}

li.media a:hover { 
	background:url(../images/media_on.gif) no-repeat left top; 
	float: left;
	position: relative;
}

li.bluepatch { 
	float: left;
	position: relative;
	background:url(../images/bluepatch.gif) no-repeat left top; 
}

ul.dropdown {
padding:0;
width:15em;
margin:-10px;
}
li.dropdown { 
	float: left;
	position: relative;
	background-color: #f00; 
	background: url(../images/clear.gif) no-repeat left top;
	font: .8em "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif; 
	color:#000;
	text-align:left;
	width:15em;
	margin:0;
}
li.dropdown a{ 
	float: left;
	background: url(../images/clear.gif) no-repeat left top;
	background-color: #2a5a94; 
	BORDER-bottom: #fff 1px solid; 
	BORDER-left: #fff 1px solid;
	BORDER-right: #fff 1px solid;
	color:#fff;
	padding:6px;
	text-decoration:none;
	position: relative;
	text-align:left;
	width:15em;
}
li.dropdown a:hover{ 
	float: left;
	position: relative;
	background: url(../images/clear.gif) no-repeat left top;
	background-color: #2a5a94; 
	padding:6px;
	text-decoration:none;
	position: relative;
	color:#FFFF00;
	text-align:left;
	width:15em;
}

li.nonlink{ 
	float: left;
	background: url(../images/clear.gif) no-repeat left top;
	font: .8em "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif; 
	background-color: #2a5a94; 
	BORDER: #fff 1px solid;
	border-top:none;
	color:#fff;
	padding:6px;
	font-weight:bold;
	position: relative;
	text-align:left;
	width:15em;
}
li ul { /* second-level lists */
	position: absolute;
		left: 0;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

li.dropdown1 { 
	float: left;
	position: relative;
	background-color: #add2fe; 
	font: bold .8em "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif; 
	color:#003b83;
	BORDER-left: #FFF 1px solid;
	BORDER-right: #FFF 1px solid;
	text-align:left;
	padding:6px;
	margin:0;
	width:15em;
}

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

.nolinkheader{
font-family:"Trebuchet MS";
color:#365708;
font-size:1.2em;
font-weight:normal;
text-align:left;
text-decoration:none;
}

a.sitesubheader:link{
font-family:"Trebuchet MS";
color:#365708;
font-size:1.2em;
font-weight:normal;
text-align:left;
text-decoration:none;
}
a.sitesubheader:visited{
font-family:"Trebuchet MS";
color:#365708;
font-size:1.2em;
font-weight:normal;
text-align:left;
text-decoration:none;
}

a.sitesubheader:active{
font-family:"Trebuchet MS";
color:#365708;
font-size:1.2em;
font-weight:normal;
text-align:left;
text-decoration:none;
}

a.sitesubheader:hover{
font-family:"Trebuchet MS";
color:#365708;
font-size:1.2em;
font-weight:normal;
text-align:left;
text-decoration:underline;
}

a.sitelink:link
{
font: 12px "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif;
color:#365708;
font-weight:bold;
text-decoration:none;
}
a.sitelink:visited
{
font: 12px "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif;
font-weight:bold;
color:#365708;
text-decoration:none;
}
a.sitelink:active
{
font: 12px "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif;
font-weight:bold;
color:#365708;
text-decoration:none;
}
a.sitelink:hover
{
font: 12px "Trebuchet ms", "Verdana", "Arial", "Helvetica", sans-serif;
font-weight:bold;
color:#365708;
text-decoration:underline;
}

#gallerycontainer{
width:804px;
height:100%;
float:left;
padding: 0 100px 0 100px;
}

.imggallery{
background-color:#E2E2E2;
width:152px;
height:102px;
margin:0 10px 25px 0;
}

.imggallery a{
background-color:#E2E2E2;
float:left;
margin:10px;
border:1px #d0d0d0 solid;
padding:5px;
}

.imggallery a:hover{
background-color:#b9b6b6;
float:left;
margin:5px;
border:1px #999 solid;
padding:10px;
}