/*!
 * General styles outside bootstrap
 *
 */

      body {
        padding-top: 10px;
        padding-bottom: 20px;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 20px 0;
      }

      .container-header {
        margin: 0 auto;
        max-width: 960px;
      }

      .container-nav {
        margin: 0 auto;
        max-width: 960px;
      }
	  
	  .container-footer {
        margin: 0 auto;
        max-width: 940px;
      }



      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


	  /* navigation */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }

      .navbar {		
	  background-color: #0074A2;
	  background-image: -moz-linear-gradient(top, #008ABF, #005678);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008ABF), to(#005678));
	  background-image: -webkit-linear-gradient(top, #008ABF, #005678);
	  background-image: -o-linear-gradient(top, #008ABF, #005678);
	  background-image: linear-gradient(to bottom, #008ABF, #005678);
	  background-repeat: repeat-x;
	  border: 1px solid #005C80;
	  -webkit-border-radius: 0px;
		 -moz-border-radius: 0px;
			  border-radius: 0px;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	  *zoom: 1;
	  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
			  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);	
      }

	  .navbar .nav li a:hover {color:#000000}
	  
	  
	  /* dropdown menu arrow */
	  a .nav-caret {
		  border-top-color: #ffffff !important;
		  border-bottom-color: #ffffff !important;
		}
	  a:hover .nav-caret {
		  border-top-color: #000000 !important;
		  border-bottom-color: #000000 !important;
		}
	  a:focus .nav-caret {
		  border-top-color: #000000 !important;
		  border-bottom-color: #000000 !important;
		}
	  a:active .nav-caret {
		  border-top-color: #ffffff !important;
		  border-bottom-color: #ffffff !important;
		}



/* global */
.masthead {background-color:#FFF;}
#wrapper {}
.middle {margin:0; padding:20px 0;}
h3 {margin-top:20px; line-height: 20px; color:#F00;}


/* header */
.logo {max-width:100%; height:auto;}
.slogan {font-family: 'Roboto', sans-serif; color:#000000;}
.call {font-family: 'Roboto', sans-serif; color:#000000; line-height:105%; font-size:23px; text-align:right;}
	  

/* homepage */
.homepage-content-wrap {background:#CCC; margin-bottom:10px;}
.homepage-content {padding:20px;}
.homepage-content ul {margin:0;	padding: 0 0 11px; list-style:none;}
.homepage-content li {padding: 0 0 10px 27px; background:url(../images/li-homepage.png) no-repeat 1px 3px; }
	

/* slideshow panel */
.slideshow-panel {background:#39F; padding:20px; color:#FFF; font-family: 'Roboto', sans-serif;}
.slideshow-panel-text-1 {font-size:20px; line-height:30px;}
.slideshow-panel-text-2 {margin:15px 0;font-size:30px; font-weight:bold; line-height:40px;}
.slideshow-panel-text-3 {font-size:20px; line-height:30px;}


/* interior */
.int-content-wrap {background:#FFF; margin-bottom:10px;}
.int-content {}
.int-content h2 {color:#F60; line-height:25px;}
.int-content ul {margin-bottom:20px;}

.banner {margin-bottom:20px;}


/* homepage-slider */
section.homepage-slider{
	margin-bottom:10px;
	padding-bottom:1px;
	position: relative;
	top:0;
	z-index:99;
	border-bottom:0px solid #ddd;	
	/*background-color:#efeeed;*/
	min-height:100px;
}
section.homepage-slider div.intro{
	position:absolute;
	top:5%;
	left:5%;
	right:5%;
	opacity:.8;
}
section.homepage-slider h1{
	background-color:#eb4800;
	color:#fff;
	padding:2px 7px;
	font-size:24px;
	text-transform:uppercase;
	float:left;
	width:auto;
}
section.homepage-slider p{
	overflow:hidden;
	width:100%;
	margin-bottom:2px;
}
section.homepage-slider span{
	background-color:#fff;
	color:#000;	
	padding:2px 10px;
	line-height:30px;
	font-size:20px;
	float:left;
	width:auto;
}

section.homepage-slider img{
	border-radius:10px;
}

section.header_text{
	font-family: 'Roboto', sans-serif;
	text-align:left;
	padding:20px 0;
	font-size:20px;
	line-height:25px;
}


/* panel homepage */
.home-panel {position:relative; max-width:300px; }
.home-panel h2 {font-size:20px; color:#fff; margin:0;}
.home-panel p {font-size:12px; color:#fff; font-weight:bold; text-transform:none; line-height:15px}
.home-panel img {margin-bottom:10px; border-radius:10px;}
.home-panel-heading {position:absolute; left:0px; /*background-color:#eb4800;*/ padding:0; opacity:.8; text-transform:uppercase; display:block; width:100%;}


	/* panel interior */
	.int-panel-wrap {margin-bottom:20px;}
	.int-panel {position:relative; max-width:300px; }
	.int-panel h2 {color:#fff; margin:0;}
	.int-panel p {color:#fff; font-weight:bold; text-transform:none;}
	.int-panel img {margin-bottom:10px; border-radius:10px;}
	.int-panel-heading {position:absolute; left:0px; /*background-color:#eb4800;*/ padding:0; opacity:.8; text-transform:uppercase; display:block; width:100%;}


/* applications panel */
.app-panel {position:relative; max-width:300px; margin-bottom:30px;}
.app-panel h2 {font-size:18px; color:#fff; margin:0; padding:0 10px}
.app-panel img {margin-bottom:10px;}
.app-panel-heading {position:absolute; top:15px; left:0px; background-color:#eb4800; padding:0; opacity:.8; text-transform:uppercase; display:block; width:100%;}


/* price-box */
.price-box {margin:10px 0 20px 0; padding:10px 10px; border:2px #ff0000 solid; border-radius:10px;}
.price-tag {float:left; margin-right:15px; padding:60px 0 0 32px; color:#fff; font-size:25px; font-weight:bold; line-height:10px; background:url(../images/icon-pricetag.gif) no-repeat; width:118px; height:67px;}
.price-tag2 {float:left; margin-right:15px; padding:70px 0 0 28px; color:#fff; font-size:32px; font-weight:bold; line-height:17px; background:url(../images/icon-pricetag2.gif) no-repeat; width:142px; height:87px;}
.price-text {float:left; padding-top:10px;}
.price-text2 { padding-top:10px; text-align:center; font-size:16px;}


/* enquiry panel */
.enquiry-panel {padding:10px; background-color:#A4D1A3; border-radius:10px;}
textarea {resize: none;}


/* installation img */
.install-pics {text-align:center;}
.install-pics img {margin-bottom:20px; border-radius:10px;}


/* gallery sidebar img */
.gallery-sidebar img {margin-bottom:20px; border-radius:10px;}


/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;

}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* clear */
.clear {clear:both}


/* footer */
.footer {margin:20px 0; font-size:12px; text-align:center;}



/* footer 
----------------------------------------------------------------------------- */
#footer-bar {
	padding:10px 10px;
}
#footer-bar{
	margin-top:0px;
	padding:10px 0 20px 40px;
	background-color:#242424;
	color:#777;
	font-size:10px;
}

#footer-bar a{
	color:#fff;
	
}
#footer-bar  a:hover{
	color:#999;
	text-decoration:underline;
	background-color:none;	
}

#footer-bar ul {margin:0 0 0 10px; padding:0; }
#footer-bar li {padding:0; list-style: disc;}

#footer-bar h4 {
	padding: 0;
	font-size: 14px;
	color: #fff;
	font-weight:normal;
	margin: 5px 0;	
}

ul.footer-nav li a {color:#fff; text-decoration:none;}
ul.footer-nav li a:hover {color:#999; text-decoration:underline; background:none !important;}


/* end footer */


label2.error {font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;} 


/* bootstrap hack */
.lightbox .lb-image {max-width: none}