#header {
 position:fixed;
 top:0px;
 left:0px;

 height:70px;
 width:100%;
 min-width:1000px;
 display:block;
 
 background:url("../images/head.jpg");
 background-size:100% 100%;
 box-shadow:20px 0px 30px #c1c1c1;
 z-index:100;
}
#left .logo{
 position:absolute;
 top:8px;
 left:100px;
 
 height:110px;
 width:190px;
 display:block;
}
#right {
 position:absolute;
 top:4px;
 right:100px;

 height:60px;
 width:590px;
 display:block;
 }
 #right .social {
 position:absolute;
 top:0px;
 right:0px;

 height:30px;
 width:150px;
}
#right .menu {
 position:absolute;
 bottom:-8px;
 right:70px;

 height:30px;
 width:100%;
 display:block;

 text-align:center;
 font-family:"Ebrima",Corbel,Calibri;
 font-size:14px;
 line-height:28px;
 color:#FFFFFF;
 }
#slide1 {
 position:relative;
 top:0px;
 left:0px;
 min-width:1240px;
 width:100%;
 height:100%;
}
 #slide2 {
	background:#fefefe fixed;
 }
 #slide3 {
	background:url('../images/slide3.jpg') no-repeat;
 }
 #slide4 {
	background:#fefefe fixed;
 }
#slide2,#slide3,#slide4 {
 position:relative;
 top:0px;
 left:0px; 
 min-width:1240px;
 width:100%;
 height:100%;
 overflow-y:scroll;
 overflow:auto;
}

 .use_area {
	position:relative;
	top:0px;
	left:0px;
	padding:6% 100px 0px 100px;
	word-wrap:break-word;
	height:400px;
  }
  .panel-left {
	position:absolute;
	top:18%;
    width:45%;
  }
  .panel-right {
	position:absolute;
	top:18%;
	right:100px;
    width:35%;
  }
 .liner {
  position:relative;
  top:0px;
  left:0px;
  height:inherit;
  }
.liner-left{
  position:absolute;
  top:0px;
  left:2px;
  width:60px;
  background-size:100% 100%;
  height:100%;
 
}
.liner-right{
  position:relative;
  top:0px;
  right:-60px;
  vertical-align:middle;
  min-height:50px;
  width:400px;
  margin-top:3px;
  font-size:13pt;
  line-height:24px;
  }
 .liner-1 {
  position:relative;
  top:0px;
  left:0px;
  height:inherit;
  margin-left:-13px;
  }
.liner-left-1{
  position:absolute;
  top:0px;
  left:2px;
  width:60px;
  background-size:100% 100%;
  height:100%;
 
}
.liner-left-1 img{
 margin-top:2%;
 margin-left:5px;
 width:50px;
}
.liner-right-1{
  position:relative;
  top:0px;
  right:-60px;
  vertical-align:middle;
  min-height:45px;
  width:400px;
  margin-top:3px;
  font-size:13pt;
  line-height:45px;
  }
 .liner-2 {
  position:relative;
  top:0px;
  left:0px;
  height:inherit;
  margin-left:-13px;
  }
.liner-left-2{
  position:absolute;
  top:0px;
  left:2px;
  width:60px;
  background-size:100% 100%;
  height:100%;
 
}
.liner-left-2 img{
 margin-top:2%;
 margin-left:5px;
 width:50px;
}
.liner-right-2{
  position:relative;
  top:0px;
  right:-60px;
  vertical-align:middle;
  min-height:45px;
  width:400px;
  margin-top:3px;
  font-size:13pt;
  line-height:45px;
  }
  .bottom-panel {
  height:100%;
  width:100%;
  font-size:12pt;
  line-height:40px;
  margin-top:0px;
  }
  .item1 {
  position:absolute;
  left:0px;
  width:25%;
  border-left:2px solid #c1c1c1;
  border-right:1px solid #c1c1c1;
  }
  .item2 {
  position:absolute;
  left:25%;
  width:25%;
  border-right:1px solid #c1c1c1;
  }
  .item3 {
  position:absolute;
  left:50%;
  width:25%;
  border-right:1px solid #c1c1c1;
  }
  .item4 {
  position:absolute;
  left:75%;
  width:25%;
  border-right:2px solid #c1c1c1;
  }
  .bottom-panel-1 {
  height:100%;
  width:100%;
  font-size:12pt;
  margin-top:-50px;
  line-height:normal;
  }
  .item1-1 {
  position:absolute;
  left:0px;
  width:20%;
  border-left:2px solid #c1c1c1;
  border-right:1px solid #c1c1c1;
  }
  .item1-2 {
  position:absolute;
  left:20%;
  width:20%;
  border-right:1px solid #c1c1c1;
  }
  .item1-3 {
  position:absolute;
  left:40%;
  width:20%;
  border-right:1px solid #c1c1c1;
  }
  .item1-4 {
  position:absolute;
  left:60%;
  width:20%;
  border-right:1px solid #c1c1c1;
  }
  .item1-5 {
  position:absolute;
  left:80%;
  width:20%;
  border-right:2px solid #c1c1c1;
  }
  .bottom-panel img {
  height:60px;
  margin-top:10px;
  }
  .bottom-panel-1 img {
  height:60px;
  margin-top:10px;
  margin-bottom:15px;
  }
 #item {
  text-align:center;
  cursor:pointer;
  color:#535353;
 
  border-top:2px solid #c1c1c1;
  border-bottom:2px solid #c1c1c1;
  opacity:0.8;
 }
 #item:hover {
  color:Black;
  opacity:1;
 }
 #button {
  height:30px;
  width:100px;
  background-color:#0663a9;
  border:1px solid #064c81;
  color:#ffffff;
  font-family:"Ebrima",Corbel,Calibri;
  font-weight:bold;
  font-size:16px;
  border-radius:.2em;
  display:block;
  text-align:center;
  opacity:.8;
 }
 #button:hover {
  background-color:#065591;
  border:1px solid #064c81;
 }
 #buzzer {
  position:absolute;
  bottom:25px;
  right:25px;
  font-size:30px;
  color:#a1a1a1;
  cursor:pointer;
  z-index:20;
 }
 #buzzer:hover {
  color:#0663a9;
   -webkit-transition: color 0.4s ease-out; 
 -moz-transition: color 0.4s ease-out;
 -o-transition: color 0.4s ease-out;
 transition: color 0.4s ease-out;
 }
  #footer {
	position:relative;
	bottom:-100px;
	text-align:center;
	font-size:12pt;
 z-index:1;
  }
#internal-container { 
 position:relative;
 width:100%;
 height:100%;

 min-width:1240px;
 font-size:13pt;
 line-height:26px;
}
 .in-image { 
 position:absolute;
 top:10%;
 height:30%;
 width:100%;
 background-repeat:no-repeat;
 background-position:top right;
 }
 .in-box-left {
  position:absolute;
  top:40%;
  left:100px;
  width:21%;
  height:auto;
 z-index:10;
 } 
 .in-box-center {
  position:absolute;
  top:11%;
  left:100px;
  right:100px;
  height:115%;
  width:86%;
  background-color:#f6f6f6;
 z-index:10;
 }
 .in-box-right { 
  position:absolute;
  top:40%;
  right:100px;
  width:63%;
  height:auto;
 z-index:1;
 }
.in-box-right-inner { 
 left:0px;
 height:91%;

 padding:10px;
 padding-top:0px;
 margin-top:4px;
 }
 .in-box-write {
 padding:15px;
 z-index:10;
 }
.in-box-right span{display:none;}
.in-box-right span:target {
  display:block;
 }
 .boxy {
 position:relative;
 width:100%;
 background-color:#f6f6f6;
 padding-left:10px;
 }
#boxy-id {
 min-height:90px;
 margin-top:20px;
}
#boxy-aid {
 min-height:80px;
 margin-top:10px;
}
#boxy-aid .by{
 position:absolute;
 bottom:5px;
 right:50px;
}
#boxy-aid .icon-quote-left {
 position:absolute;
 top:10%;
 left:5%;
 font-size:20pt;
 color:#e6e6e6;
}
#boxy-aid .icon-quote-right {
 position:absolute;
 top:25%;
 right:5%;
 font-size:20pt;
 color:#e6e6e6;
}
 .boxy h4 {
  padding-top:5px;
 }
.boxy .tests {
  position:relative;
  left:4%;
  line-height:50px;
  font-size:13pt;
  margin-left:20px;
  padding-bottom:5px;
  width:86%;
  text-align:center;
}
.boxy .boxy-p {
  margin-top:-22px;
  font-size:11pt;
  line-height:22px;
  margin-left:20px;
  padding-bottom:5px;
}
#boxy-id i {
 position:absolute;
 top:20%;
 right:20%;
 font-size:50pt;
 color:#e6e6e6;
}
 .in-footer {
 position:absolute;
 bottom:5px;
 font-size:11pt;
 text-align:center;
 height:30px;
 width:100%; 
 background-color:#efefef;
 z-index:1;
 }
 #v-menu {
	width:300px;
	margin-left:0px;
	display:block;
	height:400px;
	}
#sub-menu-tray {
	margin-top:-3px;
	font-size:12pt;
	margin-left:20px;
	display:none;
	}
.v-main-menu{
	cursor:pointer;
	line-height:26px;
	font-size:13pt;
	}
 .v-sub-menu {
	cursor:pointer;
	line-height:20px;
	}
#event {
	cursor:pointer;
	}
#event #event-tray {
	margin-left:1px;
	background-color:#f6f6f6;
	margin-top:-15px;
	width:99.7%;
	border-left:2px solid #0066ef;
	border-right:2px solid #0066ef;
	border-bottom:2px solid #0066ef;
	display:none;
}
#element_to_pop_up{ 
	margin-top:4%;
	display:none;
	background-color:#f6f6f6;
	width:700px;
	height:470px;
	border:5px solid #c1c1c1;
	border-radius:0.2em;
	padding:20px;
	font-size:12pt;
	z-index:100;
    overflow-y:scroll;
    overflow:auto;
	overflow-x:hidden;
}
#element_enquire{ 
	margin-top:6%;
	display:none;
	background-color:#f6f6f6;
	width:460px;
	height:370px;
	border:5px solid #c1c1c1;
	border-radius:0.2em;
	padding:20px;
	font-size:12pt;
	z-index:100;
 overflow-y:scroll;
 overflow:auto;
	overflow-x:hidden;
}
#element_register { 
	margin-top:2%;
	display:none;
	background-color:#f6f6f6;
	width:700px;
	height:550px;
	border:5px solid #c1c1c1;
	border-radius:0.2em;
	padding:20px;
	font-size:12pt;
	z-index:100;
 overflow-y:scroll;
	overflow-x:hidden;
 overflow:auto;
}
#closer,#closer-enquire,#closer-register {
	position:absolute;
	right:10px;
	top:5px;
	cursor:pointer;
}
#search-options {
	position:relative;
	left:0px;
	top:0px;
	margin-left:10px;
	margin-top:5px;
	width:100%;
}
.search-options-left {
	position:absolute;
	left:10px;
	top:0px;
	width:40%;
}
.search-options-right {
	position:absolute;
	right:10px;
	top:0px;

	width:50%;
}
#search-results {
	color:#0663a9;
	margin-top:10px;
	cursor:pointer;
	background:#efefef;
}
 #search-result {
	display:none;
	padding:10px;
}
#pop-up-tray{
	display:none;
	margin-top:-10px;
}
.search-options-right .liner-1 {
  position:relative;
  top:0px;
  left:0px;
  margin-top:-5px;
  cursor:pointer;
  }
  .search-options-right .liner-1:hover {
  color:#ff6c00;
   -webkit-transition: color 0.4s ease-out; 
 -moz-transition: color 0.4s ease-out;
 -o-transition: color 0.4s ease-out;
 transition: color 0.4s ease-out;
  }
.search-options-right .liner-left-1{
  position:absolute;
  top:0px;
  left:2px;
  width:60px;
  background-size:100% 100%;
  height:100%;
}
.search-options-right .liner-left-1 img{
 margin-left:15px;
 width:40px;
}
.search-options-right .liner-right-1{
  position:relative;
  top:0px;
  right:-60px;
  vertical-align:middle;
  min-height:40px;
  width:400px;
  font-size:13pt;
  line-height:40px;
  }
 #backer{
  color:#a1a1a1;
  display:none;
  cursor:pointer;
  width:40px;
  }
 #backer:hover {
  color:#0663a9;
   -webkit-transition: color 0.4s ease-out; 
 -moz-transition: color 0.4s ease-out;
 -o-transition: color 0.4s ease-out;
 transition: color 0.4s ease-out;
 }
 #pop-up-tray-button {
	margin-left:20px;
	line-height:25px;
	color:#000000;
 }
#pop-up-tray-button:hover {
  color:#ff6c00;
   -webkit-transition: color 0.4s ease-out; 
 -moz-transition: color 0.4s ease-out;
 -o-transition: color 0.4s ease-out;
 transition: color 0.4s ease-out;
  }
  .active{
  color:'#ff6c00';
  }