@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-x;
	background-color:#FFF;
	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.container {
	width:842px; margin:0 auto; z-index:auto; 
}

/*Main Menu*/
.menu {
	margin:20px 0 0 15px; font-weight:bold; font-size:13px; height:42px;
}
.menu p {
	padding:18px 0 0 0;
}
.menu li {
	float:left; background:url(../img/menu.png) no-repeat; width:128px; text-align:center; height:42px;
}
.menu li.menuhome{
	float:left; background:url(../img/menuhome.png) no-repeat; width:128px; text-align:center; height:42px;
}
.menu li.menugreen {
	float:left; background:url(../img/menugreen.png) no-repeat; width:128px; text-align:center; height:42px;
}
.menu li.menucompany {
	float:left; background:url(../img/menucompany.png) no-repeat; width:128px; text-align:center; height:42px;
}
.menu li.menuservices {
	float:left;
	background:url(../img/menuservices.png) no-repeat;
	width:128px;
	text-align:center;
	height:42px;
}
.menu li.menuresidency {
	float:left; background:url(../img/menuresidency.png) no-repeat; width:128px; text-align:center; height:42px;
}
.menu li.active {
	float:left; background:url(../img/menu_active.png) no-repeat; width:127px; height:42px; color:#006633;
}
.menu li.active2 {
	float:left; background:url(../img/menu_active2.png) no-repeat; width:127px; height:42px; color:#006633;
	}
.menu li.activeservices {
	float:left; background:url(../img/menu_services_active.png) no-repeat; width:127px; height:42px; color:#006633;
}
.menu li.activehome {
	float:left; background:url(../img/home.png) no-repeat; width:127px; height:42px; color:#006633;
}
.menu a:link {
	text-decoration:none; color:#333; 
}
.menu a:visited {
	text-decoration:none; color:#333;
}
.menu a:hover {
	text-decoration:none; color:#006633;
}
#Refill {
	float:right;
	background:url(../img/onlineorder.png) no-repeat;
	text-indent:-9999px;
	width:220px;
	height:40px;
}

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

.welcome p {
	padding:10px 0 0 10px; line-height:18px;	
}
.titleimg {
	float:left;
	width:861px;
	height:150px;
	cursor: default;
	background-image: url(../img/toppic.jpg);
	background-repeat: no-repeat;
}
.slogan {
	margin:75px 0 0 135px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:14px;
}

/*Breadcrumb*/
.topcurve {
	float:left; margin:0 0 0 7px; background:url(../img/topcurve.jpg) no-repeat; width:826px; height:30px;
}
.topcurve p {
	margin:15px 0 0 15px; font-family:Georgia, 'Times New Roman', Times, serif;
}
.topcurve span {
	color:#FF0000;
}
a.menucrumb:link {
	color:#333; text-decoration:none;
}
a.menucrumb:visited {
	color:#333; text-decoration:none;
}
a.menucrumb:hover {
	color:#333; text-decoration:underline;
}
/***********/

.leftshadow {
	background:url(../img/shadow.png) repeat-y; width:6px; height:641px; margin:0 0 0 7px; float:left; display:inline;
}
.rightshadow {
	background:url(../img/shadowright.png) repeat-y; width:6px; height:641px; float:left;
}
.center {
	background:url(../img/bgmilk.jpg) repeat-x; width:823px; /*height:641px; */ float:left; display:inline; background-color:#FFF; margin:0 0 0 9px; 
}
.bggreen {
	background:url(../img/bggreen.jpg) repeat-x; width:800px; height:519px; margin:15px 0 0 11px;
}
.bggreen h2 {
	padding:15px 0 0 10px; font-size:18px;
}

/*.3cols {
	margin:20px 0 0 0; font-size:12px; color: #333;
}*/

.first_col {
	float:left; margin:20px 0 0 10px; width:250px; height:370px; border-bottom:5px solid #597948; background:#FFF;
}
.second_col {
	float:left; margin:20px 0 0 10px; width:261px; height:370px; border-bottom:5px solid #597948; background:#FFF;
}
.third_col {
	float:left; margin:20px 0 0 10px; width:250px; height:370px; border-bottom:5px solid #597948; background:#FFF;
}
.third_col_in {
	background:#FFF; color:#333; font-size:12px; padding:10px; 
}
.third_col_in img {
	margin:0 0 5px 0;
}
.third_col_in div {
	background:#FFF; color:#333; font-size:12px;
}

/*New Projects*/
.new_pro {
	background:#FFF; color:#333; font-size:12px; padding:10px;
}
.new_pro p {
	line-height:16px;
}
.new_pro img {
	float:left; margin:0 10px 0 0;
}
.new_pro span {
	color:#FF0000; font-weight:bold;
}
.new_pro div.first {
	margin:8px 0 0 0; 
}
.new_pro div.second {
	margin:15px 0 0 0;
}
/*****************/

/*Latest News*/
.latest_news {
	color:#333; font-size:12px; padding:10px;
}
.latest_news p {
	line-height:18px;
}
.latest_news span {
	color:#FF0000; font-weight:bold;
}
.latest_news div.first {
	margin:8px 0 0 0; 
}
.latest_news div.second {
	margin:15px 0 0 0;
}
.latest_news a:link {
	text-decoration:none; color:#FF0000;
}
.latest_news a:visited {
	text-decoration:none; color:#FF0000;
}
.latest_news a:hover {
	text-decoration:underline; color:#FF0000;
}
/*********/

.content {
	line-height:18px;
}
.label {
	background:#597948; padding:10px; font-size:20px; color:#FFF;
}
.lines {
	width:230px; margin:10px 0 0 0; height:1px; background:url(../img/dot.jpg) repeat-x;
}

/*Testimonials*/
.testi {
	margin:15px 0 0 10px;
}
.testi {
	font-size:18px;
}
.testi p {
	font-size:12px; line-height:18px; margin:15px 0 0 0;
}
.testi span {
	font-size:15px;
}
.testi blockquote p.first {
	text-indent:20px;
	background:url(../img/q1.jpg) no-repeat left 0;	
}
.testi blockquote span.last {
	padding:0 15px 0 0;
	background:url(../img/q2.jpg) no-repeat right 0;	
}
.testi p.testi_from {
	font-family:Georgia, 'Times New Roman', Times, serif; text-align:right; font-weight:bold; padding:0 10px 0 0; line-height:10px;
}
a.testimonial:link {
	color:#333; text-decoration:none;
}
a.testimonial:visited {
	color:#333; text-decoration:none;
}
a.testimonial:hover {
	text-decoration:underline;
}

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

.arrange {
	clear:both;
}

/*Footer*/
.footer {
	margin:20px 0 10px 7px; /*background:url(../img/btmcurve.jpg) no-repeat;*/ width:826px; height:25px; float:left;
}
.footertext {
	text-align:center; margin:0 0 30px 0; font-size:11px;
}
p.date {
	margin:0 0 8px 0; font-weight:bold; font-size:13px;
}
a.footerlink:link {
	color:#FF0000; text-decoration:none;
}
a.footerlink:visited {
	color:#FF0000; text-decoration:none;
}
a.footerlink:hover {
	color:#333; text-decoration:underline;
}
a.footermenu:link {
	color:#333; text-decoration:none;
}
a.footermenu:visited {
	color:#333; text-decoration:none;
}
a.footermenu:hover {
	color:#333; text-decoration:underline;
}
/************/

/*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: #eef3ef;
}
#name, #email, #subject{
	width:300px; margin:0 0 10px 0;
}
#message{
	width:550px;
	height:150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}
#btncontact, #btnreset {
  padding: 1px 10px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #FFF;
  background-color: #155c21;
  border-width: 1px;
  border-style: solid;
  border-color: #186825 #0e4d19 #0e4d19 #186825;
}
/*************/

/*Contact us*/
div.contact {
	float:left; margin:20px 0 0 10px; background:#FFF; width:760px; height:433px; padding:10px; border-bottom:5px solid #597948;
}
.contact h2 {
	padding:15px 0 0 0; font-size:18px;
}
.contact p {
	line-height:14px;
}
.contact p.conlbl {
	line-height:18px;
}
.contact a:link {
	color:#990000; text-decoration:none;
}
.contact a:visited {
	color:#990000; text-decoration:none;
}
.contact a:hover {
	color:#990000; text-decoration:underline;
}
.contact img {
	border:1px solid #CCC; padding:6px; float:left; margin: 0 10px 0 0;
}
.contact li {
	list-style:none;
}
/*******/

/*Partners*/
div.partners {
	float:left; margin:20px 0 0 10px; background:#FFF; width:760px; height:351px; padding:10px 0 0 15px; border-bottom:5px solid #597948;
}
.partners img {
	border:1px solid #CCC; padding:6px; float:left; margin: 13px 10px 0 0; width:102px;
}
/**********/

/*IE6 code*/
* html .first_col {
	float:left; margin:20px 0 0 4px; width:250px; height:370px; border-bottom:5px solid #597948; background:#FFF;	
}
* html .third_col {
	float:left; margin:20px 0 0 10px; width:252px; height:370px; border-bottom:5px solid #597948; background:#FFF;
}
* html .center {
	background:url(../img/bgmilk.jpg) repeat-x; width:823px; float:left; display:inline; background-color:#FFF; margin:0 0 0 16px;
}
* html .latest_news div.first {
	margin:8px 0 0 0;
}
* html .latest_news div.second {
	margin:0 0 0 0;
}
* html .menu {
	margin:20px 0 0 22px; font-weight:bold; font-size:13px; height:42px;
}
* html div.partners {
	float:left; margin:20px 0 0 6px; background:#FFF; width:760px; height:351px; padding:10px 0 0 15px; border-bottom:5px solid #597948;
}
* html div.contact {
	float:left; margin:20px 0 0 5px; background:#FFF; width:760px; height:433px; padding:10px; border-bottom:5px solid #597948;
}

/*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: #eef3ef;
}
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;
}