body {
	padding-top: 70px;
	background: url(../img/bg.png);
    color: #5a5a5a;
}

.gradient {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  rgba(238,241,241,0) 75%, rgba(224,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(238,241,241,0)), color-stop(100%,rgba(224,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,241,241,0) 75%,rgba(224,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,241,241,0) 75%,rgba(224,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,241,241,0) 75%,rgba(224,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,241,241,0) 75%,rgba(224,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eef1f1', endColorstr='#e0e5e5',GradientType=0 ); /* IE6-8 */

		border-bottom: 1px solid #ffffff !important;
}

.wrapper  {
	position: relative;
}

hr {
	margin: 17px 0 18px !important;
	height: 0 !important;
	clear: both !important;
	border-width: 1px 0 0 !important;
	border-top: 1px solid #dee3e3 !important;
	border-bottom: 1px solid #ffffff !important;
}

.social {
	font-size:35px;
	letter-spacing:10px;
	text-align: center;
}

.well {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #D4D4D4 !important;
  border-top: 2px solid #c6d2d2 !important;
  border: 1px solid #c7c7c7;
	-webkit-box-shadow: 0 8px 10px -3px #2A2A2A;
	   -moz-box-shadow: 0 8px 10px -3px #2A2A2A;
	        box-shadow: 0 8px 10px -3px #2A2A2A;
}

/*Buttons*/

.btn-default {
	transition: all 0.5s ease;
}

.pager {
	transition: all 0.5s ease;
}

/*Typography */

a {
	text-decoration: none !important;
}

h1 {
/*text-shadow: 1px 1px white, -1px -1px #444;*/
text-shadow: 1px 1px 2px;
}

.well h4 {
	margin: 0;
	color: #5A5A5A;
}

.letterpress a {
	color: #555555;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
}

.letterpress a:hover {
	color: #d1dbdb;
    text-shadow: 1px 1px 2px #555555;
	transition: all 0.5s ease;
}

.letterpress a:active {
	color: #972514;
    text-shadow: 1px 1px 2px #555555;
	transition: all 0.5s ease;
}

ul
{
    list-style-type: none;
}

/* NAVBAR */

.navbar-brand {
  width: 386px;/*width of the logo image*/
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #080808;
}

.dropdown-menu>li>a:hover{
	color:#EBEBEB;
	background-color:#972514;
}

.logo {
	position: relative;
	left: 5px;
	max-width: 75%;
	max-height: 75%;
	margin-left: 4px;
	margin-top: 4px;
}

.logo-wrapper {
	max-width:400px;
	padding-top:10px
}

/*Video */
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

/* Carousel Images */

.background-opacity {
	color: #555555;
	background-color:rgba(255, 255, 255, 0.75);
}

.shadow {
	/* drop shadow */
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.centered {
	float: none;
    margin: auto;
}

.carousel-center-img {
	margin: 0 auto;
}

	.carousel-inner .item {
		width: 100%;
	}

		.slide-01 {
		background: url(../img/bg-cc.png) repeat center center, #777;
	}

	.slide-02 {
		background: url(../img/bg-cdg.png) repeat center center;
	}

	.slide-03 {
		background: url(../img/bg-swoosh.png) top center no-repeat fixed, url(../img/bg-cww.png) repeat fixed;
	}
