/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body 
{ 
	/*Set as the footer background color AND not the main bg color - sections define background colors*/
	/*This is done so if a page has very little info the footer color will extend to the bottom of computer screens*/
	background-color: #090F1B;
	color: #000000;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-x;
}

/*****************************************/
/********** SPACING **********************/
/*****************************************/
.topspacing{ padding-top: 46px;}


/*****************************************/
/********** DESIGN ELEMENTS***************/
/*****************************************/
.thumbnail{padding: 20px;}

.btn-listings {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #01304d);
  background-image: -moz-linear-gradient(top, #3498db, #01304d);
  background-image: -ms-linear-gradient(top, #3498db, #01304d);
  background-image: -o-linear-gradient(top, #3498db, #01304d);
  background-image: linear-gradient(to bottom, #3498db, #01304d);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #7a7a7a 2px;
  text-decoration: none;
}

.btn-listings:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn-search {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #4d0202);
  background-image: -moz-linear-gradient(top, #d93434, #4d0202);
  background-image: -ms-linear-gradient(top, #d93434, #4d0202);
  background-image: -o-linear-gradient(top, #d93434, #4d0202);
  background-image: linear-gradient(to bottom, #d93434, #4d0202);
  -webkit-border-radius: 19;
  -moz-border-radius: 19;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  border: solid #7a7a7a 2px;
  text-decoration: none;
}

.btn-search {
  background: #d11f1f;
  background-image: -webkit-linear-gradient(top, #d11f1f, #ab1515);
  background-image: -moz-linear-gradient(top, #d11f1f, #ab1515);
  background-image: -ms-linear-gradient(top, #d11f1f, #ab1515);
  background-image: -o-linear-gradient(top, #d11f1f, #ab1515);
  background-image: linear-gradient(to bottom, #d11f1f, #ab1515);
  text-decoration: none;
}

/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #AAAAAA; font-family: 'Verdana', Times New Roman; font-weight: bolder; font-size: 4em;}
h2{color: #000000; font-family: 'Verdana', sans-serif; font-weight: bolder; }
h3{color: #000000;}
h4{color: #000000;}
h5{color: #000000;}


/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #FF3333; font-size: 16px; text-decoration: underline;}

a.a2:link{   color: #000000; font-size: 16px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 16px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 16px; text-decoration: underline;}


/*****************************************/
/********** FILLS AND BACKGROUNDS ********/
/*****************************************/
.white{ background-color: #FFFFFF; color: #000000;}
.black{ background-color: #000000; color: #FFFFFF;}
.grayLight{ background-color: #cccccc; color: #000000;}
.grayDark{ background-color: #333333; color: #FFFFFF;}


/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
/*USED WHEN BRAND LOCATION IS TEXT - SETS THE FONT STYLE AND COLOR*/
#basic-menu.navbar-default .navbar-brand {
    color: rgba(238, 238, 238, 1);
}
/*MAIN FORMATTING FOR NAV BAR*/
#basic-menu.navbar-default {
    font-size: 16px;
    background-color: rgba(51, 51, 51, 1);
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
    border-bottom-width: 1px;
}
/*MAIN COLORS FOR DESKTOP VIEW WHEN MENU ITEMS IDLE*/
#basic-menu.navbar-default .navbar-nav>li>a {
    color: rgba(238, 238, 238, 1);
    background-color: rgba(51, 51, 51, 1);
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
}
/*MAIN COLORS FOR DESKTOP VIEW WHEN SCROLLING OVER MENU ITEMS*/
#basic-menu.navbar-default .navbar-nav>li>a:hover,
#basic-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(238, 238, 238, 1);
    background: -webkit-linear-gradient(top, rgba(170, 170, 170, 1) 0%, rgba(238, 238, 238, 1) 100%);
    background: linear-gradient(to bottom, rgba(170, 170, 170, 1) 0%, rgba(238, 238, 238, 1) 100%);
}
/*RARELY USED - COLORS IF KNOWN AT ACTIVE PAGE FOR LINK*/
#basic-menu.navbar-default .navbar-nav>.active>a,
#basic-menu.navbar-default .navbar-nav>.active>a:hover,
#basic-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(238, 238, 238, 1);
    background-color: rgba(51, 51, 51, 1);
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(51, 51, 51, 1) 100%);
}
/*CHANGES BORDER COLOR OF ICON WHEN IN MOBILE FRIENDLY VIEW - MAIN COLOR*/
#basic-menu.navbar-default .navbar-toggle {
    border-color: #EEEEEE;
}
/*CHANGES BACKGROUND COLOR OF ICON WHEN IN MOBILE FRIENDLY VIEW WHEN SCROLLING OVER*/
#basic-menu.navbar-default .navbar-toggle:hover,
#basic-menu.navbar-default .navbar-toggle:focus {
    background-color: #EEEEEE;
}
/*CHANGES COLOR OF BARS INSIDE OF ICON WHEN IN MOBILE FRIENDLY - MAIN COLOR*/
#basic-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #EEEEEE;
}
/*CHANGES COLOR OF BARS INSIDE OF ICON WHEN IN MOBILE FRIENDLY VIEW WHEN SCROLLING OVER*/
#basic-menu.navbar-default .navbar-toggle:hover .icon-bar,
#basic-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #333333;
}

/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*****************************************/
/********** NAVBAR COLLAPSE **************/
/*****************************************/
/*Be default the navbar menu collapses to mobile dropdown at 768px. This forces it to collapse sooner*/
@media (max-width: 1199px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}