html, body{
  height: 100%;
}
* {outline:none;}
body{
  background: #c9f0fc url(images/body-bg.png) repeat-x top;
  margin: 0;
  padding: 0;

}
#wrapper{

  width: 992px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  /*height: 100%;*/
}
#header{
  background: transparent url(images/header-bg.jpg) no-repeat top;
  height: 315px;
}
#header ul{
  font-size: 15px;
  color: #26a9e0;
  list-style: none;
  float: right;
  padding: 0;
}
#lang{
  margin: 10px 25px;
}


#lang a{
  font-size: 11px;
  color: #26a9e0;
  text-decoration: none;
}
#lang a:hover{
  background-position: 0 -16px;
  color: #fff;
}
.eng{
  background: transparent url(images/eng-flag.png) no-repeat left top;
  height: 12px;
  padding-left: 20px;
}
.ind{
  background: transparent url(images/ind-flag.png) no-repeat left top;
  height: 12px;
  padding-left: 20px;
}
#nav{
  font-family: Arial;
  font-weight: bold;
    margin: 10px 0;
}
#nav li{
  display: inline;
  margin: 0 5px;
  position: relative;
  padding: 0 20px 0 0;
}


#nav a{
  color: #26a9e0;
  text-decoration: none;
}
#nav a:hover{
  color: #f7fcfe;
}
.navinfo{
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 11px;
  font-weight: normal;
}
.navinfo:hover{
  color: #26a9e0;
}


#logo{
  background: transparent url(images/logo.jpg) no-repeat top;
  width: 194px;
  height: 61px;
  display: block;
  float: left;
  margin: 1px 20px;
}
#center{
  position: relative;
  top: 0;
  font-family: Arial;
  color: #fff;
  width: 6060px;
  padding: 25px 0;
  background: #218acb;
}
#center p{
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 10px 0;
}
#center h2{
  font-size: 24px;
  margin: 0 0 18px;
  text-shadow: 1px 2px 2px #004e7a;
}
#center h3{
  font-size: 13px;
  margin: 25px 0 0;
  font-weight: bold;
}
#center div{

}

#home, #service, #portfolio, #theisland, #contact{
  float: left;
  margin: 0 52px 0 36px;
  width: 904px;
}


#home{

}
#tabber{

}
#tabnav{
  list-style: none;
  margin: 0;
  padding: 0;
  height: 27px;
  background: transparent url(images/tabcont-top.jpg) repeat-x bottom left;
  width: 100%;
  padding: 2px 10px;
}
#tabnav li{
  height: 13px;
  width: 88px;
  display: block;
  float: left;
  position: relative;
  font-size: 12px;
  padding: 7px 15px
}
#tabnav li a{
  color: #54bcfc;
  text-decoration: none;
  height: 13px;
  width: 88px;
  display: block;
}


#tabnav li:hover, #tabnav li a:hover{
  color: #fff;
}
#tabnav li.active, #tabnav li.active a{
  color: #02619d;
}

.tab1{
  padding: 7px 10px!important;
  width: 98px!important;
}


.tab1.active, .tab2.active, .tab3.active, .tab4.active{
  background: transparent url(images/tabactive-first.png) no-repeat top left;
  z-index: 5000;
}
.tab1.hide{
  background: transparent url(images/tabhide-first.png) no-repeat top left;
}

.tab2.hide, .tab3.hide, .tab4.hide{
  background: transparent url(images/tabhide-next.png) no-repeat top left;
}
.tab1{
  z-index: 4000;
}
.tab2{
  z-index: 3000;
  left: -15px;
}
.tab3{
  z-index: 2000;
  left: -30px
}

.tab4{
  z-index: 1000;
  left: -45px
}

#tabcont{
  padding: 20px 10px;


}
.tabcont{
  display: none;
}


#service{

}
.serv {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.serv li{

}


.serv a.servpoint:hover{
	background: transparent url(images/ico-con.png) left bottom no-repeat;
    color:#d1edff;
}
.serv a.servpoint.active{
    background: transparent url(images/ico-con.png) left bottom no-repeat;
}


.serv a.servpoint {
   background: transparent url(images/ico-con.png) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 5px 0px 5px 40px;
	display: block;
}
.servcont{
  margin-top: 100px;
  display: none;
  position: relative;
}
.servimg{
  /*background: transparent url(images/serv-image-container.jpg) no-repeat top;
  padding: 12px 11px;*/
  width: 242px;
  height: 165px;
  z-index: 2000;
  position: absolute;
  top: -75px;
  right: 20px;
}
.servimg div{
  overflow: hidden;
  width: 242px;
  height: 165px;
}


.servpost{
  background: #218ACB url(images/tabcont-top.jpg) repeat-x scroll left top;
  padding: 15px 10px;
  margin-top: 10px;
  position: relative;
  z-index: 10000;
  min-height: 130px;
}
.servtitle{
  font-size: 18px;
  font-weight: bold;

}


#portfolio{

}
.panelx{
  width: 525px;
  height: 336px;
  padding: 40px 45px;
  background: transparent url(images/lightbox-bg.png) no-repeat center center;
  display: none;
  top: 150px;
  position: absolute;
  z-index: 10000;
  left: 215px;
}
#paneld{
  width:100%;
  min-height: 100%;
  /*background: transparent url(images/panel-bg.png) repeat center center;*/
  background-color: #000;
  opacity:0.5;
  filter: alpha(opacity = 50)!important;
  position: absolute;
  display: none;
  z-index: 1000;
  top: 0px;
  left: 0px;
  font-family: Arial;
  font-size: 12px;
}
.panelx img {border: 12px solid #26a8f8;}
.panelx p {
  margin: 10px 0px 0px;
  padding: 0px 10px;
  border-left: 2px dotted #26a8f8;
  font-size: 12px;
  color: #000;
  line-height: 20px;
  font-family: arial;
  
}
.panelx p a{
  font-size: 12px;
  color: #131313;
  text-decoration: underline;
  font-weight: bold;
}
.panelx p a:hover{
  color: #26a8f8;
}
.navv{margin-top: 30px;margin-left: 20px;}
.navv img {margin:0 15px 20px;border: 10px solid #004874;}
.navv img:hover {border: 10px solid #93d6ff;}
.panelx {margin: 0px auto;}
.panelx{z-index: 10000;}
.lightclose{
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  top: -10px;
  left: 580px;
  background: transparent url(images/lightbox-close.png) no-repeat;
}


#theisland{

}
#theisland .rightcol{
  margin-left: 30px;
  width: 576px;
}


#trees{
  margin-top: 40px;
}
#trees p{
  margin: 0;
}

.onflip{
  z-index: 1000;
  position: absolute;

}


.people{
  float: left;
  margin: 10px;
  width: 172px;
  height: 70px;
  background: #31abf6 url(images/people-right.jpg) no-repeat top right;



}
.people-image{
  width: 70px;
  height: 70px;
  background: #fff;
  float: left;
}
.people-image img{
  width: 70px;

}
.people-data{
  float: left;
  width: 90px;
  padding: 10px 0 0 8px;


}
.ppl-name{
  line-height: 15px!important;
  font-size: 11px!important;
  color: #fff;


}
.ppl-info{
  font-size: 10px!important;
  font-style: italic;
  color: #a9e9fd;
  line-height: 12px!important;
}


#contact{

}
#contact form{
  width: 535px;
  font-size: 12px;
  margin: 15px 0 0 15px;
}
#response{
  display: none;
  width: 531px;
  border: 2px solid #005285;
  background-color: #BCEAFC;
  color: #0A79BE;
  margin: 0 0 0 15px;
}


form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0; color: #0a79be; margin: 10px 12px;}
form p br {display: none;}
form .contactform {
  background-color: #bceafc;
  border: 2px solid #005285;
  width: 190px;
  height: 15px;
  padding: 8px 10px;
}
form .contactform:focus{
  background-color: #fff;
}


form textarea.contactform{
  width: 285px;
  height: 150px;
}
.formleft{
  float: left;

}
.formright{
  float: right;
}
.submit-btn{
  width: 88px;
  height: 30px;
  background: transparent url(images/submit-btn.jpg) no-repeat top left;
  border: none;
  float: right;
  font-size: 0;
}
.submit-btn:hover{
  background-position: 0 -30px;
}
.submit-btn:active{
  background-position: 0 -60px;
}


.leftcol{
  float: left;
  width: 284px;
}
.rightcol{
  float: left;
  width: 570px;
  margin-left:50px;
}


#footer{
  background: #C9F0FC;
  height: 15px;
  margin: 0;
  background: #218acb;
}
.active{
  display: block;
}

.contact-detail {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.contact-detail li{
	padding: 5px 0 5px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(images/ico-con.png) left top no-repeat;
}
.contact-detail li:hover{
	background: transparent url(images/ico-con.png) left bottom no-repeat;
}
.contact-detail li a{
	color:#fff;
}
.contact-detail li a:hover{
	color:#d1edff;
}