/* Please note: Twitter Bootrap files located under the framework folder of website. There are other CSS files found under that folder attached via the template */
/* For more information/documentation please visit: http://twitter.github.io/bootstrap/ */

/* Insert Main Styles Here */
body {font-size:12px;}
#bodyArea{ padding-top: 60px; padding-bottom: 40px;}

/* begin removes white space below footer when insufficient content */
body {font-family: Helvetica,Arial,sans-serif; background-color: #DDDDDD; color: #333333;}
#all-content-within-body {background-color: #FFFFFF; color: #333333;}
/* end removes white space below footer when insufficient content */

/* text */
h1,h2,h3 {font-family:'Open Sans', sans-serif; text-transform:uppercase; font-weight:700;}
a {color:#3A5AA4;}

/* nav */
.navbar {margin-bottom:0; border:0;}

.navmain ul {background:#ddd;}

.navbar-nav {width: 100%; margin: 0 auto;}
.navbar-nav > li {width:141PX;}
.navbar-nav > li > a {height:70px; font-size:0.9em !important; color:#000; font-size:14px; color:#000; text-transform:uppercase; font-weight:bold; }
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {height:70px; background:grey; color:#000;}

.navbar-toggle {background-color:#333333;}
.navbar-toggle .icon-bar {background-color:#FFFFFF;}

/* jumbotron */
.jumbotron {background-image: url(http://britsnz.co.nz/uploads/theme/banner.jpg);  background-size: cover; text-align:center;}
.jumbotron h4 {color:#000; text-transform:uppercase;}

#service-image {background-image: url(http://britsnz.co.nz/uploads/theme/hydra1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 419px;}
#systems-image {background-image: url(http://britsnz.co.nz/cms/uploads/theme/hydra2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 550px;}

.social{ background:url(http://britsnz.co.nz/uploads/TwitterBootstrap/social.png) top left no-repeat; }
.twitter{ width:34px; height:33px; background-position:-10px -10px; font-size:0px; padding:15px;}
.rss{ width:34px; height:33px; background-position:-10px -53px; }
.facebook{ width:34px; height:33px; background-position:-10px -96px; }
.pinterest{ width:34px; height:33px; background-position:-10px -139px; }
.youtube{ width:34px; height:33px; background-position:-10px -182px; }
ul.social-list li{ float:left; list-style:none; margin:2px;}
ul.social-list {margin:20px 0 15px 0; float:right; padding:0; }

#searchwrapper {width:180px; height:33px; background:url(http://britsnz.co.nz/uploads/TwitterBootstrap/search.png); position:relative; float:right; margin:0; padding:0;}
#searchwrapper form { display:inline;}
.searchbox { border:0; background-color:transparent; position:absolute; top:1px; left:9px; width:173px; height:32px;}
.searchbox_submit {border:0; background-color:transparent;position:absolute; top:4px; right:0; width:32px; height:25px;}

.banner {background:#E9E9E9; padding:10px 0; margin-bottom:10px; HEIGHT:220PX;}

.boxes h2 {color:#fff; background:#3A5AA4; font-size:16px; padding:15px 8px;}
.boxes h4  {text-transform:uppercase; color:#D8322A; font-weight:400;}

.ir {background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border: 0 none;direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em;}

footer {background:#ddd; color:#000; padding:20px 0;}
footer li {list-style:none;}
.bottom-foot {background:#000; color:#fff;}
.bottom-foot a {color:#fff;}
ul.footerMenu {padding-left:0;}
#mainlogo {margin-top:20px; margin-bottom:20px;}

.services p, .advantages  ul li {font-size: 12px;}
.advantages {background:#ccc;}
.center {margin: 0 auto; width: 960px;}
.sponsor {color: #FFFFFF; display: inline-block; font-weight: 700; padding: 15px 0 5px; text-align: center; width:100%;}
.slider-wrapper {z-index:100;}
.promo { background:url(http://britsnz.co.nz/uploads/TwitterBootstrap/promo.png) no-repeat; width:136px; float:right; height:151px; position:relative; z-index:800; padding:15px; color:#fff; }

#mc_embed_signup.formbuilderform{ width:100%;}
#mc_embed_signup h2 {color:#000; margin-top:0;}

.btn-primary {background:#3A5AA4;}
.btn-lg {border-radius:0; text-transform:uppercase;}

/*contact form buttons - note that this styles all btn-default */
.btn-default {text-transform:uppercase; background-color:#3A5AA4; color:#FFFFFF; border-radius:0px; border-color:#428BCA; font-size:18px; min-width:188px;} 
.btn-default:hover {background-color: #3276B1; border-color: #428BCA; color: #FFFFFF;} 

    
/*iPhones*/
@media screen and (max-width:400px) {
    .navbar-nav > li > a, .dropdown-menu > li > a {WIDTH:100%; height:35px;}
    .navbar-nav > li > a, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {height:35px;}
    .navbar-nav > li {width:100%;}
    .dropdown-menu {text-transform:uppercase; font-size:10px;}
    
    }

@media(min-width:401px) and (max-width:766px) {
    .navbar-nav > li > a, .dropdown-menu > li > a {WIDTH:125%; height:35px;}
    .banner {display:none;}
    .navbar-nav > li > a, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {height:35px;}
    .navbar-nav > li {width:80%;}
    .dropdown-menu {text-transform:uppercase; font-size:10px;}
    
    }
    
@media(max-width:767px) { }
    
@media(min-width:768px) { }

@media(min-width:768px) and (max-width:959px) { .banner {HEIGHT:146PX;} }


@media(min-width:960px) and (max-width:990px) { }
    
@media(min-width:768px) and (max-width:991px) {
    .navbar-nav > li {width:89px;}
    .navbar-nav > li > a {height:110px; font-size:9px !important;}
    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {height:110px;} 
    
    }

/* Medium devices (desktops, 992px and up to 1199px) */
@media(min-width:992px) and (max-width:1199px) { .navbar-nav > li {width:117PX;} }

/* Stylesheet: TwitterBootstrap Modified On 2014-04-11 15:07:18 */