*{
	margin:0;
	padding:0;
}

body {
	padding:0pt;
	margin:0pt;
	background:#efefe5;
	color:#000000;
	font-size:12px;
	font-family: arial, verdana, sans-serif;
}

li
{
	list-style-type:none;
}

a{text-decoration:none;}

a:hover{color:#00a249;}

img{border:0px none;}

#wrapper
{
	background:#fff url(../images/body-bg.gif) repeat-y -1px 0;
	width:986px;
	margin:0px auto;
	padding:0 9px;
}

#header
{
	height:178px;
	border-bottom:1px solid #ebe9e3;
}

#logo
{
	float:left;
	margin:45px 0 0 35px;
}
/**********************Menus8**********************/
#top-menu
{
float:right;
width:500px;
height:160px;
}

big.flipv_up {
font-size:21px;
color: #21cc74;
float:left;
position:absolute;
background:#fff;
z-index:100;
font-weight:lighter;
cursor:pointer;
}


.canv ul{float:right;height:160px;}

.canv ul li{
  float: left;
  padding: 5px;
}

.slide{
width:28px;
/*display:inline;*/
overflow:hidden;
float:left;
background:#fff;
}

.canv #a1{
  width: 280px;
}

.canv ul li p{
  width: 150px;
  display: block;
  float:right;
  border:solid 1px;
}

.detail_menu{
    display: block;
    width: 285px;
   /* padding-left:40px;*/
   white-space:nowrap;
}

.detail_menu ul {height:auto;float:none;padding-left:40px;}

.detail_menu ul li{    
    display:block;
    float:none;
    padding:0pt;
    line-height:20px;    
}

.detail_menu ul li a{
    background:url("../images/bullet.gif") no-repeat 0px 3px;
    padding-left:13px;
    font-family:Arial;
    color:#000;
}

.detail_menu ul li a:hover{
    color:#00a249;
}

/**********************Menus********************************/
#content-top
{
	height:330px;
}

#main-image
{
	float:left;
	margin: 28px 0 0 22px;
	width: 635px;
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow-container {
	position: relative;
	clear: both;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow a.advance-link {
	display: block;
	width: 637px;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

#thumbs {
	float: right;
	width: 280px;
	height: 285px;
	margin: 28px 20px 0 0;	
	padding-top:10px;
}

#thumbs ul li
{
	float:left;
	width:80px;
	height:70px;
	padding:10px 5px;
}

#thumbs ul li img
{
	border: 3px solid #ebe9e3;
	
}

#content-bottom
{
	margin-top:25px;
	width:100%;	
}


/***************************Side menu **********************/
#side-menu
{
	width:220px;
	margin: 10px 0 0 22px;
	padding: 10px 0 0 10px;
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#side-menu h3
{
	margin-bottom:18px;
	font-size:15px;
	font-weight:bold;
	color:#00a651;
}

#side-menu ul
{
	margin-bottom:15px;
}

#side-menu ul li 
{
	float:none;
	padding-bottom:10px;
	font-size:14px;
	color:#000000;	
	font-weight:bold;
}


#side-menu ul li a
{	
	text-decoration:none;	
	color:#000000;	
}

#side-menu ul li a:hover
{
    color:#3fbc7c;
}

/*******************Content**********************/
.story-top{
	height:10px;
	float:right;
	width:699px;
	background:url(../images/content-top.gif) 0px 3px no-repeat;
}

#story
{
	background:url(../images/content-bg.gif) repeat-y left;
	width:650px;
	padding:0px 15px 5px 40px;
	float:right;
}

/*#story h2
{
	color:#53bc3f;
	font-size:18px;
	font-family:Arial;
	margin:20px;
}*/

#story p
{
	text-align:justify;
	margin:10px 20px;
	line-height:20px;
}
/***********recycle********/
#recycle
{
	padding:10px 15px 10px 30px;
}

/*********sustain****8**/
#sustain
{
	padding: 10px 0 0 45px;
}

/*****************Footer**************/
#footer {
	height:65px;
	width:auto;
	background-color:#cacaca;
	/*margin:0px 9px 0px 10px;*/
}

#footer ul li 
{
	float:left;
	padding-bottom:15px;
	margin:5px 8px;	
}

#footer ul li a
{
	text-decoration:none;
	font-size:12px;
	color:#454545;		
}
	
#bottom-menu
{
	float:left
}

#copyright
{
	height:15px;
	width:250px;
	float:right;
	margin-top:8px;
	text-align:right;
	padding-right:5px;
}

.clearfix{
	display:inline-block;
}

.green{
    color:#00a651;
    font-family:Tahoma;
    font-weight:bold;
    font-size:12px;
}

.inline ul{
    display:inline;
}

.fixed ul li{
    width:150px;
}

.right{
    float:right;
}

.left{
    float:left;
}

/**LOKESH**/

#content-heading
{
	color:#53bc3f;
	font-size:22px;
	font-family:Arial;
	margin:20px;
}

#content-tag
{
	color:#000000;
	font-size:16px;
	font-family:Arial;
	margin:20px;
}



#whygreenwin, #officeadd, #careerlist
{
	text-align:justify;
	margin:10px 20px;
	line-height:20px;
}

#whygreenwin li
{
	margin-left:25px;
	/*list-style-type:square;*/
	list-style-image:url(../images/greensquare.gif);
}

#officeadd li
{

}

#arina
{
	margin-top:18px;
}

#arina a 
{
	color:#000000;
}

#arina a:hover
{
	color:#666666;
}

/************** sound table ******************/

#soundtable
{
	border-collapse:collapse;
	line-height:20px;
	text-align:center;
	margin:10px 20px;
}	

#soundtable tr td,#soundtable tr th
{
	border: 1px solid;
	width:25%;
	padding:5px;	
}

/************** sound table ends******************/
/************* contact us table **************/
#contactus
{
	margin-left:20px;
}

#contactus tr td
{
	padding:5px;
}


/************* contact us table ends **************/

#contactform input, textarea 
{
	width:200px;
}

#contactform #submit
{
	width:65px;
}

#bottom-menu a:hover
{
	color:#137101;
}

.random-img
{
	float:left;
	margin-right:20px;
	margin-left:20px;
	border:3px solid #EBE9E3;
}

/*************************************sitemap************************************/
#sitemap
{
	margin-left:20px;
	line-height:25px;	
}
#sitemap li
{
	list-style-image:url(../images/greensquare.gif);
	margin-left:40px;
}
#sitemap a
{
	color:#666666;
}
#sitemap a:hover
{
	color:#00A249
}	
/****************************************sitemap ends here*******************************************/