@charset "utf-8";
/* CSS Document */

body{
	background:url(img/background.png) repeat-x #EAEAEA;
}

#bar {
    background: #0589b2 none repeat scroll 0 0;
    border-bottom: 2px solid #05b0e8;
}

#bar {
    padding: 5px 10px;
}

h1, h2, h3 ,h4{
	color: #e98c33;
	font-family: 'Open Sans', sans-serif;
}

h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}

.content{
	background-color:#fff;
	padding:20px;
	margin-top:15px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	zoom: 1;
}

.maincontent img{
	padding:2px;
	background:#fff;
	margin:4px;
	border: 1px solid #ccc;
}

.navig{
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-transform:uppercase;
	font-size:26px;
	padding:20px;
	background-color:#0589b2;
}
.navig li{
	list-style:none;
	color:#fff;
	margin-left:-40px;
}

.navig li a{
	color:#fff;
}

.navig li a:hover{
	color:#ccc;
	text-decoration:none;
}

.guaranteed{
	background-color:#e98c33;
	padding:15px;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}

.guaranteed img{
	margin-left: auto;
    margin-right: auto;
	}

.manu-logos{
	margin-top:40px;
}	

.contactwidth{
	max-width:300px;
}

.contactwidth50{
	max-width:50px;
}

.footer{
	margin-top:20px;
	text-align:center;
	margin-bottom:20px;
	font-size:0.8em;
	color:#888;
}

.footer a{
	color:#888;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 250px;
  background-color: #fff;
  overflow:hidden!important;
  height:auto;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  
  height:auto!important;
  position:relative!important;
}


/* Customize container */
@media (min-width: 768px) {
  .container {
    width: 100%; 
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}