/*	FONTS 	===========================================================		*/

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}



h1, h2, h3	{
	font-family: 'PTSansNarrowBold', Helvetica, Arial, sans-serif;
	color: rgba(0, 0, 0, 1);
	}

p, li	{  
	font-family: 'PTSansNarrowRegular', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2;
	color: rgba(0, 0, 0, 1);
	}


a:link		{color: rgba(255, 255, 255, 1);}
a:visited	{color: rgba(255, 255, 255, 1);}
a:hover		{color: rgba(255, 255, 255, 1);}  		
a:active	{color: rgba(255, 255, 255, 1);}



.centered 	{
	text-align: center;
	}









/*	BUTTONS 	===========================================================		*/

.button_photos 	{
	position: relative;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	}

.button_photos a	{
	color: rgb(255, 255, 255);
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(161, 12, 17, 1);
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-align: center;
	text-decoration: none;
	}


.btn-red  {
  background-color: rgba(161, 12, 17, 1);
  border-color: none;
  color: rgba(255, 255, 255, 1);
  width: 180px;
  margin: 0 auto 40px auto;
}

.btn-red:hover, 
.btn-red:visited   {
  background-color: rgba(161, 12, 17, .85);
  border-color: none;
  color: rgba(255, 255, 255, 1);
}





/*	BODY 	===========================================================		*/

body		{
	background-color: rgba(255, 201, 49, 1);
	color: rgba(0, 0, 0, 1);
}

.container  {
  padding: 0 0 0 0;
  max-width: 95%;
  }









/*	NAVBAR 	===========================================================		*/

#header_box_black	{
    background-color: #000000;
    /*position: relative;
    clear: none;
    display: block;
    float: left;
    height: 50px;
    margin-left: 0;
    margin-top: 0;
    width: 100%;*/
	}

#header_logo_initials	{
	display: none;	
	}

#header_logo_name 	{
	max-width: 80%;
	padding-top: 10px;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	/*margin-bottom: 3px;*/
	/*position: relative;*/
	/*top: 5px;*/
	/*bottom: 10px;*/
	}

#header_logo_name img	{
	max-width: 100%;
	}

#header_box_red	{
	background-color: rgb(161, 12, 17);
	height: 5px;
	}

#header_box_black_line	{
    background-color: #000000;
    height: 5px;
	}










/* CAROUSEL  ====================================================================	*/

/* Carousel base class */
.carousel {
  max-width: 100%;
  /*height: auto;*/
  /*margin-right: auto;*/
  /*margin-left: auto;*/
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 500px;*/
  background-color: rgba(255, 201, 49, 1);
}
.carousel-inner > .item > img {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*min-width: 100%;*/
  /*height: 500px;*/
  max-width: 100%;
  height: auto;
}



.carousel-indicators {
  bottom: 10px;
  margin-bottom: 0px;
  left: 50%;
  list-style: none outside none;
  margin-left: -30%;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 15;
}

.carousel-indicators li {
  background-color: rgba(255, 255, 255, .3);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  width: 10px;
}

.carousel-indicators .active {
    background-color: rgba(255, 255, 255, .7);
    height: 12px;
    margin: 0;
    width: 12px;
}




.carousel-control {
    bottom: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    left: 0;
    opacity: 0.4;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 10%;
}

.carousel-control.left {
  background-image: none;
  /*background-repeat: repeat-x;*/
  /*left: auto;*/
  /*right: 0;*/
}

.carousel-control.right {
  background-image: none;
  /*background-repeat: repeat-x;*/
  /*left: auto;*/
  /*right: 0;*/
}










/* MARKETING CONTENT  ===========================================================	*/

.desc h3 {
  font-size: 1.45em;
  color: rgba(80, 80, 80, 1);
  margin: 3% 10% 3% 10%;

}

.marketing {
  width: 280px;
  padding-left: 6%;
  margin: 0px auto 10px auto;
}

.marketing h2 {
  margin: 10px 0 0 0;
}

.marketing ul  	{
	list-style-position: inside;
	padding: 0 0 10px 0;

}





#sitePhotos	{
	margin: 0 auto 5% auto;
}

#sitePhotos p	{
	text-align: center;
	padding: 1% 0 2% 0;
}

#sitePhotos img	{
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}












/*	FOOTER 	===========================================================		*/

footer	{
	background-color: rgb(128, 128, 128);
	margin-left: auto;
	margin-right: auto;
	padding: 4% 0 5% 0;
	}

footer .container	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width: 250px;
	max-width: 90%;
	}

footer h1	{
	color: rgba(255, 255, 255, 1);
	margin-bottom: 5px;
	}

footer h1.title	{
	font-size: 1.5em;
	font-style: italic;
	color: rgba(0, 0, 0, 1);
	margin: 0 0 0 0;
	}

footer p	{
	font-size: 16px;
	margin: 10% auto 10% auto;
	}

footer em	{
	color: rgba(0, 0, 0, .5);
	font-size: .8em;
	}

















/* RESPONSIVE CSS  ================================================================	 */

@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .desc {
    width: 700px;
  }

  .desc h3  {
    margin: 20px 20px 0px 10px;
  }

  .marketing {
    padding-top: 10px;
    padding-left: 30px;
  }
}


@media (min-width: 992px) {
  .container {
    width: 750px;
    padding-left: 30px;
  }
}


@media (min-width: 1200px) {
  .container {
    width: 750px;
    padding-left: 30px;
  }
}