@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,500,700);


html, body{ width:100%; height:100%;}
body{ font-family:font-family: 'Roboto', sans-serif;; background:#fff;}
a, a:hover, a:focus{ outline:none;}
.container{ width:1050px;}
.float-left{float:left;}
.float-right{float:right;}
#body-wrapper{ border-top:5px solid #ccc;}
.left-sec{ width:230px; float:left;}
.right-sec{ width:770px; float:left; margin-left:10px;}

ul.left-nav{ font-family: 'Roboto Condensed', sans-serif; margin:0; padding:0; font-size:16px; list-style:none; color:#5b5959; width: 220px;}
ul.left-nav li{ border-bottom:1px solid #ccc; padding:6px 8px;}
ul.left-nav li:hover { background:#f4f4f4;}
ul.left-nav li.activeLi, ul.left-nav li.activeLi a{ background:#f4f4f4; color:#016364;}

ul.left-nav li a{ color:#686868; display:block;}
ul.left-nav li a:hover, ul.left-nav li a:focus { color:#016364; font-weight:400; text-decoration:none; }
.content-area h4{ border-bottom:1px solid #ccc; font-size:22px;font-family: 'Roboto Condensed', sans-serif; color:#000;}
.content-area{ font-family: 'Roboto Condensed', sans-serif;   color:#5b5959;}
.content-area p{ font-family: 'Roboto Condensed', sans-serif; color:#5b5959; text-align:justify;}
.product-box h4{ font-size:16px; color:#fd3602; border:none; font-family: 'Roboto Condensed', sans-serif; line-height: 22px;}
.product-box p{ text-align:justify; font-family: 'Roboto Condensed', sans-serif; color:#5b5959;}
.img-style{ border:3px solid #ccc;}
.btn-main{ font-size:16px; padding:5px 15px;}
.job-sec{ background:#f4f4f4; padding:10px; border:1px solid #ccc; margin-bottom:10px;  font-family: 'Roboto Condensed', sans-serif;}
.pad-10L{ padding-left:10px;}

.mgn-L20{ margin-left:20px;}
.pad-B10{ padding-bottom:10px;}
.txt-link{ color:#fd3602;}
.heading-txt{ font-size:18px; font-weight:normal; color:#fd3602; line-height:30px;}

.footer{ margin:30px 0; border-top:2px solid #ccc;font-family: 'Roboto Condensed', sans-serif; color:#5b5959; }
.footer-link{ padding-top:15px;  margin-bottom: 0;}
.footer-link a{ color:#333333;}
.copyright{ color:#7e7c7c; font-size:12px;}
.copyright a{ color:#7e7c7c; }
.prod-sec{ margin-top:25px;}
.prod-sec p{ width:213px; text-align:justify; font-size:14px; font-family: 'Roboto Condensed', sans-serif; color:#5b5959;}
.footer-logo{ margin-top:-2px;}

/* #Media Queries
================================================== */
 
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}
 
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}
 
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}
 
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}