@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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Arial,sans-serif;
  line-height: 1;


  
  
  
}

#buttons {
	float:left;
    list-style-type: none;
    padding:0;
	margin:5px;
	width:440px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#buttons li {float:left;
             font-family:Arial, Helvetica, sans-serif;
			 }

#buttons a { width:80px;
             display: block;
		     margin:0px 10px 0px 0px;
		     color: #7f7f7f;
             text-decoration: none;
			 font-family:Arial, Helvetica, sans-serif;
			 }





p{  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin: 15px 0 0;}

#1wrapped{width:950px
         margin:0;}

#firstscript{
background: white;
color: #7f7f7f;
font-size: 12px;
display: block;
width: 960px;
height:100%;
margin: 0 auto;
text-align: left;
}

.outside {
  display: block;
  width: 100%;
  margin: 0 0;
  text-align: center;
}

.compact{
  display: block;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

#firstscript #Header {
  height: 110px;
  padding: 20px 0 15px;
}

.logo{
  float: left;
  width: 250px;
  height: 90px;
  padding: 10px 0 0;
  background-repeat:no-repeat; background-position:left;
}

#buttonbar{  
  float: left;
  width: 460px;
  height: 110px;
  padding: 0 0 0 35px;
  text-align: right;
  font-size: 14px;
}

#totaloff {
  height: 65px;
  color:#0072BB;
  text-align:left;
  text-shadow:#999;}

.total{float:left; margin-righ:10px; text-align:center; font-family:Constantia;}
.offshore{font-family:Verdana; float:left; margin-left:10px; color:#009; font-size:16px; font-weight:bold;}
.solution{font-family:Constantia; float:left; margin-left:8px; text-align:center;}
  
  
.totalofftext{ float:left
  display: block;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #0071ba;
  font: sans-serif;
}

#tel{  float: right;
  width: 210px;
  height: 90px;
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
  }
  
.tel_main{ text-align:left centre; height:25px; line-height:25px; letter-spacing:0.5px; font-family:arial;
font-size:12px;
margin-bottom:3px;}
  
.tel_{margin:0 10px 0px 0px;
      float:left;
	  height:25px;}
	  
	  
#SecondNav {
	border-radius: 15px 15px 0 0px;
	float: right;
	height: 60px;
	margin: -20px 0 0;
	padding: 0;
	position: relative;
	right: 0;
	top: 0;
	z-index: 10;
	background-color: #0ab9b6;

	width: 960px;
	
}

#SecondNav li {
  float: left;
  width: 182px;
  height: 60px;
  line-height:60px;
  padding: 0px 5px 0 0;
  margin: 0 -1px 0 5px;
  text-align: center ;

  border-right: 1px solid white;
  vertical-align: middle;
  

 

}
#SecondNav li a {
    color: white;
    display: inline-block;

    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
}

a{text-decoration:none;}



ol, ul {
    list-style: outside none none;
}

a {
    color: #7f7f7f;
    text-decoration: none;
}

	#my_slider {
	    width:940px;
	    height:300px;
	    overflow: hidden;
	    psosition:relative;
	    list-style: none outside none;
	    padding:0;
	    margin:0;
	}
	#my_slider li {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    display:none;

	}
	#my_slider li:first-child {
	    display:block;
	}
	#counter {
	    text-align:right;
	    font-size:16px;
	    width:500px;
	}


.banner{background:#FFF;width:928px;border:1px #000 solid;margin:40px auto;padding:15px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}



#hline{width:100%; height:1px; background:#D1D1D1; margin-top:5px; margin-bottom:5px;}
#bline{width:100%; height:1px; background:#D1D1D1; margin-top:5px; }

#hline2{width:100%; height:1px; background:#D1D1D1;}
#hline3{width:100%; height:3px; background:#1D60B1;}
#lineWelcome{ margin-top:5px;width:100%; height:1px; background:#BCB2AF;}

.boxed {
  border: 1px solid #FFF;
  padding:5px 5px 5px 0px;
}

.boxbanner1{margin:0px 0px 0px 0px;
float:left;
}
.btnBOX{width:250px;
height:300px;
        float:left;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;}

.oursrv { color:#66B3FF;
              font-size:18px;
              padding:15px 0px 15px 10px;}

.btn_marine { background-image:url(images/btn/btn_marine.png);
              background-repeat:no-repeat;
	          height:42px;}

.btn_marine:hover { background-image:url(images/btn/btn_marine_lite.png);
                    background-repeat:no-repeat;
                    height:42px;}
					
.btn_install { background-image:url(images/btn/btn_installation.png);
              background-repeat:no-repeat;
	          height:42px;}

.btn_install:hover { background-image:url(images/btn/btn_installation_lite.png);
                    background-repeat:no-repeat;
                    height:42px;}


.btn_ref { background-image:url(images/btn/btn_refri.png);
              background-repeat:no-repeat;
	          height:42px;}

.btn_ref:hover { background-image:url(images/btn/btn_refri_lite.png);
                    background-repeat:no-repeat;
                    height:42px;}
					
.btn_pro { background-image:url(images/btn/btn_product.png);
              background-repeat:no-repeat;
	          height:42px;}

.btn_pro:hover { background-image:url(images/btn/btn_product_lite.png);
                    background-repeat:no-repeat;
                    height:42px;}

.btn_com { background-image:url(images/btn/btn_compress.png);
              background-repeat:no-repeat;
	          height:42px;}

.btn_com:hover { background-image:url(images/btn/btn_compress_lite.png);
                    background-repeat:no-repeat;
                    height:42px;}


.bnr{
    height:320px;}
	
#bnrslide {
	float:left;
    position: relative; 
    height: 320px;
	}
	

#bnrslide > div { 
    height: 320px;
    position: absolute; 
}










.welbody{border:#FFF 1px solid;
         height:385px;
		 width:100%;}

          

.welbox{margin:0px 0px 0px 0px;
        border: 1px solid  #FFF;
		width:500px;
		height:380px;
		float:left;}
		
.titles{margin:10px 0px 0px 5px;
        width:490px;
        color: #41637e;
		text-align:left;
		float:left;
        font-size: 30px;
		font-weight: 400;
		line-height: 24px;
		font-family: Roboto Condensed;}
		

		
.boxP{ float		:left;
       margin		:10px 0px 0px 5px;
       width		:490px;
       color		:#8A8989;
       font-size	:12px;
       font-weight	:normal;
       text-align	:left;
	   line-height:1.5em;
	   }
.boxP p{ font:Roboto Condensed, Tahoma, Helvetica, Arial, Verdana;
          line-height:1.5em;}
	   
.picslider{float:right;
           border: 1px solid #CCC;
		   margin:}
		   
.welbox2{margin:0px 0px 0px 0px;
        float:right;
		width:450px;
		height:380px;


		}
		
.picborder{ background:#FFF;
            width:420px;
		    height:250px;
			margin:29px 0 0 10px;
			alignment-adjust:central;
			}
.barbtm{ width:430px;
         height:330px;
		 border-bottom:#999 solid 1px;}
			
#slider {margin-top:20px;}

#slider a {
  
  text-decoration: none;
  background: #E3F1FA;
  border: 1px solid #C6E4F2;
  padding: 4px 6px;
  color: #222;
  margin:0px 0px 0px 0px;
}
#slider a:hover {
  background: #C6E4F2;
}









#slideshow {

    position: relative; 
    width: 500px; 
    height: 250px;
	}
	

#slideshow > div { 
    width:420px;
	height:250px;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px;}
		
			
			
.services{ margin-top:1px;
           border:#FFF 1px solid;
		   height:500px;
		   width:100%;}
			
.boxSer1{ border:1px solid #FFF;
          width:500px;
		  height:350px;
		  float:left;

}

.boxSerPIC{margin:10px 10px 0px 0px;
           height:250px;
		   width:450px;
		   float:left;
		   background-image:url(images/life_image/Design2.JPG);
		   background-repeat:no-repeat;
		   }

.titles2{margin:3px 0px 0px 0px;
        color:#FFF;
        display: block;
		text-align:left;
		float:left;
		font-size:18px;
		font-weight:bold;
		text-indent:2px;		}
.titles2Box
       {margin:10px 0px 0px 0px;
	    width:150px;
        background:#FF8000;
		height:25px;
        display: block;
		float:left;

}

#line{width:100%; height:1px; background:#F90; float:left;}


.boxSer2{ border:1px solid #FFF;
          width:450px;
		  height:350px;
		  float:right;
		  margin:0px 0px 0px 0px;

}
.boxSerPIC2{margin:10px 10px 0px 0px;
           height:250px;
		   width:422px;
		   float:left;
		    background-image:url(images/life_image/Installation.jpg);
		   background-repeat:no-repeat;}
		   
.titles3{margin:3px 0px 0px 0px;
        color:#FFF;
        display: block;
		text-align:left;
		float:left;
		font-size:18px;
		font-weight:bold;
		text-indent:2px;		}
.titles3Box
       {margin:10px 0px 0px 0px;
	    width:150px;
        background:#FF0080;
		height:25px;
        display: block;
		float:left;

}
#line2{width:100%; height:1px; background:#FF0080; float:left;}


.transparent{
	background: linear-gradient(to right, rgba(190, 0, 76, 0) 0%, #F90 100%);
    width:200px;
    height:30px;
    float:right;
	margin-right:3px;
	margin-top:220px;
    }
.transText{ text-align:right;
            float:right;
            color:#FFF;
			margin-top:10px;
			width:100px;
			}
.transText a{color:#FFFFFF;
margin-right:10px;}









.transparent2{
	background: linear-gradient(to right, rgba(190, 0, 76, 0) 0%, #FF0080 100%);
    width:200px;
    height:30px;
    float:right;
	margin-right:0px;
	margin-top:220px;
    }
.transText2{ text-align:right;
            float:right;
            color:#FFF;
			margin-top:10px;
			width:100px;
			}
.transText2 a{color:#FFFFFF;
margin-right:10px;}




#footer{
	background-color:#0071ba;
    height:100%;
    width: 100%;
	float:left;
	margin:0 auto;}

	
		 
#insideFo{
	margin:10px 0px 10px 0px;

    border-top: 1px solid white;

    line-height: 16px;
    color: white;
	width:100%;
    }

.footerinfo{

	font-size: 12px;
	text-align:left;
    line-height: 15px;
    color: white;
	width: 960px;
	height:300px;
	min-height: 205px;

    padding:0px 0px 0px 0px;
    margin: 0 auto;
    }
	

#ulF{
	float:left;
	color:#FFFFFF;
	width:100%;
}


#ulF a {color:#FFF}

.address{ float:left;
          margin:20px 0 0 0;
		  font-size:12px;
		  line-height:18px;
		  font-weight:bold;
		  height:200px;}
		  
.galleryF{float:left;
          margin:20px 0 0 0;
		  font-size:12px;
		  line-height:15px;
		  font-weight:bold;}
.address2{float:left;
          margin:1px 0 0 0;
		  font-size:12px;
		  font-weight:normal;
		  width:220px;
		  line-height:16px;
		  eight:200px;}
			
		
.maps{float:right;
      }
	  
#insideFo2{
	margin:10px 0px 10px 0px;

    border-top: 1px solid white;

    line-height: 16px;
    color: white;
	width:100%;
    }






#footerBox{font-size: 12px;
      	 text-align:left;
         line-height: 15px;
         color: white;
	     width: 960px;
	     height:300px;
	     min-height: 205px;
         padding:0px 0px 0px 0px;
         margin: 0 auto;
		 }

#footerBox a {color:#FFFFFF;}

#footerEOS{float:left;
           width:320;
		   height:300;
		   margin:10px 0px 0px 0px;
		   }


.center-text{    text-align: center;
    padding-top: 63px;}

.center-text h2 {
    padding-bottom: 23px;
}

.blue-2-title {
    font-size: 30px;
    line-height: 24px;
    text-transform: uppercase;
    color: #41637e;
    font-family: Roboto Condensed;
    font-weight: 400;
}

.center-text p {
    font-weight: 400;
    padding: 0px 166px 41px;
    line-height: 24px;
    position: relative;
}

.center-text p:after {
    position: absolute;
    width: 370px;
    display: block;
    border-top: 1px #bcb2af solid;
    margin: 0 auto;
    content: '';
    top: 77px;
    left: 36%;
} 

.radiuswrap {
    padding-top: 28px;
    padding-bottom: 17px;
}
.radiusrow{margin-left: -30px;}

element.style {
    visibility: visible;
    animation-name: fadeInRight;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.grid_4 {
    width: 430px;
}

[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 50px;
}

.wrapped_inner{
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 35px;
    margin-bottom: 15px;
	margin-right:20px;
	width:430px}
	
.radiuswrap .wrapped_inner .label {
    float: left;
    text-align: center;
    border: 2px #afa7a5 solid;
    border-radius: 450px;
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin-right: 25px;
}

.radiuswrap .wrapped_inner .details {
    padding-top: 11px;
	width:430px;
}

.blue-3-title {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #41637e;
    font-family: Roboto Condensed;
    font-weight: 700;
}

.radiuswrap .wrapped_inner .detail p {
    padding-top: 16px;
}

.clearText {
    clear: both;
}

.read_more {
    font-size: 14px;
    line-height: 18px;
	float:left;
	width:200px;
    color: #41637e;
    text-transform: uppercase;
    font-weight: 400;
	margin-bottom:10px;;
}
a {
    color: #41637e;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: 400;

}



	


.pri{ text-align:left centre; height:25px; line-height:25px; letter-spacing:0.5px; font-family:arial;
font-size:12px;
margin-bottom:3px;
float:right;
margin-left:10px;
padding:30px 10px 10px 0;}
  
.pri_mail{
      float:left;
	  height:25px;
	  float:left;}

/*  Contact Us Page */	

#bd{ float:left;
	 width:900px;
	 height:500px;
}

#sidepanel {width:100%;
             height:800px;
             margin:0px 15px 0px 0px;
			 border-radius:0px 0px 0px 0px;
			 color:#FFFFFF;

			 }
		 
			 
			 
#panal{width:165px;
       border-bottom-left-radius:10px;

			 background-color:#0071ba;
          float:left;
		  margin : 0px 5px 0px 0px;
		  padding:15px;
		  color:#FFFFFF;
            }
#panal li.child a{ padding-left:15px; margin-bottom:8px;
                   background-image:url(images/dot.png);
				   background-repeat:no-repeat;
    }
    
#panal li a{display: block;
    line-height: 15px;
    padding: 1px 0;
    color: white;
    font-size: 12px;}





			
#sidepanel2 {width:745px;
height:800px;
			 float:left;
			 display:block;
			 }
#sidepanel2 li.child a{display: block;
    line-height: 15px;
    padding: 10px;

    font-size: 12px;
	color:#0071ba;}
	

#sidepanel2 li.child a{ padding-left:15px; float:left;
    }
#b2line{width:730px; height:1px; background:#0071ba; margin-top:5px; margin-bottom:15px; margin-left:15px; float:left;}



.bluetitle3{font-size: 25px;
            float:left;
			width:500px;
            margin:10px 0px 0px 15px;
            color: #8A8989;

            font-weight: bold;}
			
#sidepanel2 table { float:left;
                   margin:20px 0px 0px 25px;
				    color:#0071ba;
					font-size:12px;
					
    }
#sidepanel2 table tr td{color:#8A8989;
                        line-height:16px;}
						
.color{color:#8A8989;}


#form{float:left;
      margin:20px 0px 0px 25px;
	  width:370px;
	  color:#8A8989}
	  
	  
	  
/* Basic Grey */
.basic-grey {
    margin-left:auto;
    margin-right:auto;
	margin-top:30px;
    padding: 0px 15px 25px 10px;

    color: #888;
    text-shadow: 1px 1px 1px #FFF;

}
.basic-grey h1 {
    font-size: 24px;
    padding: 0px 0px 10px 0px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -20px 30px -10px;;
    color: #888;
	
}
.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px -10px 0px 0px;
}
.basic-grey label>span {
    float: left;
    width: 15%;
    text-align: left;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background: #0071ba;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.basic-grey .button:hover {
    background:#0054A8;
}

.maps2{float:left;
      margin:35px 0px 0px 25px;
        }


#panal2{
          float:left;
		  width:165px;
		  margin : 0px 5px 0px 15px;

}
		  
		  
#panal2 li.child a{ color: #7f7f7f; padding-left:20px; margin-bottom:8px;
                    background-image:url(images/download.png);
					background-size:10px;
					background-position:left;
					
					background-repeat:no-repeat;
    }
    
#panal2 li a{display: block;

    line-height: 15px;

    color: white;
    font-size: 12px;}



/*-----------------------------------------------------------Contact Body*/
#contactbd				{width:740px; 
           				 float:left; 
		   				 height:500px;}
						 
		   
#contactbd li.topbtn a	{display: block;
						 padding-left:15px;
    					 line-height: 15px;
    					 padding: 10px;
    					 font-size: 12px;
						 color:#0071ba;
						 float:left;}


#btmline				{width:740px; 
     					 height:1px; 
						 background:#0071ba; 
						 margin-top:5px; 
						 margin-bottom:15px; 
						 margin-left:10px; 
						 float:left;
						 }

.bluetitle3				{font-size:20px;
            			 float:left;
						 width:250px;
            			 margin:10px 0px 0px 10px;
            			 color: #8A8989;
						 font-weight:bold;}


#contactus				{width:355px; 
						 margin:0px 0px 0px 10px; 
						 float:left; 
						 height:400px;}						 
						 
#contactus table 		{float:left;
                   		 margin:30px 0px 0px 10px;
				    	 color:#0071ba;
						 font-size:12px;}
						 						 
#contactus table tr td	{color:#8A8989;
                         line-height:16px;}

#enquiry 				{width:365px;
                         margin:0px 0px 0px 10px;  
						 float:left;  
						 height:400px;}	 

#eform					{float:left;
      					 margin:0px 0px 0px 10px;
	  					 width:350px;
	  					 color:#8A8989}
						 	   
/*------------------------------------------------------------Contact Body End*/