@import url('reset.css');
 
body{
	background:#5b5b5b url(../images/pattern.png) repeat top left;
	color:#fff;
	font-family: Arial, sans-serif;
	font-size:14px; padding:0; margin:0;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,img,div,class,id,iframe,table,tr,td{margin:0; padding:0; border:none; }

td{ height:32px;}
input{ width:200px;}
 
a{ color:#077f7e;}
a:hover{ color:#212121;}
p{ font-size:12px; text-align:justify;}
h1{ color:#2d7781; font-size:21px; font-weight:normal;} 
h3{ color:#292929;} 
h4{ color:#5b5b5b;} 
 

.clr{clear:both; margin:0; padding:0;}
.gap{ padding-top:5px; margin-bottom:5px;}
.fl{float:left;} .fr{float:right;} .fre{ margin-left:350px;} .frez{ margin-left:20px;}
.dot{margin:7px 0 7px 0; border:#f9f9f9 1px dotted;}
.flimg{ margin:0 15px 7px 0;}
.frimg{ margin:0 0px 7px 15px;}
.brd{ border:#618404 4px solid;}
.butt{ background:#247f7e; padding:3px 6px; color:#f6ffff; border-radius:5px;}
 

/* Header Style */

#header{font-family: Arial, sans-serif;
	width: 96%;
	background: #4a9203;
	opacity: 0.9; 
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000; padding:0 2%;
}
#header p{ color:#f7ffff;  font-size:12px; line-height:26px; letter-spacing:1px;}

#headd{  background: #0f9593;}


#content{ 
	line-height: 20px;
	width: 96%; min-height:360px;
	background:url(../images/arro.png) no-repeat right top #f3f3f3;
	opacity: 0.9; 
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000; padding:0 2%;
	}
#content p{ color:#5b5b5b;}
#content a p{ color:#FFFFFF; text-decoration:none;} 
#content a:hover p{ color:#181616;}
#content a{ text-decoration:none;}
	
	
#logo{ width:220px; padding-top:10px;}
#headerright{ width:65%;}
#headerright p{ color:#141414;}

#menu{/* background:#6c232a;*/ width:80%;}
/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{ text-decoration:none; display:block; padding:10px 12px;   color:#e2e2e2;
	font-weight:bold; margin-bottom:1px; text-transform:uppercase; font-size:11px;  letter-spacing:.3px; 
	-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out; }

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0; float:left;	}   
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover, #nav li a:focus, #nav li a.active{ background-color:#4a9203 ; color:#f3ffff; padding:10px 30px;  margin:0 2px;}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {  padding: 0; margin:0;
	list-style: none; line-height: 1em;}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; left:0; }

#rg-gallery{ width:35%;}
#about{ width:60%;}
#about p{ color:#1e1e01; font-size:12px;}
#about h4{  }

#whoweare{ width:48%;}
#contact{ width:48%;}

#aboutright{ width:45%; color:#1c1c1c;}
#aboutright p{ font-size:12px;}

#appication{ color:#0a0a0a;  }
#appication p{font-size:12px;}



#footer{	width: 96%;  
	background: #434242;
	/*opacity: 0.9;*/
	z-index: 9999; 
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000; padding:0 2%;}
#footer p{ font-size:12px; color:#ffffe6; line-height:26px;}
#orica{ width:20%; padding-top:3px;  }
#orica p a{ color:#fafffa;}
#orica p a:hover{ color:#053e02;}

#news{ position:relative;  z-index:999; padding:11px; width:44%; height:130px;  border-radius:15px; overflow:hidden; border:#FFFFFF 3px solid; 
 }
#news .bggg{
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left:3px;
	right: 0;
	opacity: .70;
	width: 100%;
	background:#124702;
}
#news img{ width:100px; float:left; border:#FFFFFF 2px solid; margin-right:5px;}
#news p{ font-size:12px; color:#FFFFFF; line-height:18px;}
#news a{ color:#044b57;}
#news a:hover{ color:#e2e5e5;}
 
#links{ background:#5c5b5b;  width: 96%;  padding:1% 3%; }
#linksin{ width:17%; float:left; margin-right:8%; }
#linksin .dot{ border:#f9f9f9 1px dotted;}
#linksin a{ display:block; line-height:18px; font-size:11px; color:#f0f3ea; font-weight:normal; text-decoration:none;}
#linksin a:hover{  color:#7fca69;}

 /*  validation started  */

.formError {

position:absolute;

top:300px; left:300px;

padding-bottom:13px;

display:block;

z-index:100000;

}

#debugMode{

background:#000;

position:fixed;

width:100%; height:200px;

top:0; left:0;

overflow:scroll;

opacity:0.8;

display:block;

padding:10px;

color:#fff;

font-size:14px;

z-index:100000;

}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}

.formError .formErrorContent {

width:100%;

background:#ee0101;

color:#fff;

width:150px;

font-family:tahoma;

font-size:11px;

border:2px solid #ddd;

box-shadow: 0px 0px 6px #000;

-moz-box-shadow: 0px 0px 6px #000;

-webkit-box-shadow: 0px 0px 6px #000;

padding:4px 10px 4px 10px;

border-radius: 6px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;}

.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{

position:absolute;

bottom:0;left:20px;

width:15px; height:15px;

z-index:5001;

}

.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{

border-left:2px solid #ddd;

border-right:2px solid #ddd;

box-shadow: 0px 2px 3px #444;

-moz-box-shadow: 0px 2px 3px #444;

-webkit-box-shadow: 0px 2px 3px #444;

font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;

}

.formError .formErrorArrowBottom div{

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

}

.greenPopup .formErrorArrow div{background:#33be40;}

.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}

.formError .formErrorArrow .line9{width:13px;border:none;}

.formError .formErrorArrow .line8{width:11px;}

.formError .formErrorArrow .line7{width:9px;}

.formError .formErrorArrow .line6{width:7px;}

.formError .formErrorArrow .line5{width:5px;}

.formError .formErrorArrow .line4{width:3px;}

.formError .formErrorArrow .line3{width:1px;

border-left:2px solid #ddd;

border-right:2px solid #ddd;

border-bottom:0px solid #ddd;}

.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}

.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}