body {
	background-color: BF2E1A;}
li{	
	font-family: 'Work Sans', sans-serif;
	font-weight:600;
}
	
span{color: #FFFFFF;}

#header {
	height:48px;
	min-width: 100%;
	width:100%;
	background-color: #3F3E40;
	padding-top:50px;
	box-shadow: 0 5px 5px -5px #333;}

h1{font-family: 'Work Sans', sans-serif;
	font-weight:600;}

#navBar {
	background-color: #BF2E1A;
	padding: 10px;
}

#navItems {
	width: 550px;
	margin: auto;
}

#logoBox {
	width:1200px;
	margin:auto;
}

#logo {
	width: 300px;
	height:150px;
	position: absolute;
	top: 0px;

	border-radius: 1pt;
	text-align:center;
	background: url(images/logo.png) center center;
	background-color: #EEEEEE;
	background-size: 80%;
	box-shadow: 0 5px 5px -5px #333, -5px 0 5px -5px #3F3E40, 5px 0 5px -5px #3F3E40;
	background-repeat: no-repeat;
	cursor: pointer;
}

.topNav {
	list-style:none;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}

.topNav li {
	display:inline-block;
	color:#FFFFFF;
	font-size: 1.2em;
	line-height:28px;
	margin-left: 25px;
}

.topNav li:hover {
	color: #FF806F;
	transition: all 0.5s ease;
}

.selected { 
 color:white !important;
}

#gallery {
	min-width: 100%;
	min-height: 80%;
	height:80%;
	width:100%;
	background: url("backimg.jpg") center center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color:rgba(21, 20, 20, 0.65);
	box-shadow: 0 -5px 5px -5px #333,  0 5px 5px -5px #333;
}
#teaserSection{
	width:1200px;
	margin:auto;
	top:30%;
	position:relative;
	clear:both;
}

#teaser {
	background-color:#BF2E1A;
	width:300px;
	height:358px;
	float:left;
	border-radius: 1pt;
	box-shadow: 0 0 5px #333;}

#teaserSection ul {
	margin:0px;
	padding:0px;
	list-style: none;
	display: inline-block;
}

#teaserSection ul  a {
	border:none;
	text-decoration: none;
}
#teaserSection li {
	display: inline-block;
	width: 250px;
	height:150px;
	border: 1px solid transparent;
	margin: 5px;
	position:relative;
}

#teaserSection li img {
	width:250px;
	height: 150px;
}

#teaserSection hr {
	border:1px solid #FFAAAA;;
}

#teaserSection li span {
  position: absolute;
  text-align: center;
  display: block;
  width: 250px;
  padding-top: 15px;
  height: 35px;
  background-color: rgba(33, 34, 37, 0.69);
  font-style: italic;
  font-size: 16px;
  color: #ffffff;
  bottom: 0px;
}

#teaserSection li span:hover {
	background-color: rgba(115, 11, 27, 0.69);
}

.teaserForm {
	text-align:center;
	padding-top:35px;
	display:inline-block;
}

.teaserHolder {
	float:left;
	display:inline-block;
	background-color: #8C2213;
	width:0px;
	height:358px;
	border-radius: 1pt;
	box-shadow: 0 5px 5px -5px #333, 5px 0 5px -5px #333, 0 -5px 5px -5px #333;
}

.slider {
	width:830px;
	display:none;
}

.teaserContent {
	padding:15px;
	color:white;
	font-family: 'Oxygen', sans-serif;
	line-height: 24px;
	font-size: 22px;
}

.teaserForm select {
	width:240px;
	height:40px;
	margin-top: 20px;
	background:#EEEEEE;
	border: 0px;
	padding:10px;
		font-family: 'Work Sans', sans-serif;
	font-weight:600;
	font-size: 14px;
}

.teaserForm input {
	text-transform: uppercase;
	height:40px;
	display:inline-block;
	background:#FFAAAA;
	margin-top: 20px;
	border:0px;
	width:230px;
	font-family: 'Work Sans', sans-serif;
}

#teasersection h1 {
	color: white;
	font-size: 28px;
	padding:0px;
	margin:0px;
}

#quote {
	padding:35px;
}

.quoteUl {
	float:left;
	margin-right: 20px !important;
}

#contactBox {
	width:1200px;
	margin: auto;
}

#contactBox .content img{
	height: 37px;
	width: 37px;
	margin-left: 25px;
}

#genQuote {
display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border-radius: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  color: #ffffff;
  background-color: #7F1F11;

}

#genQuote:hover {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background-color: #A52817;
  transition: 0.5s;
}

.content {
	font-size:1.5em;
	color:#FFAAAA;
	padding: 35px;
	vertical-align: top;	
	line-height: 37px;
}

.content a {
	color:#FFFFFF;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.follow {
	line-height: 37px;
	vertical-align: top;	
}

.right {
	float:right;
}