/*
Theme Name: BP Sangle Constructions
Theme URI: http://bpscpl.com/
Description: BP Sangle Constructions
Author: LBM Infotech Pvt. Ltd.
Author URI: http://www.lbminfotech.com/
Version: 1.0
.
This theme can be used for commercial or non-commercial use
so long as it is not redistributed or resold in any way.
.
*/


@import url(reset.css);

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/
h1 {font-family: 'open_sansregular'; font-size: 20px; color: #d33740; padding: 0 0 18px 0; font-weight: normal; font-style: normal; line-height: 20px; text-transform: uppercase; background: url(../images/welbg.gif) repeat-x left bottom;} 
h2 {font-family: 'open_sansregular'; font-size: 14px; color: #ffffff;  padding: 0 0 0 70px; font-weight: normal; font-style: normal; line-height: 20px; text-transform: uppercase;  } 
h3 {font-family: 'open_sansregular'; font-size: 16px; color: #cd7853;  padding: 15px 0 0 47px; font-weight: normal; font-style: normal; line-height: 35px; text-transform: uppercase; border-bottom: 1px solid #ca7f5e; background: url(../images/why.gif) no-repeat left bottom; height: 35px; } 
h4 {font-family: 'open_sansregular'; font-size: 14px; color: #000000;  padding: 0 0 4px 0; font-weight: normal; font-style: normal; line-height: 20px; text-transform: none;  } 
h5 {font-family: 'open_sansregular'; font-size: 25px; color: #d33740; padding: 0 0 18px 0; font-weight: normal; font-style: normal; line-height: 20px; text-transform: uppercase; background: url(../images/ling.png) repeat-x left bottom;} 
h6 {font-family: 'open_sansregular'; font-size: 16px; color: #d33740; padding: 0 0 8px 0; font-weight: normal; font-style: normal; line-height: 20px; text-transform: uppercase; } 
 
 
 


p { line-height: 22px; padding: 0 0 8px 0; text-align: justify;  }  
strong { font-weight: 700; }
a {color: #ca7f5e; font-family: 'open_sansregular'; font-size: 12px; line-height: 18px; font-weight: normal; text-decoration : underline;  }
a:hover { color: #ca7f5e; font-weight: normal; text-decoration: none; }
ul { margin: 0 0 0 0spx; padding: 0 0 12px 0; }
li { line-height: 22px; padding: 0px 0px 0px  0px; margin: 0;  list-style: none; }
.clear { clear: both; padding: 0; margin: 0;}
.alignleft { float: left; }
.alignright { float: right; margin: 0 0 0 0; padding: 0 9px; }
.left { float: left; margin: 0 0 0 22px; }
.right { float: right; margin: 0 22px 0 0; }

body { font-size: 12px; color: #151515; font-family: 'open_sansregular'; font-weight: normal; text-align: left; line-height: 22px; background-color: #FFF;}
.content { width: 100%; }
.container {width: 1000px;  margin-left: auto; margin-right: auto; background-color: #ab0606; }
 


::-moz-selection{
   background-color: #b0a7a7;
   color: #fff;
}

::-webkit-selection{
   background-color: #b0a7a7;
   color: #fff;
}

::selection{
   background-color: #b0a7a7;
   color: #fff;
}



/*-----------------------------------*/
/* Embeded Fonts
/*-----------------------------------*/
 

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------*/
/* Theme Styles    
/*-----------------------------------*/
.fullLeft{float:left; width:100%;}
.fltLft{float: left; margin:0 27px 0 0;}
.fltright{float: right; margin:0 0 20px 25px;}
.disNonebig {display: none;}  
.logo{width: 291px; float:left; padding: 10px 0 30px 0; position: absolute; z-index: 10;}
.logo a{width: 291px; height:108px; background: url(../images/logo.png) no-repeat left top; text-indent:-9999px; display:block; }
.redbbox {float: left; width: 100%; background-color: #ffffff; border-top: 9px solid #ab0606;}
.nvaboxcon {float: left; position: relative; width: 1000px; background: url(../images/nevbg.gif) repeat-x left bottom; margin: 0 0 11px 0;}
.followbox {float: right; width: 160px;  margin: 5px 0 50px 0; padding: 8px 0 8px 15px;}
.followtext {font-family: 'open_sansregular'; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #000000; line-height: 25px; }
.subrightf{float: right; margin: 0 5px 0 0;}
.banner {width: 1000px; float: left; margin: 0 0 15px 0; } 
.subredbox {float: left; width: 100%; background: url(../images/redbackground.png) repeat-x left top; padding: 25px 0 35px 0;}
.transportation {float: left; width: 242px; border-right: 1px solid #ef5962; height: 45px; padding: 0 44px 0 44px; background: url(../images/transportation.png) 44px top no-repeat;}
.transportation p {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-align: left; padding: 0 0 0 70px;}
.transportation a {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: none; text-align: left; }
.transportation a:hover {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: underline; text-align: left; }

.dam {float: left; width: 242px; border-right: 1px solid #ef5962; border-left: 1px solid #b5121b; height: 45px; padding: 0 44px 0 44px; background: url(../images/dam.png) 44px top no-repeat;}
.dam p {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-align: left; padding: 0 0 0 70px;}
.dam a {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: none; text-align: left; }
.dam a:hover {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: underline; text-align: left; }
.pipelines {float: left; width: 242px; border-left: 1px solid #b5121b; height: 45px; padding: 0 44px 0 44px; background: url(../images/infrastructural.png) 44px top no-repeat;}
.pipelines p {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-align: left; padding: 0 0 0 70px;}
.pipelines a {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: none; text-align: left; }
.pipelines a:hover {font-size: 12px; color: #fff; font-family: 'open_sansregular'; font-weight: normal; text-decoration: underline; text-align: left; }
.mediacontent {float: left; background-color: #FFF; width: 100%; }
.welcontent {float: left; width: 674px; margin: 30px 41px 0 0;  }
.welcontent a {color: #fff; font-family: 'open_sansregular'; font-size: 12px; line-height: 18px; font-weight: bold; text-decoration : underline; background: url(../images/readbg.gif) repeat-x left top; padding: 8px 20px 15px 20px; }
.welcontent a:hover {color: #fff; font-family: 'open_sansregular'; font-size: 12px; line-height: 18px; font-weight: bold; text-decoration: none; background: url(../images/readbg.gif) repeat-x left top; padding: 8px 20px 15px 20px; }
.whycontent {float: left; width: 245px; background-color: #fafafa; padding: 8px 20px 15px 20px; margin: 22px 0 0 0;}
.featuredcon {width: 950px; float: left;  padding: 25px 25px 25px 25px;  margin:20px 0 0 0; border-top: 2px solid #ca7f5e;  line-height: 22px; background: #f8fcff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#ffffff)); background: -webkit-linear-gradient(#fafafa, #ffffff); background: -moz-linear-gradient(#fafafa, #ffffff); background: -ms-linear-gradient(#fafafa, #ffffff); background: -o-linear-gradient(#fafafa, #ffffff); background: linear-gradient(#fafafa, #ffffff); -pie-background: linear-gradient(#fafafa, #ffffff); behavior: url(css/PIE.htc);} 
.featurcon {float: left; width: 485px; margin: 0 38px 0 0;}
.services {float: left; width: 427px; }
.services p {padding: 0;} 
.aboutcontent {float: left; width: 930px; background-color: #fff; border: 5px solid #fafafa; padding: 25px 30px 25px 30px; margin: 18px 0 25px 0;}

.qualitycon {float: left; width: 626px; background-color: #fafafa; padding: 22px 30px 22px 30px; margin: 0 20px 30px 0;  border: 2px solid #efefef;} 
.visioncon {float: left; width: 226px; background-color: #fafafa; padding: 22px 30px 22px 30px; margin: 0 0 30px 0; border: 2px solid #efefef;} 
.visioncon p {color: #d33740; }
.enquirycon {float: left; width: 570px; margin: 30px 41px 30px 0; padding: 22px 24px 22px 30px; background-color: #fff; border: 5px solid #fafafa;  }
.contactcon {float: left; width: 280px; background-color: #fafafa; padding: 8px 20px 15px 20px; margin: 22px 0 30px 0;} 
.contactcon a {color: #151515; font-family: 'open_sansregular'; font-size: 12px; line-height: 18px; font-weight: normal; text-decoration : underline;  }
.contactcon a:hover { color: #151515; font-weight: normal; text-decoration: none; }

.emailbox {float: left;  background-color: #fafafa; width: 575px; margin: 0 41px 30px 0; padding: 22px 24px 22px 30px;  border: 2px solid #efefef;} 
.subemailbox {float: left;  width: 639px; margin: 0 41px 0 0;   } 
.phonetext {color: #cd7853;}
.companytext {font-family: 'open_sansregular'; font-size: 17px; color: #151515; padding: 0 0 8px 0; font-weight: normal; font-style: normal; line-height: 20px; text-transform: uppercase; } 
.completedbox {float: left; width: 242px; background-color: #ffffff; border: 2px solid #e8e8e8; padding: 25px 25px 20px 25px; height: 270px; margin: 0 20px 20px 0;}
.completedsub {float: left; width: 242px; background-color: #ffffff; border: 2px solid #e8e8e8;  height: 270px; padding: 25px 25px 20px 25px; height: 270px; margin: 0 0 20px 0;}
.comporboxsub {width: 940px; float: left;  padding: 25px 30px 25px 30px;  margin:0 0 0 0; border-top: 2px solid #ca7f5e;  line-height: 22px; background: #f8fcff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#ffffff)); background: -webkit-linear-gradient(#fafafa, #ffffff); background: -moz-linear-gradient(#fafafa, #ffffff); background: -ms-linear-gradient(#fafafa, #ffffff); background: -o-linear-gradient(#fafafa, #ffffff); background: linear-gradient(#fafafa, #ffffff); -pie-background: linear-gradient(#fafafa, #ffffff); behavior: url(css/PIE.htc);} 
.butprojectsbg {width: 411px; float: left; border: 1px solid #e8e8e8; background-color: #fafafa; padding: 10px 22px; margin: 0 0 6px 0; }
.butprojectsbg a {font-family: 'open_sansregular'; font-size: 15px; color: #d33740;  font-weight: normal; font-style: normal; line-height: 20px; text-transform: none; text-decoration: none; background: url(../images/iocn.gif) left 6px no-repeat; padding: 0 0 0 20px;}
.butprojectsbg a:hover {font-family: 'open_sansregular'; font-size: 15px; color: #3b3b3b;  font-weight: normal; font-style: normal; line-height: 20px; text-transform: none; text-decoration: none; background: url(../images/iocn1.gif) left 6px no-repeat; padding: 0 0 0 20px;}
.redsubhead { color: #d33740;}
.plantbox {float: left; width: 242px; background-color: #ffffff; border: 2px solid #e8e8e8; padding: 25px 25px 20px 25px; margin: 0 20px 20px 0;}
.plantboxsub {float: left; width: 242px; background-color: #ffffff; border: 2px solid #e8e8e8; padding: 25px 25px 20px 25px;  margin: 0 0 20px 0;}



 
 
.commonListing ul {padding:0 0 0 0px; }
.commonListing li { padding: 0 0 0 15px; margin:0; line-height: 22px; background: url(../images/iconred.jpg) left 6px no-repeat; color: #a9010a; text-decoration: none; text-transform: none; font-size: 12px; width: 220px; float: left;}

.redListing ul {padding:0 0 0 0px; }
.redListing li { padding: 0 0 0 15px; margin:0; line-height: 22px; background: url(../images/iconred.jpg) left 6px no-repeat; color: #434343; text-decoration: none; text-transform: none; font-size: 12px; width: 200px; float: left;}


.listing{padding:5px 0 0 20px; margin:0;}
.listing ul{padding:0;}
.listing li{padding:0 0 8px 0; margin:0; list-style: disc;  background-image: none; font-family: 'open_sansregular'; font-size: 13px; color: #151515;}
 
 
 
 



/*-----------------------------------*/
/* Contact form
/*-----------------------------------*/
#contecn_box {width: 350px; float: left;}
.enquiryBtn{margin:10px 0 0 0;}
.textBoxMulti{width:200px; height:100px; background:#FFF; border:solid 1px #CCC;}
.textBox{width:350px; height:21px; border:solid 1px #CCC; color:#7b7b7b; font-family:Arial, Helvetica, sans-serif;}
.textBoxMulti{width:348px; height:80px; border:solid 1px #CCC; color:#7b7b7b; font-family:Arial, Helvetica, sans-serif;}
.frmBtn{padding:0; margin:0; background:none; border:none; font-family: 'allerregular'; font-size:14px; color:#ffffff; padding: 15px 12px 10px 12px; text-decoration:underline; text-transform: uppercase; background-color: #b0005d;}
.btn {padding:0; margin:0; background:none; border:none; font-family: 'allerregular'; font-size:14px; color:#ffffff; padding: 8px 10px 8px 10px; text-decoration:underline; text-transform: uppercase; background-color: #d33740;}
 
.tWidth { padding: 15px 0 20px 0; text-align: left; }


/*-----------------------------------*/
/* Menu
/*-----------------------------------*/ 

.navbox {float: right; width: 1000px;  } 
.nav{padding:0; margin:0 0 0 0; float:right; background:url(../images/navBg.gif) repeat-x;}
.nav li{padding:0; margin:0; float:left; background:url(../images/linkDevider.gif) no-repeat right center;}
.nav .last{background:none;}
.nav li a{color:#010101; text-transform: none; font-family: 'ArmataRegular'; font-size:12px; font-weight: normal;  padding:19px 25px 13px 25px; display:block; text-decoration: none; text-transform: uppercase; }
.nav li a:hover {color:#010101; text-transform: none; font-family: 'ArmataRegular'; font-size:12px;  padding:19px 25px 13px 25px; display:block; text-decoration: none; text-transform: uppercase;  font-weight: normal; }
.nav li:hover a{ }

.nav ul{position:absolute; z-index:100; padding:0; margin:0 0 0 0px; top: 145px; width:170px; left:-1500px; }
.nav li:hover ul{height:auto; left:auto;}
.nav li li{margin:0; width:170px; background:none; display:block; position:relative; }
.nav li li a{margin:0; width:170px; font-family: 'ArmataRegular'; font-size:12px; color:#ffffff; background-color:#bb5b31; border-bottom:solid 1px #ca7f5e; padding:7px 8px; font-weight: normal; text-transform: none; display:block; text-decoration:none;}
.nav li li a:hover{margin:0; width:170px; border-bottom:solid 1px #ca7f5e; background-color: #ca7f5e; padding:7px 8px; font-size: 12px; font-weight: normal; text-transform: none; display:block; color:#ffffff; text-decoration:none; /*background-color:#f4fcff; */}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
	}
.nav ul ul ul{position:absolute; z-index:999; padding:0; margin:0;  width:200px; left:-1500px;}
.nav li li:hover ul, .nav li li li:hover ul{padding:0; margin:0; top:0;  left:205px; height:auto;}

/*-----------------------------------*/
/* Footer
/*-----------------------------------*/
.footer {float: left; width: 100%; background-color: #fafafa; border-top: 2px solid #dbdbdb; margin: 0 0 0 0;}
.footLinks{width:600px;  font-family: 'open_sansregular'; float: left; font-size: 12px;  margin: 20px 0 15px 0; color: #313131;}
.footLinks a{text-decoration:none;  font-family: 'open_sansregular';   font-size: 12px; color:#4b4a4a; font-weight: normal; }
.footLinks a:hover{text-decoration:underline; }
.footLinks p {text-align: left; padding: 0px; margin: 0 0 8px 0;}
.footLBM {width:200px; color: #313131; font-family: 'open_sansregular'; font-size: 12px; float: right; margin: 15px 0 0 0;}
.footLBM p {text-align: right; margin: 0 10px 0 0;} 
.footlogo {width: 40px; float:right; margin: 20px 0 0 0;}
.footlogo a{width: 40px; height: 30px; background: url(../images/lbm.gif) no-repeat left top; text-indent:-9999px; display:block;}