/*BASIC STYLES*/
body{background-color: #343434;padding:0;margin:0;}
.wrapper{margin:0 auto;width:1000px;}
#header{background:#303030;border-bottom:1px solid #a2a2a2;height:72px;}
.left{float:left;width:50%;}
.right{float:right;width:50%}
.right img{float: right;}

/*TEXT STYLES*/
h1 {font-family: 'Roboto', sans-serif;font-size: 38px;font-weight:300;padding: 0;margin:10px 30px 15px 10px;color:#fff;line-height:48px;letter-spacing: -1px;}
h2{font-family: 'Roboto', sans-serif;font-size: 28px;margin: 6px 0px 6px 0;padding: 0;color: #333;font-weight: 400;}
.intro h3{font-family: 'Roboto', sans-serif;font-size:20px; margin:0px 60px 20px 20px;padding: 0;font-weight: 300;color:#333;line-height:30px;text-align:right;}
h3{font-family: 'Roboto', sans-serif;font-size:16px; margin:10px 40px 10px 10px;padding: 0;font-weight: 300;color:#E6E6E6;line-height:22px;}
h4{font-family: 'Roboto', sans-serif;font-size:16px; margin:0px;padding: 0;font-weight: 400;color:#333;line-height:24px;}
p {font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 300;color: #333;margin: 5px 30px 15px 30px;line-height:20px;}
a:link {text-decoration:none; color:#81c341;outline-color:transparent;}
a:visited {text-decoration:none;color:#81c341;}
a:hover {text-decoration:none;}
a.button {background: #81c341;color:#fff;-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;text-shadow: 1px 1px 3px #666666;font-size: 18px;padding: 10px 20px 10px 20px; text-decoration: none;letter-spacing:normal;}
.button:hover {background: #333;text-decoration: none;}
ul {list-style-type: square; list-style-position: outside;text-indent:0px;margin:0;padding:0 0 0 18px;}
.intro ul {list-style-type: none; list-style-position: inside;text-indent:0px;margin:0 0 0 10px;padding:0 0 0 0px;}
.intro li {font-family: 'Roboto', sans-serif;font-size:14px;padding: 3px 0 3px 25px;line-height:20px;font-weight: 300; background:url(../images/bullet.png) left center no-repeat;}
li {font-size: 18px;padding: 4px 0 2px 0px;}



/*PROMO AREA*/
#promo_area{background:url(../images/promo_bg.jpg) repeat-x #626262;clear:both;position:relative;overflow: hidden;border-bottom:1px solid #fefefe;}

/*BX-SLIDER*/
#promo_area .bx-wrapper{position:absolute;top:34px;margin-left:19px;width:457px;}
#promo_area .bx-wrapper li img{width:375px;height:234px;}
#promo_area .bx-controls-direction{display:none;}
#promo_area .bx-pager{text-align:center;margin-top:-6px;}
#promo_area .bx-pager-item{display: inline-block;}
/**/#promo_area .bx-pager-item a{text-indent: -5000em;background:url(../images/logo.png) no-repeat; display: block;height:20px;width:20px;margin-right:5px;opacity: 0.5;display:none;}
#promo_area .bx-pager-item a.active{opacity: 1;}
#promo_area .bx-pager-item:hover a{opacity:1;}
/*.monitorslider{width:417px;height:265px;position: absolute;overflow: hidden;list-style: none;}*/

/*CONTENT AREA*/
#content{background:url(../images/content_bg.jpg) repeat-x #fff;padding:15px 0 15px 0;overflow:hidden;}
.intro {padding: 15px 0 0px 0;clear:both;border-top:1px solid #ccc;}
.sectionblock{width: 250px;  float: left;  text-align: center;margin: 0 0 20px 0;}
.sectionblock.last{margin-right: 0;}
.sectionblock img{border:5px solid #666; -webkit-border-radius: 2;-moz-border-radius: 2;border-radius: 2px;box-shadow: 0 0 10px #333;opacity: .8;filter: alpha(opacity=80);}
.sectionblock:hover img{opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */-moz-box-shadow: 0 0 20px #81c341;-webkit-box-shadow: 0 0 20px#81c341;box-shadow: 0 0 20px #81c341;border:5px solid #333;}

.detail_page .right{margin-top:35px;margin-right:4%;width:35%;}
.detail_page .left{margin-right:4%;width:55%;}


.content-summary.prev-summary{width:180px;text-align: left;margin:0;padding: 0px 0 0px 106px;font-family: 'Roboto', sans-serif;font-size:16px;font-weight: 400;float:left;}

.content-summary.next-summary{width:180px;text-align: right;margin:0;padding: 0px 135px 0px 0px;font-family: 'Roboto', sans-serif;font-size:16px;font-weight: 400;float:right;}

/*FOOTER STYLES*/
#footer p{font-size: 12px;font-weight: 100;line-height: 24px;color: #fff;margin: 7px 30px 0px 0px;}
.accord_social a{float:right;padding:7px 0 0 0;margin-right: 10px;}

/*INSIGHT PAGE DETAILS*/
.closed{display: none;height:0;padding:0!important;}
#insight_details{background:url(../images/overlay.png) repeat;width:100%;height:94%;z-index: 100;position: absolute;top:0;padding-top:3%;}
.insight_page{background:#666;border-radius: 3px;padding:10px;overflow: hidden;-moz-box-shadow: 0 0 20px #000;-webkit-box-shadow: 0 0 20px#000;box-shadow: 0 0 20px #000;}
.insight_page h2{font-size:22px;font-weight:300;margin:3px 0 5px 0px;padding:0 0 6px 0;color:#fff;}
.inner_details{background:#eee;clear:both;overflow: hidden;}
.inner_details h3{color:#333;font-size: 18px;font-weight: 400;margin:0px;padding: 0 0 5px 0;}
.inner_details p{font-size:13px;font-weight: 400;margin-left: 0;margin:0;line-height:18px;}
.screen_container{clear:both;position:relative;}
.screen_container img.screen_image{width: 97%;margin:0 0 16px 0;padding:0;border:1px solid#999;}
.description {width:800px;height:95px;}

.detail_page{width: 980px!important;padding:15px;}
.insight_page .bx-controls{}
#featuregrid .bx-controls{display:none;}
.insight_page .bx-prev{position:absolute; bottom: 10px;left:14px;}
.insight_page .bx-next{position:absolute;bottom: 10px;left:872px;}

.insight_page .bx-controls{}
.insight_page .bx-wrapper{position:relative;clear:both;}
.insight_page .bx-viewport{min-height:705px;}
.insight_page .bx-pager{display:none;}
.insight_page .bx-controls-direction a{width: 70px;background: #81c341;color:#fff;-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;text-shadow: 1px 1px 3px #666666;font-size: 16px;padding: 7px 13px 7px 13px; text-decoration: none;font-family: 'Roboto', sans-serif;font-weight:300;align:centre;text-align:center;}
.insight_page .bx-controls-direction a:hover{background: #333;text-shadow: none;}
.insight_page .bx-controls-direction a.disabled{background: #ccc;text-shadow: none;cursor:default;}
.bottomnav {height:100px;width:100px;border:1px solid#000;}




.btnClose {cursor:pointer;}



/*Marker points*/
.marker{display: block;/*background:url(../images/marker.png) no-repeat top left;width:40px;height:40px;*/opacity: 1;position:absolute;}
.marker img{position:absolute;z-index: 2;}
.marker:hover{opacity: 1;}
.marker_details{display:none;}
.marker:hover .marker_details{display:block;background:url(../images/marker_details.png) repeat;padding:10px 10px 15px 15px;margin:15px;width:250px;box-shadow: 0 0 10px #000;position:absolute;z-index: 1;border-radius: 3px;border-top:5px solid #81c341;}

#contact { font-family: 'Roboto', sans-serif;font-weight:300;color:#E6E6E6; padding: 20px 0 0 0;}
#contact fieldset {padding: 0px;}
#contact legend { margin-bottom: 0 !important;font-family: 'Roboto', sans-serif;font-size: 28px;margin: 6px 0px 6px 0;padding: 0 0 15px 0;color: #fff;font-weight: 300;}

#contact label { display: inline-block; float: left;font-size: 1em; height: 26px;line-height: 26px; width: 155px;}

#contact input, #contact textarea, #contact select {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 0px 0 10px 0;
    padding: 5px;
    width: 420px;
    border-radius: 2px;
	font-family: 'Roboto', sans-serif;font-weight:300;color:#333;
}

#contact textarea {height:50px;margin: 0 0 15px 0;}
#contact .button { background: #81c341;color:#fff;-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;text-shadow: 1px 1px 3px #666666;font-size: 18px;padding: 10px 20px 10px 20px; text-decoration: none;letter-spacing:normal;border:none;font-weight:300;font-family: 'Roboto', sans-serif }
#contact .button:hover {background: #333;text-decoration: none;cursor:pointer;}

#contact input:focus, #contact textarea:focus { border: 1px solid #eee; color: #444; background: #fff; }

#contact .error { border: 1px solid #973d3d; background: #f0bebe; color: #a35959; }
#contact .error:focus { border: 1px solid #eee; color: #a35959; }


table, th, td{border: none;font-family: 'Roboto', sans-serif;font-weight:400;color:#333;font-size:13px;vertical-align: middle;}
td {padding: 5px;}





/* ====================================
 * RESPONSIVE LAYOUTS
 * ====================================*/
@media (max-width:1000px) {
  .wrapper{width:98%;}
  .left{width:55%;}
  .right{width:45%;}
  .sectionblock{width:33%;}
  #promo_area{padding-bottom:30px;}
}

@media (max-width:900px) {
  .wrapper{width:98%;}
  /*Promo area*/
  #promo_area{padding-bottom:30px;}
  #promo_area .left{float:none;width:100%;padding-bottom:80px;}
  #promo_area .left img{display:block;margin:0 auto;}
  #promo_area .bx-wrapper{margin: auto;position:inherit;margin-top: -398px;width:453px;}
  #promo_area .bx-wrapper img{margin: 0;}
  #promo_area .bx-pager{margin-top:-2px;}
  #promo_area .right{float:none;width:100%;}
  
  /*Content*/
  .sectionblock{width:33%;}
}

/*
#content2 h1 {padding: 10px 0 15px 0;color:#333;font-size:24px;font-weight:bold;}
h4{font-size:18px; margin:0px 0 0 0;padding: 0;font-weight: 100;color:#CCC}
h4.small {font-size:16px}
p.intro {font-size: 20px;font-weight: 100;line-height:28px;padding-right:30px;padding-top:8px;}

#content2 img {-moz-box-shadow: 0 0 7px #333;-webkit-box-shadow: 0 0 7px#333;box-shadow: 0 0 7px #333;}
.button:hover {background: #333;text-decoration: none;}
iframe {border: 5px solid #fff;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content2{background-color:#none;height:820px;text-align:center;}
*/