@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Calibri;
}
.wrapper {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.header {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 125px;
}
.logo {
	float: left;
	height: 100px;
	width: 350px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.top-link {
	float: right;
	width: 300px;
	text-align: right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCC;
	padding: 0px;
}
.top-link a {
	color: #3B3B3B;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
.top-link a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	background-color: #005f62;
}
.nav {
	float: right;
	height: 37px;
	width: 616px;
	clear: right;
	text-align: right;
	font-size: 18px;
	margin-top: 48px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.nav a {
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat-x;
	width: auto;
	color: #000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	margin: 0px;
}
.nav a:hover {
	color: #005f62;
	text-decoration: none;
}
.banner {
	padding: 0px;
	height: 336px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	z-index: 1000;
}
.banner-text {
	float: right;
	height: 335px;
	width: 270px;
	color: #d5dfc4;
	background-color: #020A2D;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-size: 23px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 2000;
}
.banner-text p {
	color: #d5dfc4; 
	padding: 40px;
	text-align: center;
	font-size: 20px;
	margin: 0px;
}
.text-area-bn {
	width: 1000px;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
.dot {
	padding: 0px;
	float: left;
	height: 11px;
	width: 44px;
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 110px;
}
.projects-area {
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project1 {
	float: left;
	width: 220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project1 img {
	border-top-width: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F6F6F;
	border-right-color: #6F6F6F;
	border-bottom-color: #6F6F6F;
	border-left-color: #6F6F6F;
}
.project2 img {
	border-top-width: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F6F6F;
	border-right-color: #6F6F6F;
	border-bottom-color: #6F6F6F;
	border-left-color: #6F6F6F;
}
.project3 img {
	border-top-width: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F6F6F;
	border-right-color: #6F6F6F;
	border-bottom-color: #6F6F6F;
	border-left-color: #6F6F6F;
}
.project1 p {
	margin: 0px;
	line-height: 16px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-size: 14px;
	text-align: justify;
}
.project2 p {
	margin: 0px;
	line-height: 16px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-size: 14px;
	text-align: justify;
}
.project3 p {
	margin: 0px;
	line-height: 16px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-size: 14px;
	text-align: justify;
}
.project-title {
	float: left;
	height: 24px;
	background-image: url(../images/project-title-bg.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.project2 {
	float: left;
	height: 200px;
	width: 220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
}
.project3 {
	float: left;
	height: 200px;
	width: 220px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
.mid-area {
	padding: 0px;
	width: 1000px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	overflow: hidden;
}
h1 {
	color: #005f62;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}
h2 {
	color: #005f62;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
}
h3 {
	color:Black;
	text-decoration: none;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 5px;	
	font-size: 14px;
}
h4 {
	color: #005f62;
	text-decoration: none;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;	
	font-size: 16px;
}
.enquiry {
	color: #005f62;
	text-decoration: none;
	font-size: 22px;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-weight: bold;
	margin: 0px;
	float: left;
}
.careers {
	color:  Black;
	text-decoration: none;
	font-size: 14px;	
	width: 600px;
	padding-top: 30px;
	padding-left: 10px;
	font-weight: bold;
	margin: 0px;
	float: left;
}
.contact {
	color: #005f62;
	text-decoration: none;
	font-size: 22px;
	background-image: url(../images/Enquiry.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-weight: bold;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.about {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 608px;
	border: 1px solid #b1def5;
	height: 400px;
	background-color: #f3fafe;
}

.aboutDiv {
	margin: 0px;
	padding-left: 20px;
	padding-right:15px;
	float: left;
	width: 608px;
	border: 1px solid #b1def5;
	height: 480px;
	background-color: #f3fafe;
}

.about-gc {
	background-color: #0090d9;
	margin: 0px;
	float: left;
	color: #FFF;
	text-decoration: none;
	font-size: 19px;
	font-weight: bold;
	width: 595px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
}

.add-area {
	float: right;
	width: 242px;
	color: #000000;
	border: 1px solid #cfe3dc;
	background-color: #e5f8e0;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}



p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
	color: #333;
	font-size: 15px;
}
.more {
	padding: 0px;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
}
.more a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.more a:hover {
	color: #005f62;
	text-decoration: underline;
}
.left-contener {
	float: left;
	width: 710px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.left-contener a
{
    color: #003366;
    text-decoration: none;
}
.left-contener a:hover
{
    text-decoration: underline;
}
.left-contener ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.right-contener {
	padding: 0px;
	float: left;
	width: 249px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.footer {
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 84px;
	width: 100%;
}
.footer-center {
	padding: 0px;
	width: 1000px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.copyright {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 500px;
	color: #CCC;
	font-size: 13px;
}
.follow {
	float: right;
	width: 190px;
	color: #CCC;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.copyright a {
	color: #BCBCBC;
	text-decoration: none;
}
.copyright a:hover {
	color: #00C9CE;
}
.fo-sz45 {
	font-size: 45px;
	text-decoration: none;
}
.fo-sz18 {
	font-size: 18px;
	text-decoration: none;
}
.fo-sz14 {
	font-size: 14px;
	text-decoration: none;
}
.fo-sz13 {
	font-size: 13px;
	text-decoration: none;
}


.fo-sz30 {
	font-size: 30px;
	text-decoration: none;
}
.fo-co-gray {
	color: #3b3b3b;
	text-decoration: none;
}
img {
	border:none;
}
.form-area {
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.input-form{
	border: 1px solid #E6E6E6;
	width: 227px;
	font-size: 12px;
	color: #666;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	background-color: #f9f9f9;
}
.list-form {
	background-color: #F9F9F9;
	border: 1px solid #E6E6E6;
	width: 239px;
	margin: 0px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	font-size: 12px;
	color: #666;
}
.combo-form {
	background-color: #F9F9F9;
	border: 1px solid #E6E6E6;
	width: 228px;
	margin: 0px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	font-size: 12px;
	color: #666;
	font-family: Arial;
}
.submet {
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #005F62;
	float: right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #005F62;
}
.add 
{ width: 340px;
  height: auto;
  float: left;
    }
.map 
{
	width: 390px;
	float: left;
	margin-left:50px;
	position: relative;
	padding: 0px;
    }
.project-decp{ margin:0 10px 10px 10px; border:1px solid #ccc; overflow:hidden; padding:20px;cursor:pointer }   
.pro-img,.pro-decp{ float:left; height:150px}
.pro-img,.pro-img img{ width:180px; height:150px; margin-right:20px;}
.pro-img img{ border:2px solid #ccc}
.pro-decp{ width:430px;}
.pro-decp h5{ font-size:20px; margin: 0px; padding: 0px;}
.pro-decp span{ color:#757575; font-size:14px; padding-left:0px; padding-top:20px;}
.project-decp,.careers input[type="text"],.careers textarea,.careers input[type="submit"],.project_box,.btn,.menu li{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #333;
	text-decoration: none;
}
          
.project-decp:hover,.careers input[type="text"]:hover,.careers textarea:hover,.project_box:hover,.btn:hover{
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	box-shadow: 4px 3px 5px #a9a9a9;
	color: #005f62;
	text-decoration: none;
}
.careers input[type="submit"]:hover,.menu li:hover{-webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
       -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);}   
          .careers{padding:22px;overflow:hidden}
.careers input[type="text"]{padding:10px 10px; border:1px solid #E6E6E6; clear:both; width:375px; margin:10px 9px 0 0; background:#f9f9f9; font-size: 14px; font-family: Calibri;}
.careers textarea{padding:10px 10px; border:1px solid #E6E6E6; clear:both; width:375px; margin:10px 9px 0 0; height:80px; background:#f9f9f9; font-size: 14px; font-family: Calibri;}
.careers input[type="submit"]{padding:8px 8px; border:0px solid #E6E6E6; clear:both; width:110px; margin:10px 9px 0 0; cursor:pointer; background:#005F62; color:#fff;box-shadow:4px 3px 5px #a9a9a9; font-size: 16px}
sup{ color:Red;top: -10px;position: relative;}
.careers h1,.careers span{ text-align:left}
.careers span{ font-style:italic; float:left}
.project-decp tr td
{border-color:#EFEFEF;
 border-style:solid;
 padding-top:5px;
 padding-bottom:2px;
 border-width:0 0px 1px 0;
 font-size: 14px;
 color:#005f62;
  }
.left-contener tr td
{border-color:#EFEFEF;
 border-style:solid;
 padding-top:5px;
 padding-bottom:2px;
 border-width:0 0px 1px 0;
 font-size: 14px;
 color: Black;
  }
  .mid-detail
  { width:100%;
    font-size: 14px;
      
      }

      .mid-detail ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 90%;
	font-size: 14px;
	}
	.gallery-int-area {
	float: left;
	width: 710px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.link a{
	color: #333333;
	text-decoration: none;
}
.link a:hover{
	color: #1987BD;
	text-decoration: underline;
}
.catalogue
{
     margin-top:15px;
	padding: 6px;		
	float:left;
	width:100%;
}
.catalogue a
{
   	padding: 6px;
   	margin-right:15px;
	background-color: #C30;
	border: 1px solid #C43100;
	float: right;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	float:right;
}
.catalogue a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	border: 1px solid #000;
}