body
{
  background:url(../images/main-bg.jpg) no-repeat top center;
  color:#565656;
  font-size:12px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  margin:0px;
  line-height:18px;
  text-align:justify;
}

#main
{ 
  width:940px;
  margin:0 auto;
  margin-top:20px;
}

.cr
{
  clear:both;
}

#menubar
{
  background:url(../images/menu-bg.jpg) no-repeat;
  margin:0 auto;
  width:884px;
  height:50px;
  padding-left:16px;
  
}

#menu-content
{

	margin: 0 auto;
	padding: 0;
	position: relative;
}


#menu-content ul 
{

	color: #FFF;
	margin: 0;
	padding-left: 0;
}



#menu-content li 
{ display:inline; }




#menu-content li a
{
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	float:left;
	text-align:center;
	color: #FFF;
	text-decoration: none;
	padding:17px 0px 0px 0px;
	width:143px;
	height:33px;
}


#menu-content li a:hover
{
    font: 14px Arial, Verdana, Helvetica, sans-serif;
	color:#fff; 
	background: url(../images/menu-hover.jpg) repeat-x;
}


#menu-content li a#current
{
	 font: 14px Arial, Verdana, Helvetica, sans-serif;
	color:#fff; 
	background: url(../images/menu-hover.jpg) repeat-x;
}
.greenline
{
  background:url(../images/devide-line.jpg) no-repeat;
	width:1px;
	height:50px;
	float:left;
}

#header-outer
{
  background:url(../images/header-bottom.jpg) no-repeat bottom;
  width:940px;
  height:320px;
  margin:0 auto;
  margin-top:10px;
}

.header
{
  width:900px;
  height:300px;
  margin:0 auto;
}

#content{ width:auto; clear:both; padding-top:20px;}
.contentbox{ width:255px; float:left; padding:10px 20px 10px 25px; text-align:justify;}
.contentbox img{ margin-bottom:10px;}
.contentline{ width:10px; height:450px; background:url(../images/index7.jpg) center repeat-y; float:left;}

.innercontentbox{ width:565px; float:left; padding:10px 30px 10px 25px; background:url(../images/index7.jpg) right repeat-y; height:auto !important; min-height:470px !important; height:470px;}

.innercontentbox ul
{
margin:0px;
padding:0px;}

.innercontentbox ul li
{
  background:url(../images/bullet.jpg) no-repeat;
  padding-left:15px;
  list-style: none;
  line-height:22px;
  margin-bottom:3px;
}

.innercontentbox li a
{
  font-size:12px;
  color:#587108;
  text-decoration:none;
}

.innercontentbox li a:hover
{
  font-size:12px;
  color:#587108;
  text-decoration:underline;
}


h1
{
  font-size:18px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  color:#587108;
  padding:0px;
  margin:0px;
  margin-bottom:20px;
}

h2
{
  font-size:14px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  color:#696969;
  padding:0px;
  margin:0px;
  margin-bottom:5px;
  line-height:normal;
}


h3
{
  font-size:12px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  color:#587108;
  padding:0px;
  margin:0px;
  margin-bottom:5px;
  line-height:normal;
}

p
{
  margin:0px;
  margin-bottom:10px;
}


input{ width:190px; height:15px; border:1px solid #e6e5e5;  padding:5px;  font: 1em Arial, Helvetica, sans-serif;  color:#696969; background-color:#f3f3f2;}

input.oth{ width:300px; height:15px; border:1px solid #e6e5e5;  padding:5px;  font: 1em Arial, Helvetica, sans-serif;  color:#696969; background-color:#f3f3f2;}

input.chk{ width:15px; height:15px; border:1px solid #e6e5e5;  padding:5px;  font: 1em Arial, Helvetica, sans-serif;  color:#696969; background-color:#f3f3f2;}

select{ width:305px; border:1px solid #e6e5e5;  padding:5px;  font: 1em Arial, Helvetica, sans-serif;  color:#696969; background-color:#f3f3f2;}

textarea{ width:195px; height:60px; border:1px solid #e6e5e5; padding:3px;  font: 1em Arial, Helvetica, sans-serif;
          color:#696969; background-color:#f3f3f2;}
		  
		  textarea.oth1{ width:300px; height:60px; border:1px solid #e6e5e5; padding:5px;  font: 1em Arial, Helvetica, sans-serif;
          color:#696969; background-color:#f3f3f2;}
.btsend{ width:70px; height:30px; background: url(../images/submit-btn.jpg) no-repeat; cursor:pointer; color:#fff; float:right;
		 border:none; outline:none;}

.footer-outer
{
  background:url(../images/footer-bg.jpg) no-repeat;
  width:870px;
  height:34px;
  margin:0 auto;
  clear:both;
  margin:20px 0px 20px 20px;
  color:#FFFFFF;
  padding:12px 15px 0px 15px;
}		 

.footer-left
{
  width:500px;
  float:left;
}

.footer-right
{
  width:350px;
  float:right;
  text-align:right;
}

.footer-outer a
{
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
}

.footer-outer a:hover
{
  font-size:11px;
  color:#000000;
  text-decoration:none;
}


/*-------------------project----------------*/

.imgbox
{
width:565px;
margin:0 auto;
margin-bottom:20px;
text-align:center;
}

.imgbox img
{
border:1px #fff solid;
}

.imgbox img:hover
{
border:1px #587108 solid;
}


.imgbox a
{
color:#333333;
font-weight:bold;
text-decoration:none;
}

.imgbox a:hover
{
color:#587108;
font-weight:bold;
text-decoration:none;
}

.img1
{
width:130px;
height:90px;
float:left;
}

.img2
{
width:130px;
height:90px;
float:left;
margin-left:15px;
}

.img3
{
width:130px;
height:90px;
float:left;
margin-left:15px;
}

.img4
{
width:130px;
height:90px;
float:right;
}


.hiddiv
{
display:none;
}

.leftpic
{
width:210px;
float:left;
margin-bottom:20px;
}

.righttxt
{
width:290px;
float:right;
}

.divider-full
{
border-bottom:1px dashed  #999999;
height:1px;
margin-top:30px;
margin-bottom:30px;
}


.blankdiv
{
height:1px;
margin-top:30px;
}

.strip-green
{
background: url(../images/strip.jpg) no-repeat;
width:560px;
height:25px;
margin:0 auto;
padding-top:8px;
padding-left:15px;
color:#FFFFFF;
margin-bottom:10px;
clear:both;
}

.strip-green h2
{
color:#FFFFFF;
}

.strip-grey
{
background:url(../images/strip-grey.jpg) no-repeat;
width:560px;
height:27px;
margin:0 auto;
padding-top:6px;
padding-left:15px;
color:#333333;
font-weight:bold;
margin-bottom:10px;
}

h2.projectpage
{
margin-left:5px;
margin-bottom:10px;
}

/*-----------accordation-----------------*/

.myweb{ 
cursor:auto;
cursor: pointer;
background:#fdfdf4;
width:560px;
height:27px;
margin:0 auto;
color:#333333;
float:left;
background: url(../images/strip-grey.jpg) no-repeat;
font-weight:bold;
padding-top:6px;
padding-left:15px;
margin-bottom:5px;
}



.openweb{ /*class added to contents of 1st demo when they are open*/
background:#fdfdf4;;
cursor:auto;
cursor: pointer;
margin:0 auto;
float:left;
color:#333333;
background: url(../images/strip-grey1.jpg) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

.webdetails
{ background:#fff; width:575px; margin:0 auto; text-align:justify; margin-bottom:0px; padding-top:10px; padding-bottom:10px; clear:both; }
	
	
	
	
	
/***************** dropdown div ***********************/

.dropmenudiv{
	position:absolute;
	clear:both;
	background: url(../images/drop.jpg) repeat-x bottom #a8c93b;
	border: 1px solid #799718; /*THEME CHANGE HERE*/
	line-height:25px;
	z-index:100;
	width: 170px;
	visibility: hidden;
	top: 190px;
	left: 142px;
	text-align:left;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	display: block;
	font-size:11px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	color: #000;
	/*background: #E1F1DD url(../images/bullet-nav2.gif) left center no-repeat;*/
	border-bottom: 1px solid #799718;
} 

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	text-decoration:none;/* url(../images/bullet-nav2-over.gif) left center no-repeat*/
	background: #c6e140;
	color:#000;
}