/* ! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #999;
  text-shadow: none;
}

::selection {
  background: #999;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*==================================================
    Style.css 
  =================================================*/

/* Clearfix */
.clear {
  clear: both;
}

/* Box Model Hack */
* {
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
  box-sizing: border-box; /* IE */
}

/*=====================================================================
    General Styles
  =====================================================================*/

body {
  background-image: url(../img/bg.jpg);
  /*background: #fff;*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Box Shadow */
.pre-nav, 
.nav-container,
#main-content,
footer {
  -webkit-box-shadow: 4px 13px 36px 1px rgba(0,0,0,0.63);
  -moz-box-shadow: 4px 13px 36px 1px rgba(0,0,0,0.63);
  box-shadow: 4px 13px 36px 1px rgba(0,0,0,0.63);
}
.style1  {
	font-family: 'Open-sans', Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #ff0a0a;
}

.style2  {
	font-family: 'Open-sans', Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

/*=====================================================================
    Navigation
  =====================================================================*/

nav ul li, 
.pre-nav ul li {
  float: left;
  list-style: none;
}

nav ul li a, 
.pre-nav ul li a {
  margin: 15px;
  padding: 16px;
  display: block;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 18px;
  color: silver;
}

nav ul li a:hover, 
.pre-nav ul li a:hover {
  text-decoration: none;
  color: white;
}

nav li a, 
.pre-nav li a {
  float: left;
  list-style: none;
}

nav ul, 
.pre-nav ul {
  padding-left: 0;
}

.nav-container {
  width: 100%;
  background: rgba(0,0,0,0.8);
  border-bottom: solid 5px black;
}

.pre-nav {
  background-color: rgba(150,150,150,0.4);
  height: 50px;
  border-radius: 5px 5px 0 0;
}

.pre-nav ul li a,
h5 {
  font-size: 16px;
  margin: 0px;
  color: white;
}

h5 {
  font-size: 16px;
  /*color: silver;*/
  margin-top: 18px;
  font-family: 'Open-sans', Arial, sans-serif;
  display: inline-block;
  margin-right: 50px;
  float: left;
  /*font-weight: bold;*/
}

.logo {
  padding: 0px;
}

.space1 {
  width: 20px;
}

.infobar {
  margin-left: 80px;
}

.sociallink {
  float: right;
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  margin-top: -28px;
}

.social {
  margin-right: 30px;
}

.booking > a {
  color: white;
  border: solid 3px white;
  padding: 5px;
  margin-top: 12px
}

nav ul li a {
  padding-top: 85px;
}

/*=====================================================================
    Links MAIN2 WHITE/GREY
  =====================================================================*/

a.main2whitered {	
    font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff; 
	text-decoration: none;
}
a.main2whitered:link {
	text-decoration: none;
	
}
a.main2whitered:visited {
	text-decoration: none;

}
a.main2whitered:hover {
	text-decoration: underline;
	color: #f4f4f4;
}
a.main2whitered:active {
	text-decoration: none;
}

/*=====================================================================
    Links MAIN3 RED/BLACK
  =====================================================================*/

a.main3redblk {	
    font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #ff0000; 
	text-decoration: none;
}
a.main3redblk:link {
	text-decoration: none;
	
}
a.main3redblk:visited {
	text-decoration: none;

}
a.main3redblk:hover {
	text-decoration: underline;
	color: #333;
}
a.main3redblk:active {
	text-decoration: none;
}

/*=====================================================================
    Meat & Potatoes
  =====================================================================*/

#main-content {
  background-color: white;
  height: 1220px;
}

section {
  background-color: white;
}

table {
  text-align: left;
  margin: 0 auto;
}

.td {
  width: 100;
} 

.featured-image {
  border-radius: 0px 10px 10px 0px;
}

/*.col-md-8 {
  padding-right: 50px;
}*/

/*=====================================================================
    Footer
  =====================================================================*/

footer {
  height: 200px;
  background-color: #494949;
  background-color: #1c1c1c;
}

.footer-content {
  padding: 30px 50px;
  color: silver;
}

.second-column {
  text-align: right;
}

/*=====================================================================
    Mobile
  =====================================================================*/

@media only screen and (max-width: 980px) {
    .pre-nav,
    .nav-bracket,
    nav ul li, 
    .social,
    footer,
    #billboard,
    .contact-banner,
    .mobile-exclude { 
        display: none;
   }

   p,
   h3 {
    padding-left: 10px;
   }

  .form-padding {
    padding: none;
  }

  .portrait {
    width: 100%;
  }

  .promo {
    margin-top: 0;
  }

  .mobile-logo {
    margin-top: 150px;
    margin-bottom: 10px;
  }

  #mobile-contact-button {
    padding: 25px;
    margin: 0 0 0 0;
    color: white;
    width: 100%;
    border-radius: 0px;
  }

  .featured-services {
    background: white;
    /*height: 2000px;*/
    margin-top: 10px;
    text-align: center;
  }

  .featured-image {
    border-radius: 0;
  }

  .mobile-nav {
    text-transform: uppercase;
    padding: 0 20px;
    color: white;
    font-size: 20px;
    border: 1px solid white;
    /*margin: 0 10px;*/
  }
  
a:hover { 
color:#ff0a0a;
text-decoration:none;
}


  h5 {
    margin: 0;
    float: none;
  }

  ul {
    list-style: none;
  }

  ul{
    margin-left: -40px;
  }
  
  section {
    margin-top: -15px;
  }

  p {
    padding: 0 10px;
    text-align: center;
  }

  h3 {
    padding: 0;
  }

  .mhr {
    display: none;
  }

}

@media only screen and (min-width: 981px) {
    .mobile-logo-include,
    #mobile-contact-button,
    .mobile-include { 
        display: none;
   }
}