/*
Theme Name: Ben-Blencowe

*/







@charset "utf-8";
/* CSS Document */

/*
========================================
	Default Element
========================================
*/
*{ margin:0; padding:0;}
img{ border:none; height:auto; max-width:100%;}
li{ list-style: none;}
.clearfix:after{ height:0; content:"."; display:block; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
.clear{clear:both;}

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('fonts/avgardn_0.eot');
    src: url('fonts/avgardn_0.eot') format('embedded-opentype'),
         url('fonts/avgardn_0.woff') format('woff'),
         url('fonts/avgardn_0.ttf') format('truetype'),
         url('fonts/avgardn_0.svg#AvantGardeBkBTBook') format('svg');
}

@font-face {
    font-family: 'AvantGardeBkBTDemi';
    src: url('fonts/avgardd.eot');
    src: url('fonts/avgardd.eot') format('embedded-opentype'),
         url('fonts/avgardd.woff') format('woff'),
         url('fonts/avgardd.ttf') format('truetype'),
         url('fonts/avgardd.svg#AvantGardeBkBTDemi') format('svg');
}

/*
========================================
	Wrapper
========================================
*/
.wrapper{width:100%; max-width:980px; margin:0 auto;}

/*
========================================
	Header
========================================
*/
#header_container{width:100%; float:left; background:none repeat scroll 0 0 #3D3C3E; position:relative; left:0px; top:0px; z-index:9999;}
.header{width:100%; max-width:980px;  position:relative; left:0px; top:0px; float:left;}
.logo{width:230px; height:55px; float:left;}
.logotransparent{ width:203px; height:55px; background:url(images/spesar.png) no-repeat; float:left;}
.navigation{width:100%; max-width:740px; float:left; padding: 10px 0 0;}
nav {
width:100%;
display:block;
position:relative;
z-index:2;
}
.menutriger {
display:none;
}
nav ul {
width:auto;
margin:auto;
list-style-type:none;
}
nav ul li {
float:left;
font:normal 17px 'AvantGardeBkBTBook';
color:#f1f1f1;
line-height:36px;
margin:0 0 0 45px;
position:relative;
}
nav ul li a {
font:normal 17px 'AvantGardeBkBTBook';
color:#fff;
line-height:36px;
padding: 0 11px;
text-decoration:none;
display:block;
text-transform:uppercase;
}
nav ul li a:hover, nav ul li a.selected {
color:#00aeef;
text-decoration:none;

}
/* Sub Menus */#menu ul {margin:0; padding:0; position:relative; line-height:30px; z-index:300; width:100%; font-size:14px;}#menu li {float:left; display: inline; position:relative;   }#menu li li {line-height: 30px;padding:0;border-bottom: 1px solid #E1E1E1; }  #menu ul { left: -45px;display: none;padding-top: 10px;position: absolute;top: 34px;width: 200px;}  #menu ul a { text-shadow: none;background:#3E3E3F;   }  #menu li ul a {display: inline;float: left;font-size: 15px;padding-bottom: 0px;padding-top: 0px;padding-left:10px;text-transform: none;width: 200px;}  #menu li ul a:hover {width:200px; float:left; display:inline; font-size:15px;}  #menu li:hover ul, #menu-top li li:hover ul, #menu-top li li li:hover ul, #menu-top li li li li:hover ul {display:block; }
.top_phone{width:245px; float:left; background-color:#a9abae;}
.top_phone h2{font:normal 20px 'AvantGardeBkBTDemi'; color:#4b4c4e; line-height:55px; text-align:center;}
.top_phone h2 span{font:normal 20px 'AvantGardeBkBTBook'; color:#4b4c4e; line-height:55px; text-align:center;}
/*
========================================
	Slider
========================================
*/
#banner_container_small{width:100%; height:100%; float:left; background: url(images/btwoimgnew.jpg) no-repeat center center; background-size:cover; position:relative; left:0px; top:-11px; z-index: -9999; padding-top:30px;}
#banner_container{width:100%;  float:left; margin: 0px 0 0;}
.logobanner{ width:77px; height:105px; position:absolute; left:860px; top:411px; float:left; z-index:9999;}
.banner{width:980px; margin:0 auto; position:relative;}
/*
========================================
	Content
========================================
*/
.container_area{ width:100%; background-color:#fff; padding-top:6px; float:left;}
.container_area_left{ width:100%; max-width:590px; float:left;}
.container_area_left h1{font:normal 22px 'AvantGardeBkBTDemi'; color:#4b4c4e; line-height:32px; }
.container_area_left p{font:normal 14px 'AvantGardeBkBTBook'; color:#4b4c4e; line-height:15px; }
.container_area_left p span{font:normal 13px 'AvantGardeBkBTDemi'; color:#0cb0ee; text-decoration:none!important; line-height:17px; }

.container_area_right{ width:100%; max-width:380px; float:right;}
.container_area_right img{ margin:0 0 1px 0; float:left;}
/*
========================================
	Gallery
========================================
*/
.gallery_containt{ width:100%;  background:url(images/Testimonialscover.jpg) repeat-x; padding-top:6px; float:left; }

.gallery_area{ width:100%; max-width:980px; float:left; }
.gallery_area h1 {  color: #00ABEF;  font: italic 22px/32px 'AvantGardeBkBTBook';  padding: 30px 0 50px 65px;  text-align: center;}
.gallery_area h2{font:normal 22px 'AvantGardeBkBTDemi'; color:#3b3a3c; line-height:32px; text-align:left; }

/*
========================================
	Services
========================================
*/
.Services_area{ width:100%;  background:url(images/Testimonialscover.jpg) repeat-x; padding-top:6px; float:left; }


.Services_area h1 {
  color: #00ABEF;
  font: italic 22px/32px 'AvantGardeBkBTBook';
  padding: 20px 0 50px 65px;
  text-align: center;
}


.Services_area h2{font:normal 22px 'AvantGardeBkBTDemi'; color:#3b3a3c; line-height:32px; text-align:left; }
.Services_area p{font:normal 14px 'AvantGardeBkBTBook'; color:#4b4c4e; line-height:15px; padding-bottom:15px; }
.Services_area_img{width:100%; max-width:980px; float:left; }
.Services_area_img ul{ list-style:none;}
.Services_area_img ul li{ width:100%; max-width:310px; margin: 0 16px 10px 0; float:left;}
.Services_area_img ul li img{float:left; padding-bottom:5px;}
.Services_area_img h2{font:normal 16px 'AvantGardeBkBTDemi'; color:#4b4c4e; line-height:20px; text-align:center; padding:0 0 18px 0;}

/*
========================================
	Testimonial
========================================
*/
.testimonial_containt{ width:100%;  background:url(images/Testimonialscover.jpg) repeat-x; padding-top:6px; float:left; }
.testimonial_area{ width:100%; max-width:980px; float:left; }

.testimonial_area h1 {   color: #00ABEF;   font: italic 22px/32px 'AvantGardeBkBTBook';   padding: 27px 0 50px 65px;   text-align: center; }




.testimonial_area h2{font:normal 22px 'AvantGardeBkBTDemi'; color:#3b3a3c; line-height:32px; text-align:left; }
.testimonial_area h3{font:normal 16px 'AvantGardeBkBTDemi'; color:#3b3a3c; line-height:28px;  padding: 20px 0 30px; text-align:left; }
.testimonial_area p{ font:normal 15px 'AvantGardeBkBTBook'; color:#3b3a3c; text-align:left; line-height:20px; }

/*
========================================
	Aboutus Start
========================================
*/
.aboutus_containt{ width:100%; float:left; }

.aboutus_area{ width:100%; max-width:980px; float:left; }.aboutus_area h1 {  color: #00ABEF;  font: italic 22px/32px 'AvantGardeBkBTBook';  padding: 30px 0 50px 65px;  text-align: center;}

.aboutus_area_left{ width:100%; max-width:590px; float:left; }
.aboutus_area_left h3{font:normal 16px 'AvantGardeBkBTDemi'; color:#3b3a3c; line-height:28px;  padding: 20px 0 0 0; text-align:left; }
.aboutus_area_left h3:first-child{ padding:0px; }
.aboutus_area_left p{ font:normal 15px 'AvantGardeBkBTBook'; color:#3b3a3c; text-align:left; line-height:20px; }
.aboutus_area_right{ width:100%; max-width:380px; float:right; }
.aboutus_area_right img{ margin:0 0 1px 0; float:left;}
.aboutus_area_right_link{ width:100%; max-width:356px; background:#3d3c3e; padding:12px; margin-bottom: 5px; float:left; }
.aboutus_area_right_link h6{text-decoration:none !important; font:normal 16px 'AvantGardeBkBTBook'; color:#00b5fb; line-height:23px; text-align:center; }
.aboutus_area_right_link h6 a{text-decoration:none !important; font:normal 16px 'AvantGardeBkBTBook'; color:#00b5fb; line-height:23px; text-align:center; }

.aboutus_area_right_link p{font:italic 16px 'AvantGardeBkBTBook'; color:#fff; line-height:23px;}
/*
========================================
	Banner2 Start
========================================
*/
.banners_area{ width:100%; background-color:#eeefef; padding:6px 0 5px 0; float:left;}
.banners_area_left{ width:100%; max-width:590px; float:left;}
.banners_area_left h1{font:normal 22px 'AvantGardeBkBTDemi'; color:#4b4c4e; line-height:32px; }
.banners_area_left p{font:normal 14px 'AvantGardeBkBTBook'; color:#4b4c4e; line-height:17px; }
.banners_area_left p span{ text-decoration:none; font:normal 13px 'AvantGardeBkBTDemi'; color:#0cb0ee; line-height:17px; }
.banners_area_right{ width:100%; max-width:380px; float:right;}
.banners_area_right img{ margin:0 0 1px 0; float:left;}
/*
========================================
	Banner3 Start
========================================
*/
.banner_areas{ width:100%; background-color:#eeefef; padding:6px 0 4px 0; float:left;}
.banner_areas_left{ width:100%; max-width:590px; float:left;}
.banner_areas_left h1{font:normal 22px 'AvantGardeBkBTDemi'; color:#4b4c4e; line-height:32px; }
.banner_areas_left p{font:normal 14px 'AvantGardeBkBTBook'; color:#4b4c4e; line-height:19px; }
.banner_areas_left p span{ text-decoration:none; font:normal 13px 'AvantGardeBkBTDemi'; color:#0cb0ee; line-height:17px; }
.banner_areas_right{ width:100%; max-width:380px; float:right;}
.banner_areas_right img{ margin:0 0 1px 0; float:left;}

/*
========================================
	Footer
========================================
*/
#footer_container{width:100%; top:0px; float:left; background:#3d3c3e;}
.footer_link{width:100%; max-width:600px; float:left; margin-top:3px;}
.footer_link ul {  list-style: none outside none;  margin-bottom: 0 !important;}
.footer_link ul li{ padding:0 20px 0 0; float:left;}
.footer_link ul li a{font:normal 16px 'AvantGardeBkBTBook'; display:block; color:#fff; float:left; line-height:34px; text-decoration:none; text-transform:uppercase;}
.footer_link ul li a:hover{ text-decoration:none;}
.footer_text {  color: #FFFFFF;  float: right;  margin-top: 8px;  max-width: 325px;  width: 100%;}.footer_text a:hover{color: #FFFFFF; text-decoration: underline;}
.footer_text p{font:normal 16px 'AvantGardeBkBTDemi'; color:#fff; text-align:right; margin-top:8px; line-height:32px; }
.footer_text p span{font:normal 16px 'AvantGardeBkBTBook'; color:#fff; text-align:right; line-height:32px; }
.footer_text a {  color: #FFFFFF;  text-decoration: none;}


=======================
Contact Form
=======================
.maindterr {
float: left;
width: 100%;
}

.maindtel {
float: left;
width: 30%;
}
.maindter {
float: left;
width: 69%;
}
.christ {
float: left;
margin-bottom: 9px;
margin-top: 8px;
width: 49%;
}
.christi {
color: #000;
float: left;
font-family: AvantGardeBkBTBook;
font-size: 18px;
margin-bottom: 7px;
width: 100%;
}
.christin {
float: left;
width: 100%;
}
.christina {  border: 2px solid #A9ABAE;  float: left;  padding-top: 17px;  width: 96%;}
.christee {
float: left;
margin-bottom: 5px;
margin-top: 8px;
width: 100%;
}
.christinal {  border: 2px solid #A9ABAE;  float: left;  width: 98%;}
.add1 {  color: #3D3C3E;  float: left;  font-family: AvantGardeBkBTBook;  font-size: 23px;  width: 100%;}.add a {  color: #3D3C3E;  text-decoration: none;}
.add {
color: #000;
float: left;
font-family: AvantGardeBkBTBook;
font-size: 15px;
line-height: 27px;
width: 100%;
}
maindterr iframe {
float: left;
margin-bottom: 15px;
margin-top: 15px;
width: 100%;
}
.subrata {
font: normal 40px Arial, Helvetica, sans-serif;
color: #000;
line-height: 40px;
font-style: italic;
border-bottom: 1px #000 solid;
margin-bottom: 10px;
}
#content iframe {
    padding-bottom: 15px;
    padding-left: 110px;
    padding-top: 15px;
}
.myButton {	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;	box-shadow:inset 0px 1px 0px 0px #ffffff;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);	background-color:#ededed;	-moz-border-radius:6px;	-webkit-border-radius:6px;	border-radius:6px;	border:1px solid #dcdcdc;	display:inline-block;	cursor:pointer;	color:#777777;	font-family:arial;	font-size:15px;	font-weight:bold;	padding:6px 24px;	text-decoration:none;	text-shadow:0px 1px 0px #ffffff;}.myButton:hover {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);	background-color:#dfdfdf;}.myButton:active {	position:relative;	top:1px;}.gallery_area iframe {  float: left;  margin-bottom: 20px;  margin-top: 20px;  width: 100%;}




.gallery-item {
  float: left !important;
  margin-right: 5px !important;
  margin-top: 2px !important;
  text-align: center;
}

.gallery img {
  border: 2px solid #00AEEF !important;
  margin: 0 !important;
  padding: 0 !important;
}
.container_area_left a{    color: #428bca;
    text-decoration: none;}
.ssf {
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
	padding-top:15px;
}
.fgj {
    text-align: center;
    font-weight: normal;
    line-height: 20px;
    margin-top: 10px;
}
.Services_area_img ul li img {
    float: left;
    padding-bottom: 5px;
    border-radius: 20px;
}


#news_leftpanel{width:70%; float:left;}
.news_blog{width:100%; float:left;}
.news_blog h2{font:normal 22px Arial, Helvetica, sans-serif; color:#3D3C3E; line-height:35px;}
.news_blog p{width:51%; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#42413f; line-height:18px;}
.blog_pic{float:left; width:100%; max-width:300px; margin: 0 16px 0 0;}
.blog_pic img{float:left;}
.blog_area p.read_more{width:87px; float:left; }

.permalink_box{width:656px; float:left; border-bottom:1px #eaeaea solid; border-top:1px #eaeaea solid; padding:10px 0px 10px 0px; margin:15px 0px 15px 0px;}
.permalink_box ul{list-style:none; width:440px; float:left; margin-bottom:0px;}
.permalink_box ul li{float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#42413f; line-height:18px; vertical-align:top; padding: 0 25px 0 0;}
.permalink_box ul li a{font:normal 12px Arial, Helvetica, sans-serif; color:#42413f; line-height:18px; text-decoration:none; float:left;}
.permalink_box ul li img{float:left;}

.permalink_right{width:93px; float:right;}
.permalink_right ul{list-style:none; width:440px; float:left; margin-bottom:0px;}
.permalink_right ul li{float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#42413f; line-height:18px; vertical-align:top; padding: 0 25px 0 0;}
.permalink_right ul li a{font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:18px; text-decoration:none; float:left;}
.permalink_right ul li img{float:left;}

.archives{width:100%; float:left;  margin-top:20px; padding-bottom:20px;}
.archives h3{font:normal 18px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:40px; text-transform:uppercase; background-color:#3D3C3E; padding-left:20px;}
.archives ul{list-style:none; padding: 16px 0 0 11px;}
.archives ul li{width:96%; float:left; background:url(images/arrow.jpg) 0px 11px no-repeat;}
.archives ul li a{font:normal 13px Arial, Helvetica, sans-serif; color:#000; line-height:25px; text-decoration:none; width:96%; float:left; padding: 0 0 0 25px;}

.category{width:100%; float:left;  margin-top:20px; padding-bottom:20px;}
.category h3{font:normal 18px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:40px; text-transform:uppercase; background-color:#3D3C3E; padding-left:20px;}
.category ul{list-style:none; padding: 16px 0 0 11px;}
.category ul li{width:96%; float:left; background:url(images/arrow.jpg) 0px 6px no-repeat; margin-bottom:10px;}
.category ul li a{font:normal 13px Arial, Helvetica, sans-serif; color:#000; line-height:18px; text-decoration:none; width:96%; float:left; padding: 0 0 0 25px;}

#news_rightpanel{width:260px; float:right;}

.usel {
  float: left;
  padding: 20px 0;
  width: 100%;
}
#content_area {
  float: left;
  width: 100%;
}
.ee a {
  display: none;
}
.news_blog .read_more {
  float: left;
  margin-top: 21px;
  width: 33%;
}
.news_blog .read_more  a {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 17px;
  text-decoration: none;
  text-transform: capitalize;
}