/* CSS Document */
/* STYLE SHEET FOR Daves's Wheels, Created by Jozee Designs! www.jozeedesigns.com*/

/* red #af1e23 */

/* GLOBAL STYLES -------------------------------------------------- */
html, body { height:100%; background-color:#000000; }
body { color: #5a5a5a; font-family: 'Open Sans',sans-serif; }
strong { font-weight:normal; }
a, a:link, a:visited, a:hover, a:active, .btn-danger:active, .btn-danger:focus { outline-style:none; }
.red { color:#af1e23; }
.btn-large { padding: 7px 10px; }
button::-moz-focus-inner { border: 0; }
a { outline: 0; }

/* CAROUSEL -------------------------------------------------- */
.carousel {
	margin-bottom: 0px;
	height:100%;
	min-height:100%;
    }
.carousel .container { position: relative; z-index: 9; }
.carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }
.carousel .item { height: 100%; min-height:100%; }
.carousel-inner {
	height: 100%;
	min-height:100%;
	background-size: cover;
	overflow:visible;
	}
.carousel img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 100%;
}
.carousel-caption {
	position: static;
	padding: 20px;
	margin:0 auto;
	margin-top: 158px;
	height: 288px;
	background-color: transparent;
	width:670px;
    }

.nopic { width:460px; }
.left18 { margin-left:18%; margin-top:130px; }
.carousel-caption img {
	position: relative;
	padding: 0px 41px 40px 0;
	margin-top: -10px;
	float: left;
	height: 288px;
	min-width: 288px;
}
.carousel-caption h1 {
	color:#FFFFFF;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 12px;
    padding: 0px 0 3px 0;
    text-shadow: 0 1px 0 #a1a1a1, 0 0 0 #979797, 0 1px 0 #8d8d8d, 0 2px 0 #838383, 0 4px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
	}
.carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,1);
}
.bg h1, .bg h2.lead {
	text-shadow: 0px 0px 2px rgba(255,255,255,1), 0px 0px 2px rgba(255,255,255,.8);
	color: #000;
	}
.carousel-caption .btn { margin-top: 20px; margin-bottom: 40px; }
.slide1 {
	background: url(../images/3.jpg); 
    background-size: cover;
    -moz-background-size: cover;
	}
.slide2 {
	background: url(../images/2.jpg); 
    background-size: cover;
    -moz-background-size: cover;
	}
.slide3 {
	background: url(../images/1.jpg); 
    background-size: cover;
    -moz-background-size: cover;
	}
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}

/* HEADER -------------------------------------------------- */
.navbar-wrapper {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    margin-top: 20px;
    }
.navbar-inverse .navbar-inner {
	background:transparent;
	background-image:none;
	box-shadow: 0;
	}
.navbar .navbar-inner {	border: 0; }
.navbar .brand { z-index:100; }
.nav-header { color:#CD141A; }
.navbar .nav > li > a {
	padding: 15px 16px;
	color:#e50911;
	font-size:110%;
	text-shadow:0 1px 1px rgba(0, 0, 0, 1)
    }
.center.navbar .nav, .center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: top;
	margin:0;
	}
.center .navbar-inner { text-align:center; }
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100% !important; }
.navbar {
	width: 100%;
	height: 50px;
	z-index:100;
	bottom:0;
	text-align:center;
	color:#666;
	background:rgba(0, 0, 0, .8);
	}
.navbar h1 { margin:0; }
.navbar a.brand {
	width:208px;
	height:102px;
	position:absolute;
	left:6px;
	margin-top: -40px;
	background:url(../images/daves-bike-wheels-logo.png) top center no-repeat;
	text-indent:-99999px;
	}
	
.dropdown .dropdown-menu .nav-header, .dropdown-menu > li > a { text-align:left; }
	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #af1e23;
  background-image: -moz-linear-gradient(top, #c22126, #af1e23);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c22126), to(#af1e23));
  background-image: -webkit-linear-gradient(top, #c22126, #af1e23);
  background-image: -o-linear-gradient(top, #c22126, #af1e23);
  background-image: linear-gradient(to bottom, #c22126, #af1e23);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc22126', endColorstr='#ffaf1e23', GradientType=0);
}
.header-phone {
	text-align: right;
	right:0;
 	margin:15px 30px 0 0px;
	position:absolute;
	float:right;
	font-size:110%;
	color:#e5dfdf;
	}
.header-phone li { list-style:none; }

/* FOOTER -------------------------------------------------- */
footer {
	width: 100%;
	height: 50px;
	z-index:11;
	position:fixed;
	bottom:0;
	text-align:center;
	color:#666;
	background:rgba(0, 0, 0, .6);
	min-width:940px;
	}
footer h1 { margin-top: -10px; }
footer.container.navbar-fixed-top { top: auto; bottom: 0; }
.dropdown .dropdown-menu .nav-header, .dropdown-menu > li > a { text-align:left; }
ul.footer-phone {
	text-align: right;
	right:0;
 	margin:-55px 30px 0 0px;
	position:absolute;
	/*width:200px;*/
	float:right;
	font-size:110%;
	color:#e5dfdf;
	}
ul.footer-phone li { list-style:none; }
footer a:link {color:#666; }
footer a:visited {color:#666; }
footer a:hover {color:#999; }
footer a:active {color:#999; }

/* MODAL CONTACT FORM -----------------------------------------------------*/
.modal {
    overflow-y:auto;
    max-height:90%;
    margin-top:-1%;
	width: 312px;
	margin-left: -156px;
	}
.modal-header { padding-left: 20px; }
.modal-body, .modal-footer { padding-left: 23px; }
.modal-header {
	background:#000 url(../images/checkerboard-sm.gif);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-top: 17px;
	padding-bottom:4px;
	border:1px solid #fff;
	}
.modal-body {
	padding-bottom:10px 0 0 0;
	margin-bottom:0;
	max-height:400px;
	}
.modal-header h3 {
	color:#FFFFFF;
	text-shadow:0 1px 1px rgba(0, 0, 0, .8);
	font-size:25.5px;
	margin-top: 5px;
	}
.modal p.underline { border-bottom: solid 1px #EEE; padding-bottom:6px; }
.modal input, .modal textarea { margin-bottom: 2px; border:1px solid red; }
.modal label { margin-bottom: 1px; }
.modal i { margin-top:2px; }	
i.icon-phone, i.icon-mail {
	background:url(../images/icon-cell.png) top center no-repeat;
	width:24px;
	height:24px;
	margin:-2px 5px -3px 0;
	}
i.icon-mail {
	background:url(../images/icon-mail.png) top center no-repeat;
	margin:0 5px 18px 0;
	float:left;
	}
.modal-footer {
	text-align:left;
	padding-bottom:0;
	margin-top: -7px;
    padding-top: 11px;
    text-align: left;
	}
button.close {
    float: right;
    position: absolute;
    right: 6px;
	bottom:6px;
}