@font-face { 
  font-family: Droid Sans; 
    src: url('../fonts/DroidSans-webfont.eot'); 
    src: local("Droid Sans"), url('../fonts/DroidSans-webfont.woff'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html, body {
	width: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
	background-color:#FFF;
	color:#666;
}

a:link, a:visited { color: #429513; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #666; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { 
  color: #666;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1, h2, h3 { 
  font: normal 220% 'News Cycle', arial;
  margin: 15px 0 15px 0;
  padding: 15px 0 5px 0;
  color: #429513;
}

h2 { 
  font-size: 160%;
  padding: 9px 0 5px 0;
}

h3 { 
  font-size: 140%;
  padding: 5px 0 0 0;
}

h4, h6 { 
  color: #555;
  padding: 0 0 5px 0;
  font: normal 120% 'Droid Sans', arial, sans-serif;
}

h5, h6 { 
  color: #999;
  font: italic 100% 'Droid Sans', arial;
  padding: 0 0 15px 0;
}

h6 { 
  font: normal 100% 'Droid Sans', arial;
}

.read {
	text-align:right;
	font-size:12px;
	color:#666;
	padding:5px;
}

#container {
	width: 100%;
	height: auto;
}
#bannerbg {
	width: 100%;
	height: auto;
}
.banner {
	width: 1000px;
	height:auto;
	margin: 0 auto;
}

.logo { 
  width: 1000px;
  height: auto;
  background: transparent;
  color: #888;
  padding: 5px 0 5px 0;  
}
.icon {
  margin-top:5px;
  width: 70px;
  height: 31px;
  background: transparent;
  float:right;
}

#ulmenubg {
	width: 100%;
	height: auto;
	background-color:#429513;
	height:40px;
}

.ulmenu {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

ul.menu,ul.menu * { 
  margin: 0;
  padding: 0;
}

ul.menu { 
  display: block;
  position: relative;
}
  
ul.menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.menu a { 
  display: block;
  position: relative;
}
  
ul.menu ul { 
  position: absolute;
  left: 0;
  width: 200px; 
  top: auto;
  left: -999999px;
}
  
ul.menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 280px;
}
  
ul.menu ul li a:hover, .ulmenu li .current {
  background-color: #0C0;
  height:24px;
}

ul.menu ul ul { 
  top: 0;
  margin: 0 0 0 0px;
}

ul ul span.sf-arrow { 
  right: 10;
  top: 10px;
  background-position: 0 100%;
}

/* Theming the menu */

ul#nav ul { 
  background: #555747;
  margin-top: 0px;
  padding-bottom: 0px;
  width: 280px;
}

ul#nav li a { 
  padding:8px 26px;
  font:'News Cycle', arial, sans-serif;
  text-shadow: 1px 1px #222;
  text-decoration: none;
  color:#FFF;
  font-size:16px;
  text-align:left;
}

ul#nav li a:hover,ul#nav li a:focus { 
  color: #ffffff;
  background-color:#06F;
  height:24px;
  text-align:left;
}

ul.menu li:hover ul,ul.menu li:focus ul,ul.menu li.sf-hover ul, 
ul.menu ul li:hover ul,ul.menu ul li:focus ul,ul.menu ul li.sf-hover ul,
ul.menu ul ul li:hover ul,ul.menu ul ul li:focus ul,ul.menu ul ul li.sf-hover ul,
ul.menu ul ul ul li:hover ul,ul.menu ul ul ul li:focus ul,ul.menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.menu li:hover ul ul,ul.menu li:focus ul ul,ul.menu li.sf-hover ul ul,
ul.menu ul li:hover ul ul,ul.menu ul li:focus ul ul,ul.menu ul li.sf-hover ul ul,
ul.menu ul ul li:hover ul ul,ul.menu ul ul li:focus ul ul,ul.menu ul ul li.sf-hover ul ul,
ul.menu ul ul ul li:hover ul ul,ul.menu ul ul ul li:focus ul ul,ul.menu ul ul ul li.sf-hover ul ul { 
  left: auto;
}

/* autoArrows CSS */


.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

#inobg {
	width: 100%;
	height: auto;
}

.ino {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#probg {
	width: 100%;
	height: auto;
	background-color:#dedede;
}

.pro {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.probox {
	width: 250px;
	height: auto;
	margin: 0 auto;
	text-align:center;
}

.ecobox {
	width: 250px;
	height: auto;
	margin: 0 auto;
	text-align:center;
}

.clibox {
	width: 500px;
	height: auto;
	margin: 0 auto;
	text-align:center;
}

#ecobg {
	width: 100%;
	height: auto;
}

.eco {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#galbg {
	width: 100%;
	height: auto;
	background-color:#dedede;
}

.gal {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#clibg {
	width: 100%;
	height: auto;
}

.cli {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#scroll { 
  position: relative; 
  width: 1000px;
  margin: 0 auto;
  bottom: 0px; 
  right: 0;
  background: red;
  padding: 0;
}
  
#scroll a { 
  float: right;
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
}
  
#scroll a img { 
	float: right;
	padding: 0 0 0 0;
	margin: 0;
}

#contbg {
	width: 100%;
	height: auto;
}
.con {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.add { 
	width: 500px;
	height: auto;
	margin: 0 auto;
	float:left;
}

.enq { 
	width: 500px;
	float:right;
	height: auto;
	margin: 0 auto;
}

#footerbg {
	width: 100%;
	height: 70px;
	clear: both;
	color: #333;
	line-height:30px;
	padding: 10px 0 10px 0;
	background: #dedede;
	border-top: 6px solid #429513;
}

.form_settings { 
  margin: 15px 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% 'Droid Sans', arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 100% 'Droid Sans', arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #555747; 
  color: #FFF;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}

.form_settings textarea, .form_settings select { 
  font: 100% 'Droid Sans', arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.footer {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.footer_list li {
	padding: 0 10px;
	display: inline;
	border-right: 1px solid #333;
}

.footer_list li a {
	color: #333;
	text-decoration:none;
}

.footer_list .current {
	color: #06F;
}

.footer_list .last {
	border-right: none;
}
/* end of footer */
