@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:url(../img/bg.jpg) repeat;
	background-color:#E7E7E7;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
div.arrange {
	clear:both;
}
blockquote p.first {
	text-indent:28px;
	line-height:18px;
	background:url(../img/qoute.png) no-repeat left 0;
}

/*Main Container*/
div.container {
	width:890px; z-index:0 auto; margin:auto; border:1px solid #FFF; background:#FFF; padding:0 6px 0 6px;
}
/*****/

/*Logo*/
div.imglogo {
	text-align:center; background:url(../img/logo.jpg) no-repeat; width:889px; height:141px;
}
/*****/

/*Slogan*/
div.slogan {
	padding:85px 0 0 30px; font-style:italic; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:bold; text-align:left;
}
/********/

/*Contact Number*/
div.contactnum {
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; text-align:right; margin:10px 0 0 0;
}
/****************/

/*219/7
 Functionalities*/
div.menus {
	font-weight:bold; vertical-align:top; width:277px; height:498px; margin:6px 0 0 0; background:url(../img/menubg.jpg) no-repeat; background-color:#98DF75;
}
.menus li {
	width:240px;
}
* html .menus li {
	width:240px; 
}
.menus a.menu:link {
	color:#333; text-decoration:none;
}
.menus a.menu:visited {
	color:#333; text-decoration:none;
}
.menus a.menu:hover {
	color:#333; text-decoration:none; color:#ff0033;
}
.menus a.active:link {
	color:#FF0000; text-decoration:none;
}
.menus a.active:visited {
	color:#FF0000; text-decoration:none;
}
.menus a.active:hover {
	color:#FF0000; text-decoration:none;
}

.menus p.home, p.about, p.products, p.careers, p.partners, p.services, p.contact {
	padding:10px 0 9px 35px; letter-spacing:2px;
}

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

/*IE6 Menu Code*/

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

/*Top Bar*/
div.topbar {
	background:url(../img/mainbar.jpg) repeat-x; width:277px; height:35px;
}
.topbar p {
	font-size:15px; padding:10px 0 0 15px; font-weight:bold; color:#FFF;
}
/********/

/*Left Column*/
div.leftcols {
	float:left; width:277px;
}
/*************/

/*Left Column*/
div.rightcols {
	float:left;
}
/*************/

/*Bar Top Labels*/
div.bartop {
	margin:8px 0 0 0; background:#54a858; padding:10px; color:#FFF; font-weight:bold; font-size:13px;
}
/******************/

/*LAtest News*/
div.latestnews {
	background:url(../img/sidebg.jpg) repeat-x; width:247px; padding:20px 15px 15px 15px; background-color:#FFF;
}
.latestnews p.newstitle {
	color:#0d5311; font-weight:bold; font-size:14px;
}
.latestnews p.newsdate {
	line-height:20px;
}
.latestnews p.newsdesc {
	line-height:18px; margin:8px 0 0 0;
}
.latestnews p.newsmore {
	text-align:right; color:#FF0000; font-size:11px;
}

.latestnews a.ntitle:link {
	color:#0d5311; text-decoration:none;
}
.latestnews a.ntitle:visited {
	color:#0d5311; text-decoration:none;
}
.latestnews a.ntitle:hover {
	color:#0d5311; text-decoration:underline;
}
.latestnews a.more:link {
	color:#FF0000; text-decoration:none;
}
.latestnews a.more:visited {
	color:#FF0000; text-decoration:none;
}
.latestnews a.more:hover {
	color:#FF0000; text-decoration:underline;
}
/*****************/

/*Welcome Site*/
div.welcometop {
	background:url(../img/mainbar.jpg) repeat-x; width:598px; height:35px; margin:0 0 0 6px; padding:10px 0 0 8px;
}
.welcometop h1 {
	font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding:10px letter-spacing:0px;

}
.welcomedesc {
	margin:-4px 0 0 6px; background:url(../img/container_bg.jpg) repeat-x; width:590px; padding:10px 8px 0 8px; vertical-align:top; font-size:14px;
}
/**************/

/*Welcome Images Description*/
div.imgdesc {
	width:590px;
}
.imgdesc img {
	float:left; margin:0 5px 0 0;
}
.imgdesc img.prodct {
	width:200px; height:150px; float:left;
}
.imgdesc p {
	line-height:18px;
}
.imgdesc h2 {
	font-size:15px;
}
.imgdesc h2.prolbl {
	margin:0 0 10px;
}
/***************/

/*SERVICES BOX*/
div.servicebox {
	margin:10px 0 0 10px; width:602px;
}
.serviceslbl {
	margin:0 0 0 0; background:#73ae57; padding:10px; color:#FFF; font-weight:bold; font-size:13px;
}
.servicesimgs{
	padding:10px 15px 0 16px; float:left;
}
.servbox {
	width:167px;
}
.servbox p.servlbl {
	font-weight:bold; color:#0d5311; margin:5px 0 0 0; line-height:18px;
}
.servbox p.servdesc {
	line-height:17px;
}
.divider {
	float:left;
}
.servbox p.moredetails {
	margin:10px 0 0 0; background:url(../img/viewmore.jpg) no-repeat; width:95px; height:23px; padding:6px 0 0 13px; font-size:11px; font-weight:bold;
}
.servbox p.moredetails a:link {
	color:#333; text-decoration:none;
}
.servbox p.moredetails a:visited {
	color:#333; text-decoration:none;
}
.servbox p.moredetails a:hover {
	color:#FF0000; text-decoration:none;
}
/**************/

/*Products BOX*/
div.productboxmain {
	margin:10px 0 0 10px; width:602px;
}
.productlabel {
	margin:0 0 0 0; background:#73ae57; padding:10px; color:#FFF; font-weight:bold; font-size:13px;
}
.productlist div.productimgs{
	padding:10px 15px 0 16px; float:left;
}
.productboxsmall {
	width:167px; float:left; 
}
.productboxsmall p.productlbl {
	font-weight:bold; color:#0d5311; margin:5px 0 0 0; line-height:18px;
}
.productboxsmall p.productdesc {
	line-height:17px;
}
.divider {
	float:left;
}
.productboxsmall p.moredetails {
	margin:10px 0 0 0; background:url(../img/viewmore.jpg) no-repeat; width:95px; height:23px; padding:6px 0 0 13px; font-size:11px; font-weight:bold;
}
.productboxsmall p.moredetails a:link {
	color:#333; text-decoration:none;
}
.productboxsmall p.moredetails a:visited {
	color:#333; text-decoration:none;
}
.productboxsmall p.moredetails a:hover {
	color:#FF0000; text-decoration:none;
}
/****** END ********/
/*Testimonial box*/
div.testimonial {
	background:url(../img/sidebg.jpg) repeat-x; width:247px; padding:20px 15px 15px 15px; background-color:#FFF;
}
/*****************/

/*Footer box*/
div.footermain {
	background:url(../img/footbg.jpg) repeat-x; width:890px; height:40px; margin:20px 0 0 0;
}
.footer {
	background:url(../img/footerbg.jpg) no-repeat; width:890px; height:40px; font-size:11px; 
}
.footer p {
	padding:9px 0 8px 10px; text-align:center;
}
/************/

/*Meet Staff*/
div.meetstaff {
	margin:10px 0 0 0;
}
.meetstaff a:link {
	color:#0D5311; text-decoration:none;
}
.meetstaff a:visited {
	color:#0D5311; text-decoration:none;
}
.meetstaff a:hover {
	color:#333; text-decoration:underline;
}
.meetstaff img {
	width:95px; height:100px; border:1px solid #CCC; padding:6px; float:left; margin:0 10px 0 0;
}
/**************/

/*Form Style*/
label {
  float: left;
  width: 80px;
  padding-right: 1px;
}
input,
textarea{
  padding: 2px;
  font: 400 12px arial, sans-serif;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;  
}
input:focus,
textarea:focus{  
  color: #333;
  background-color:#D6DDA8;
}
#name, #email, #subject{
	width:300px; margin:0 0 10px 0;
}
#message{
	width:300px;
	height:100px; margin:0 0 12px 0;
}
#btncontact, #btnreset {
  padding: 1px 10px;
  font: bold 12px arial, sans-serif;
  cursor: pointer;
  color: #FFF;
  background-color:#788E11;
  border-width: 1px;
  border-style: solid;
  border-color: #D6DDA8 #D6DDA8 #D6DDA8 #D6DDA8;
}
/*************/

/*Modern Validation*/
input.required, textarea.required {
	padding: 2px;
  	font: 400 12px arial, sans-serif;
  	background: #fff;
  	border-width: 1px;
  	border-style: solid;
 	border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba; 
}
input.required:focus,
textarea.required:focus{  
  color: #333;
  background-color:#D6DDA8;
}
input.validation-failed, textarea.validation-failed {
	color : #FF3300; vertical-align:top;
}
input.validation-passed, textarea.validation-passed {
	padding: 2px;
  	font: 400 12px arial, sans-serif;
  	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;  
}
.validation-advice {
	margin: 5px 0 0 4px;
	padding: 5px;
	color: #FF3300;
	font-weight: bold;
	width:210px;
	display:inline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}