/*.............editing-start.........*/
body{background:#CCCCCC; font-family:Verdana, Geneva, sans-serif; margin:0; padding:0; border:none;}
ul,li,a,p,img,h1,h2,h3,h4,h5,h6,h7,h8,img,iframe,div,body{ padding:0; margin:0; border:none;}
iframe{
	max-height:280px; min-height:290px; width:100%; height:300px;
}
h1{font-size:22px; color:#040303; margin-right:10px;}
h2{font-size:22px; color:#780607;}
h3{color:#FFFFFF;}
h4{color:#b60709; font-size:16px;}
h5{color:#FFFFFF; font-size:16px; line-height:16px;}
h6{ font-size:20px; color:#864221;}
h7{font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:underline;}
h8{font-size:18px; color:#780607; font-weight:bold; text-decoration:blink; text-align:justify;} 
p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#151515; margin-top:6px; line-height:18px;}
p a{ color:#0e468c; text-decoration:none;}
marque{height:185px;}


/*.............class-start.........*/

.clr{clear:both; margin:0; padding:0; border:0;}
.fl{float:left;}.fr{float:right;}
.gap{ margin-top:10px; padding-bottom:10px;}
.dot{margin-top:5px; padding-bottom:5px; border-bottom:#FFFFFF dotted 2px;}

/*.............class-end.........*/
/*.............id,class-start.........*/


#main{width:100%; height:auto; margin:0 auto;}
#top-menu{height:59px; width:94%; margin:0 auto; background-color:#0563ab;}
#top-menu ul{list-style:none;}
#top-menu ul li{ float:left; width:19%;}
#top-menu ul li a{display:block; 
height:59px; 
line-height:59px; 
text-align:center; 
text-decoration:none; 
color:#FFFFFF; 
font-weight:bold; 
font-size:12px; 
margin-left:0;}
#top-menu ul li .top-menuactive,#top-menu ul li a:hover{background:/*url(../images/top-menuactive-bg.jpg)*/ no-repeat; color:#fff; 
}
#head{ width:1000px;}
#head img{border:0; margin:0; border:none;}

#center-right{width:370px;}
/*fgfgf*/



ul#navigation {
position:relative;
	list-style: none;
width:90%; 
z-index:2;
margin:0 auto;
}
ul#navigation li{
position:relative; 
float:left;
	text-align:center;
	background:#4e4e4e;/*bc0271*/
	 border-radius:10px;
}

ul#navigation a { 
     float: left;
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold; 
	width:auto; 
	padding:0 10px; 
	display:block; 
	font-size:14px;
	 line-height:40px;
	position:relative;
	z-index:2;
	 border-radius:10px;
}

ul#navigation .menuactive{background:#0563ab;}

ul#navigation a:hover {
color:white;
}
ul#navigation li a span
{
position:absolute;
background-color:#b5b5b5;
width:0px;
left: 50%;
z-index:-1;
}



  ul#navigation li {display: block;}
  li ul {display: none; background:#4e4e4e;text-decoration: none;color: #fff;}
  ul#navigation li a {display: block; white-space: nowrap; color: #fff; }
  ul#navigation li a:hover {}
  li:hover ul {display: block; position: absolute; margin-top:40px;}
  li:hover li {float: none; background:#3b1a07; width:auto;} 
  .re{
    border-bottom-left-radius:30px; 
  }
  
  .re2{
    border-bottom-right-radius:30px; 
  }
	  
  
#banner{ margin-bottom:2px; border-bottom:#d01415 solid 3px; border-top:#c17132 solid 3px;}
#menu { font-family:Verdana, Geneva, sans-serif; height:40px;background:#4e4e4e; width:100%;}

#content{background:#FFFFFF; height:auto; width:100%;}
#who-left{width:49%; height:295px; background:#FFFFFF; padding:10px 10px; -moz-border-radius:10px; text-align:justify;}
#content-left{/*padding-left:25px;*/ width:60%; height:auto;}
#out{padding:0; /* background:url(../images/content_bg_bottom.jpg) repeat-x bottom right #3a4712*/; border-radius:10px; -moz-border-radius:10px;}
#out p{color:#000; text-align:justify;}
#out p a{color:#000; text-decoration:underline;}
#out img{margin:10px 10px 10px 0; border:#9CB105 solid 4px;}

#leftandright{ background:#A8A800; border-radius:10px; -moz-border-radius:10px; height:auto; padding:15px 10px 15px 10px; width:555px; }
#left{width:273px;}
#right{width:273px;}
#hire{background:#FFFFFF; padding:10px 10px; border-radius:10px; -moz-border-radius:10px; padding:10px 10px 10px 10px;}#hire p a{text-decoration:underline; color:#FF0000;}
#hire img{ border:#EAEA00 solid 2px; margin:0 10px 2px 0;}

#content-right{width:34%; padding:0 27px 0 30px;}
#services{  background:url(../images/services-bg.jpg);}
#services-body{ background:url(../images/servicesinbg.jpg) ; height:auto; padding:10px 10px 0 10px; border:#e3a283 2px solid; border-radius:5px; -moz-border-radius:5px; box-shadow:0px 0px 3px 3px rgba(22,22,22,0.3); width:325px;}
#services-body img{ border:#884009 solid 2px; float:left; margin-right:10px;}
#services-body p{color:#fff; font-weight:bold;
text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
#services-body a{font-size:16px; color:#ff2a00; font-weight:bold; text-decoration:underline;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
#services-body h6{color:#ff2a00;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

#news a{font-weight:bold; line-height:24px;}
#subscribenewsletter{background:url(../images/newstopbg.jpg) repeat-x #DFDFDF;  padding:10px 10px;}



#subscribenewsletter a{ color:#780607; text-decoration:none; font-size:12px;}
#subscribenewsletter a:hover{color:#000;}
#testmonials-body{background-color: #DFDFDF;border-radius:10px; -moz-border-radius:10px; padding:10px; alignment-adjust:central}#testmonials-body p{color:#000/*424242ff8801;
text-shadow: 2px 2px 3px #000;*/ font- weight:bold; text-align:center;} #testmonials-body p a{color:#0000; text-decoration:underline;}
#testmonials-body h3{
	color:#b90103;
	text-align:inherit;
}

#footer{ padding:7px 0; height:60px; /*background:url(../images/footerbg.jpg) repeat-x bottom #C10000;*/background: rgba(8,125,214,1);
background: -moz-linear-gradient(top, rgba(8,125,214,1) 0%, rgba(2,81,142,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,125,214,1)), color-stop(100%, rgba(2,81,142,1)));
background: -webkit-linear-gradient(top, rgba(8,125,214,1) 0%, rgba(2,81,142,1) 100%);
background: -o-linear-gradient(top, rgba(8,125,214,1) 0%, rgba(2,81,142,1) 100%);
background: -ms-linear-gradient(top, rgba(8,125,214,1) 0%, rgba(2,81,142,1) 100%);
background: linear-gradient(to bottom, rgba(8,125,214,1) 0%, rgba(2,81,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087dd6', endColorstr='#02518e', GradientType=0 );}
#footer p{font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; line-height:22px;}
#footer p a{color:#FFFFFF; text-decoration:none;}#footer p a:hover{ color:#f27272;}



#bottom-menu{  width:100%;   background:#0463aa; padding:0 10px; height:28px; margin-top:4px;} 
/*#bottom-menu ul{list-style:none; float:left;}
#bottom-menu ul li{float:left; line-height:31px;}
#bottom-menu ul li a{height:31px; color:#5d4837; font-size:12px; font-weight:bold; float:left; padding:0 2px; text-decoration:none;}
#bottom-menu ul li a:hover,.bottom-menuactive{background:#FF9428;}*/

#ot-btn { margin:0px auto 0 auto; width:7000px;}
#menu-css ul{float:left; width:auto;}
#menu-css li { display: inline; list-style: none; float: left; background-image:url(../images/menu-bg.jpg); background-repeat:no-repeat;}
#menu-css li a { 
-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;
color: #fff; display: inline-block; padding: 6px 15px; outline: none; text-decoration: none; font-size: 12px;
font-weight: bold; float:left; }
#menu-css li a:hover ,.bottom-menuactive { background: #06385e; padding: 6px 26px; color:#FFF; }
#menu-css li a:active{ background: #f06868; color:#fff;}

/*.............about-start.........*/
#about{background:url(../images/contentbg.jpg) no-repeat center;}
#about img{margin:10px 10px 5px 0;}
#visionandmision img{margin:5px 10px 5px 0; border:#808000 solid 2px;}
#visionandmision p a{color:#FFFFFF; text-decoration:underline;}
#portfolio .dot{margin-top:5px; padding-bottom:5px; border-bottom:#000000 dotted 2px; width:530px;}
#layout img{margin-left:7px; width:280px; height:215px;}


/*.............sales-start.........*/
#our-services{ font-size:12px; line-height:20px;}
#our-services img{ margin:0; padding:0; border:none; float:left; margin-right:10px;}

#development-wing{ /*background:url(../images/developmentbg.jpg) no-repeat bottom right #37620a;*/ border-radius:10px; -moz-border-radius:10px; height:auto; padding:20px 20px;}
#development-wing img{ margin:0 10px 0 0;}
#development-wing p{color:#000000; font-size:12px;}
/*.............id-end.........*/
#fixedout{ position:fixed; bottom:0; display:inline; display:inline; overflow:hidden;}
#fixed{ background:url(../images/fixedfooterbg.jpg) repeat-x; height:55px; margin:0 auto; width:800px; padding:0 100px;  padding-top:7px; display:none; }
#fowout{display:none;}
#logs{ border:#94796a solid 2px; }
#sidelinks a{color:#1E7EB9;}
#sidelinks a:hover{font-weight:bold;}
#description ul,#description ul li,#description ol{ padding:0; margin:0; border:none;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#description ul,#description ol{padding-left:30px;}
#frame
{
width:100%;
height:40px;
overflow:hidden;
}
.img
{
width:100%;
height:auto;
}
.arw
{
width:8%;
height:auto;
}
#out2{background:url(../images/content_bg_bottom.jpg) repeat-x bottom right #3a4712; border-radius:10px; -moz-border-radius:10px;}
.ready
{
font-size:16px;
line-height:30px;
font-weight:bold;
}
.ready a
{
color:#FFFFFF;
}
#blink 
{   
  animation-duration: 2000ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes blink 
{
from 
{
color:#FF9900;
}
to 
{
color:#FFFFFF;
}
}
.ready a:hover
{
color:#FF3300;
}
#panel
{
width:100%;
height:auto;
margin-top:35px;
border-top:solid 1px #FFFFFF;
}
body {
  display: block;
}
.hide:focus ~ .alert {
  display: none;
}
.show:focus ~ .alert {
  display: block;
}
.alert{display:none;}
#panel img
{
width:100%;
height:auto;
margin-top:15px;
}

.psp{
	width: auto;
	height: auto;
	margin-bottom: 4px;
	line-height: 25px;
	font-size: 12px;
	text-align: justify;
}

.pad{
	padding-left:5px;
	border-left:#000 solid 1px;
}

.alldiv{
	width:85%;
	height:auto;
	margin:0 auto;
}

.oricacontact{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.oricacontact p{
	position:relative;
	z-index:2;
	color:#8f3e3d;
	font-size:16px;
	font-weight:500;
	line-height:20px;
}
.orica{
	padding:85px 0 0 45px;
}
.orica_con{
  position:absolute;
   height: 337px;
    width: 340px;
}

.enjoy-css {
	width:100px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 10px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font: normal 20px/normal "Times New Roman", Times, serif;
   color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #018dc4;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.68) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.68) ;
  text-shadow: -1px 3px 2px rgba(0,0,0,1) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: rotateY(6.302535746439055deg) rotateZ(-6.302535746439055deg)   ;
  transform: rotateY(6.302535746439055deg) rotateZ(-6.302535746439055deg)   ;
}

.enjoy1-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px 10px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.enjoy2-css {
	width:50px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}