@charset "utf-8";
/* CSS Document */
@font-face {
  font-family:Calibri;
  font-style:   normal;
  font-weight: normal;src:url(../fonts/calibri.ttf) format('opentype');
}
@font-face {
  font-family:Impact;
  font-style:   normal;
  font-weight: normal;src:url(../fonts/impact.ttf) format('opentype');
}

body{ font-family:Calibri; font-size:13px; margin:0px; padding:0; background:#00aff0 url(../images/bg.jpg) center top no-repeat;}
a, a:link{ text-decoration:none; outline:none; color:#007CF3;}
a:hover{ color:#003399;}
img{border:0;}
.clear{ clear:both;} 
.top{ width:100%; height:30px; background:#454545; font-size:14px; color:#FFFFFF;}
.top ul{ display:block; margin:0; padding:7px 0px;}
.top ul li { display:inline; padding:5px 5px;}
.top ul li a{ display:inline; padding:5px 10px; color:#FFFFFF;}
.top ul li a:link{ display:inline; padding:5px 10px; color:#FFFFFF;}
.top ul li a:hover{ display:inline; color:#adceff;}
.top_inner{ width:1024px; margin:0px auto; text-align:right;}
.top_left{ float:left; width:300px; padding-top:6px; text-align:left; padding-left:55px;}
.top_right{float:right; width:300px; height:30px;}



.header{ /*background:url(../images/header_baar.jpg) repeat-x;*/ height:95px; width:100%;}
.header_inner{ width:1020px; margin:0px auto;}
.header_left{ width:270px; float:left; margin-top:0px;}
.header_right{ float:right; text-align:right; font-size:16px;}
.header_right ul{ display:block; padding:10px 0px; }
.header_right ul li{ display:inline; padding:25px 0px; }
.header_right ul li a{ display:inline; padding:25px 15px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; behavior:url(../PIE.htc); color:#000000;}
.header_right ul li a:link{ display:inline; padding:25px 15px; -moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; behavior:url(../PIE.htc);}
.header_right ul li a:hover{ background:#a2bfea;padding:25px 15px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;behavior:url(../PIE.htc); color:#fff;}




.slider{ width:1000px; margin:0px auto; height:272px;-moz-border-radius: 5px 5px 0 0 ;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; behavior:url(../PIE.htc);}
.slider_inner{ padding:5px 5px;}
.slide{ background:#fff; height:250px; width:auto;}
.slide_buttons{ margin-top:10px; height:70px;}
.slide_buttons ul{ display:block; padding:0px 15px; }
.slide_buttons ul li{ display:inline; padding:25px 10px;width:215px;height:19px;}
.slide_buttons ul li a{ display:inline; width:215px;height:19px;background:url(../images/button_blue.png) no-repeat;float:left;font-size:24px;	color:#fff;	cursor:pointer; font-family:Impact; letter-spacing:1px;padding:25px 10px;}
.slide_buttons ul li a:link{ display:inline;width:215px;height:19px;background:url(../images/button_blue.png) no-repeat;float:left;font-size:24px;	color:#fff;	cursor:pointer; font-family:Impact; letter-spacing:1px;}
.slide_buttons ul li a:hover{ background-position:0 -68px;color:#000;text-decoration:none; cursor:pointer;}
#slideshow {position:absolute;height:250px; padding:0;}
#slideshow IMG { position:absolute; z-index:8; opacity:0.0;}
#slideshow IMG.actived { z-index:10;opacity:1.0;}
#slideshow IMG.last-actived { z-index:9;}

.grey {
background:#000;background: -webkit-gradient(linear, left top, left bottom, from(#97c3df), to(#5e83bb));
background: -moz-linear-gradient(top,  #97c3df,  #5e83bb);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c3df', endColorstr='#5e83bb');
}
.grey:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#86b2f3), to(#73bbea));
background: -moz-linear-gradient(top,  #86b2f3,  #73bbea);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b2f3', endColorstr='#73bbea');
}
.homecontent{ width:900px; margin:0px auto; padding:10px 20px; font-size:14px; text-align:justify;}
.butmore a{ color:#8b8989;}.butmore a:link{ color:#8b8989;}.butmore a:hover{ color:#224260;}
.butmore, .butmore:link, .butmore:visited {width:120px;height:32px;background:url(../images/more.png) no-repeat;float:right;font-size:14px;text-align:center;padding:11px 29px 0 0; font-family:Impact; cursor:pointer;}
.butmore:hover {color:#224260;text-decoration:none;cursor:pointer;}
.heading{ font-family:Impact; font-size:18px; padding:10px; letter-spacing:1px; color:#224260;}
h1{ font-family:Calibri; font-size:18px; padding:10px; color:#00aff0; margin:0;}
.content_h{ padding:15px 10px; text-align:justify; height:100px;}
.break{ width:1px; height:200px; margin:5px 0px; background:#ececec; float:left;}
.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 13px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.button:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.button:hover:before {
  background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.button:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button:active:before {
  content: none;
}

.button-green {
  background: #5ca934;
  border-color: #478228 #478228 #3c6f22;
  background-image: -webkit-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
  background-image: -moz-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
  background-image: -o-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
  background-image: linear-gradient(to bottom, #69c03b, #5ca934 66%, #54992f);
}
.button-green:active {
  background: #5ca934;
  border-color: #3c6f22 #478228 #478228;
}

.button-red {
  background: #d5452f;
  border-color: #ae3623 #ae3623 #992f1f;
  background-image: -webkit-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
  background-image: -moz-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
  background-image: -o-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
  background-image: linear-gradient(to bottom, #da5c48, #d5452f 66%, #c73d28);
}
.button-red:active {
  background: #d5452f;
  border-color: #992f1f #ae3623 #ae3623;
}

.button-blue {
  background: #1097e6;
  border-color: #0d78b6 #0d78b6 #0b689e;
  background-image: -webkit-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -moz-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -o-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: linear-gradient(to bottom, #25a5f0, #1097e6 66%, #0f8ad3);
}
.button-blue:active {
  background: #1097e6;
  border-color: #0b689e #0d78b6 #0d78b6;
}

.button-orange {
  background: #f4902a;
  border-color: #df770c #df770c #c76a0a;
  background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
  background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
  background-image: -o-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
  background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f38617);
}
.button-orange:active {
  background: #f4902a;
  border-color: #c76a0a #df770c #df770c;
}



.footer{ width:100%; background:#000000; color:#fff;}
.footer_inner{ width:1020px; margin:-1px auto;}
.footer_inner_address{ width:1020px; margin:0px auto; padding:10px 0px; text-align:center;}
.footer_inner_address a, a:link{ color:#fff;}
.footer_inner_address a:hover{ color:#CCCCCC;}
.fut_left{ float:left; width:300px; padding:10px;}
.fut_right{ float:right; width:600px; padding:10px; text-align:right;}
.footer .footer_inner .fut_right a, a:link{ color:#fff; }.footer .footer_inner .fut_right a:hover{ color:#007CF3;}



/* Special Case */

html, body {
height:100%;
}
#container 
{
width:1020px;
background:#fff; -moz-border-radius: 5px 5px 0 0 ;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; 
min-height: 69.1%;
margin: 5px auto 10px auto; 
}
#container_home 
{
width:1000px;
background:#fff; -moz-border-radius: 5px 5px 0 0 ;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; 
min-height: 69.1%;
margin: 0px auto 0px auto; 
}
* html #container {
height: 100%;
}
#footer {
width:99.9%; height:53px; background:url(../images/footerbaar.jpg) repeat-x;
border: #323232 1px solid; 
color:#fff;
}


/* Inner Page Style */
.container_inner{ padding:10px 15px;}
.heading_inner{ font-family:Calibri; font-weight:bold; font-size:20px; padding:10px 10px; letter-spacing:1px; color:#224260; border:#e0e0e0 1px solid; background:#e9e9e9;
-moz-border-radius: 5px 5px ;-webkit-border-radius:5px 5px;border-radius:5px 5px; 
}
.heading_inner1{ font-family:Impact; font-size:18px; padding:2px 10px; letter-spacing:1px; color:#000; border:#5C9AF8 1px solid; background:#82BBF4;
-moz-border-radius: 5px 5px ;-webkit-border-radius:5px 5px;border-radius:5px 5px; margin:5px 0px; 
}
.navigation{ font-size:11px; color:#999; padding:10px 10px;}
.content_main{ font-size:14px; color:#000; padding:10px 10px; text-align:justify;}



/* Special Case */

#container_test 
{
width:1020px;
background:#c8d9f3; -moz-border-radius: 5px 5px 0 0 ;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; 
min-height: 70.5%;
margin: 5px auto 0px auto; padding:5px;
}
* html #container_test {
height: 100%;
}
.footer_inner_test{ width:1020px; margin:-1px auto; background:#c8d9f3;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius:5px;border-radius: 0 0 5px 5px;padding:5px;}
.pro_left{ width:300px; float:left;}
.pro_right{ width:600px; float:right;}
.led_left{ width:450px; float:left;}
.led_right{ width:380px; float:right;}




.homecontent1{ width:860px; margin:0px auto; padding:10px 20px; font-size:14px; text-align:justify;}
.butmore a{ color:#8b8989;}.butmore a:link{ color:#8b8989;}.butmore a:hover{ color:#224260;}
.butmore, .butmore:link, .butmore:visited {width:120px;height:32px;background:url(../images/more.png) no-repeat;float:right;font-size:14px;text-align:center;padding:11px 29px 0 0; font-family:Impact; cursor:pointer;}
.butmore:hover {color:#224260;text-decoration:none;cursor:pointer;}
.heading{ font-family:Impact; font-size:18px; padding:10px; letter-spacing:1px; color:#224260;}


REsponsive Css//

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}



RESPONSIVE CSS
#homecontent1 {
width: 960px; 
position: relative;
margin:0 auto;
line-height: 1.4em;
font-size: 1em;
}