/* REMOVES DOTTED LINES FROM LINKS AND BUTTONS - works on all browsers now */
*{outline:0px !important;}


/* KEY FOR DISPLAYING ALTERNATE CONTENT
---------------------------------------------------------------------------------------------
.visible-xs     Visible	Hidden	Hidden	Hidden
.visible-sm     Hidden	Visible	Hidden  Hidden
.visible-md     Hidden	Hidden	Visible	Hidden
.visible-lg     Hidden	Hidden  Hidden	Visible
.hidden-xs	Hidden	Visible	Visible	Visible
.hidden-sm	Visible	Hidden  Visible	Visible
.hidden-md	Visible	Visible	Hidden	Visible
.hidden-lg	Visible	Visible	Visible	Hidden
*/



/* USE TO FIX GOOGLE SEARCH DISPLAY ISSUES IN BOOTSTRAP 3
--------------------------------------------------------------------------------------------- */

.reset-box-sizing,
.reset-box-sizing * {
  margin: auto;
  width: 90%;                       /* SEE @media VARIATIONS */
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}



/* USE TO REPOSITION ELEMENTS TO CENTER ON MOBILE VIEWS / SEE @media VARIATIONS
--------------------------------------------------------------------------------------------- */
.reAlignLeft{
	text-align: center;
}

.reAlignRight{
	text-align: center;
}


/* SETS AN IMAGE TO FILL THE SCREEN AT THE XS SIZE AND 400PX WIDE FOR LARGER MONITORS (see also 768 media)
-------------------------------------------------------------------------------------------------------------- */

.img-scale-left{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px auto 10px auto;
}

.img-scale-right{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px auto 10px auto;
}

.img-scale-center{
	display: block;
	width: 100%;
	text-align: center;
	text-align: center;
	margin:0px auto 10px auto;
}


/* GLOBAL STYLES
--------------------------------------------------------------------------------------------- */


.clearFix {clear: both;}

body {
	font-family: Ubuntu, sans-serif;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	color: #4f4f4f;
	background-color: #f8e5cc;
	background-image: url(../images/ClapboardRepeater.jpg);
	background-attachment: fixed;
}


hr {
	border: 0;
	height: 1px;
	clear: both;
	margin-top: 24px;
	margin-bottom: 24px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.mainWrapper{
  background: #ffffff;
  margin-top: 0px;
  -webkit-border-radius:	0px 0px 0px 0px;
     -moz-border-radius:	0px 0px 0px 0px;
          border-radius:	0px 0px 0px 0px;
     -webkit-box-shadow:	0px 3px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:	0px 3px 8px rgba(0, 0, 0, 0.2);
             box-shadow:	0px 3px 8px rgba(0, 0, 0, 0.2);
}


.bannerBound{
	background: #ffffff url(../images/PageBGTop.jpg) repeat-x;
	background-size: 400px;
}

.bannerRow{
	border: solid 0px green;
	padding-top: 0px;
	margin-top: 0px;
}

#logoCell{
	text-align: center;
	border: solid 0px blue;
	padding: 10px 0px 10px 0px;
	margin: 0px auto 0px auto;
}

#logoCell a{
	border: solid 0px green;
	display: block;
	width: 100%;
	max-width: 488px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

#logoCell img{
	width: 100%;
	max-width: 488px;
	display: block;
	margin: 0px auto 0px auto;
}




/* SPECIAL BANNER AREA BUTTONS / LINKS
--------------------------------------------------------------------------------------------- */

.bookNow{
	font-size: 14px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	margin-top: 0px;
	border: solid 0px green;
}


.bookNow a:link, .bookNow a:active, .bookNow a:visited{
	font-family: "trebuchet ms", trebuchet arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	width: 160px;
	display: block;
	background: #c9925f;
	border: solid 0px rgba(255, 255, 255, 1.0); /* WHITE */
	color: #f8e5cc;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 5px 4px 6px 4px;
	line-height: 100%;
	text-decoration: none;
	-webkit-border-radius:	6px;
           -moz-border-radius:	6px;
	        border-radius:	6px;
	   -webkit-transition: background-color .4s;
	      -moz-transition: background-color .4s;
	           transition: background-color .4s;   
}

.bookNow a:hover{
	background: #e4a86f;
	border: solid 0px rgba(255, 255, 255, 1.0); /* WHITE */
	color: #ffffff;
	text-decoration: none;
}

.buttonArrow{
	font-size: 16px;
	margin: 0px 0px 0px 6px;
}

/* ********* SOCIAL BUTTONS ****************** */
#socialCell{
	background: none;
	border: solid 0px red;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 12px auto;
	width: 40px;
	color: #a1a1a1;
	font-size: 14px;
}

#socialText{
	white-space: nowrap;
}


#socialCell table{
	background: none;
	border-collapse: collapse;
	margin: 0px 0px0px 0px;
	border-spacing:0px 0px;
	border: solid 0px green;
}

#socialCell table td{
	background: none;
	text-align: center;
	align: center;
	padding: 0px 4px 0px 0px;
}

#socialCell table td a:link, #socialCell table td a:visited{
	display: block;
	background: url(../images/SocialIconSprite.png) no-repeat;
	margin: 0px 0px 0px 0px;
	border: solid 0px #0000ff;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

	#socialCell table td a#fb:link, #socialCell table td a#fb:visited{
		background-position: 0px 0px;
		text-decoration: none;
	}

	#socialCell table td a#fb:hover{
		background-position: 0px -62px;
		text-decoration: none;
	}

	#socialCell table td a#tw:link, #socialCell table td a#tw:visited{
		background-position: -60px 0px;
		text-decoration: none;
	}

	#socialCell table td a#tw:hover{
		background-position: -60px -60px;
		text-decoration: none;
	}

	#socialCell table td a#li:link, #socialCell table td a#li:visited{
		background-position: -124px 0px;
		text-decoration: none;
	}

	#socialCell table td a#li:hover{
		background-position: -124px -60px;
		text-decoration: none;
	}

	#socialCell table td a#yt:link, #socialCell table td a#yt:visited{
		background-position: -186px 0px;
		text-decoration: none;
	}

	#socialCell table td a#yt:hover{
		background-position: -186px -60px;
		text-decoration: none;
	}


/* ********* HEADING STYLES ****************** */
.h1HeadingCell{
	text-align: center;
	line-height: 100%;
	margin-top: 18px;
	margin-bottom: 18px;
	padding-top: 0px;
	padding-bottom: 20px;
	border-bottom: solid 3px #e30000;
}

.h1HeadingCell h1{
	font-family: "trebuchet ms", trebuchet arial, helvetica, sans-serif;
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

/* CONTENT
-------------------------------------------------- */


.homeIntro{
	font-size: 20px;
}


.contentBound{
	padding-top: 30px;
	padding-bottom: 30px;	
	font-size: 18px;
	background-color: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
           -moz-box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
                box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
}

.contentBound a:link, .contentBound a:active, .contentBound a:visited{
	color: #337ab7;
	text-decoration: underline;
}

.contentBound a:hover{
	color: #2d9eff;
	text-decoration: underline;
}

.homeWelcomeHeading{
	font-family: "trebuchet ms", trebuchet arial, helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	line-height: 100%;
	padding: 24px 0px 12px 0px;
}

#homeWelcomeText{
	font-family: "trebuchet ms", trebuchet arial, helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	margin-top: 42px;
	line-height: 130%;
	padding: 30px 30px 0px 30px;
	border-top: solid 1px #d2d2d2;
}

h1, h2, h3, h4, h5, h6{
	font-family: "trebuchet ms", trebuchet arial, helvetica, sans-serif;
	color: #000000;
 	font-weight: bold;
 	line-height: 100%;
 	margin: 0px 0px 6px 0px;
 }

h1{font-size: 28px; color: #005896}

h2{font-size: 24px;}

h3{font-size: 22px;}

h4{font-size: 20px;}

h5{font-size: 18px;}

h6{font-size: 16px;}

.miniButtonLink:link,  .miniButtonLink:active, .miniButtonLink:visited{
	display: block;
	text-align: center;
	font-weight: bold;
	width: 170px;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 4px;
	background: #0152d7;
		    border-radius:	12px;
	 -moz-border-radius:	12px;
-webkit-border-radius:	12px;
 margin: 0px 0px 10px 0px;
 }

.miniButtonLink:hover{
	background: #f66100;
 }


/* FOOTER
-------------------------------------------------- */
.footerBound{
	background: url(../images/PageBGRepeater.jpg);
	font-weight: normal;
	font-size: 16px;
	color: #ffffff;
	border: solid 0px red;
	margin-bottom: 0px;
	
}

.footerBlock{
	font-weight: normal;
	border: solid 1px #a0000d;
	border-width: 0px 0px 0px 0px;
	margin-bottom: 14px;
	padding: 0px 15px 20px 15px;
	text-align: center;
	line-height: 110%;
}


.footerTowns{
	color: #ffffff;
	padding: 12px 16px 12px 16px;
	margin: 0px 0px 14px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 110%;

}

.footerBound h1, .footerBound h2, .footerBound h3{
	font-family: arial, helvetica, sans-serif;
	color: #ae845c !important;
	font-weight: bold;
	line-height: 110%;
	margin: 0px;
}


.footerBound h1{
	font-size: 24px
}

.footerBound h2{
	font-size: 18px
}

.footerBound h3{
	font-weight: bold;
	font-size: 16px
}


.footerBound a:link, .footerBound a:visited{
	line-height: 190%;
	color: #ae845c;
	text-decoration: underline;
}

.footerBound a:hover{
	color: #f7e6cc;
	text-decoration: underline;
}

.copyright{
	font-size: 12px;
}



/* WEBFODDER LINK
---------------------------------------------------------- */


/* ****** WEBFODDER LOGO ******** */
#webfodderCell{
	margin: 10px auto;
	width: 126px;
	border: solid 0px red;
}

#webfodderCell a:link, #webfodderCell a:active, #webfodderCell a:visited{
	text-align: left;
	display: block;
	background: url(../images/WebfodderLogo20.png) no-repeat;
	background-position: left 0px;
	padding: 0px 0px 0px 25px;
	color: pink;
	text-decoration: none;
	font-size: 11px;
	line-height: 100%;
}

#webfodderCell a:hover{
	color: #ffffff;
	text-decoration: underline;
	font-size: 11px;
	line-height: 100%;
}


/*
IFRAME STYLES
----------------------------------------------------------- */

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* *************** FORM STYLES ********************* */

input {
	border: 1px solid black; margin-bottom: .5em;
}

input.error {
border: 1px solid red;
}


label {
	text-align: right;
	color: #000;
	font-size: 1em;
}

label.error {
	color: #A60400;
	padding-left: 16px;
	margin-left: .3em;
}

span.requiredStar {
	color: #A60400;
}

.my-border {
    border: 1px solid #000000;
}

.captcha-border {
    border: 1px solid #ddd;
}


hr{color: #cccccc;}



.form-group {
    margin-bottom: 2px;
}

.form-control {
    height: 44px;
    padding: 9px 12px;
}



/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  768 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (min-width: 768px) {

	.reAlignLeft{
		text-align: left;
	}

	.reAlignRight{
		text-align: right;
	}


	/* ========================================================================================== */
	/* SETS AN IMAGE TO FILL THE SCREEN AT THE XS SIZE AND BE 400PX WIDE FOR LARGER MONITORS ---- */
	/* ========================================================================================== */

		.img-scale-left{
			max-width: 400px;
			float: left;
			margin:0px 10px 10px 0px;
		}

		.img-scale-right{
			max-width: 400px;
			float: right;
			margin: 0px 0px 10px 10px;
		}

		.img-scale-center{
			max-width: 400px;
			margin: 0px auto 10px auto;
		}

	/* ========================================================================================== */
	/* ------------------------------------------------------------------------------------------ */
	/* ========================================================================================== */


	.bannerBound{
		background-size: 300px;
	}

	.bannerRow{
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#logoCell{
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}

	#logoCell a{
		max-width: 370px;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px  auto;
	}

	#logoCell img{
		max-width: 370px;
		margin: 0px auto 0px  auto;
	}
	

	.bookNow{
		text-align: right;
	}

	.bookNow a:link, .bookNow a:active, .bookNow a:visited{
		font-size: 16px;
		margin: 0px 0px 0px auto;
	}
	

	.interiorSpacer{
		height: 0px;
	}


	.h1HeadingCell{
		margin-top: 76px;
		margin-bottom: 30px;
	}


	#tagline{
		padding-left: 8px;
		padding-top: 10px;
		font-size: 18px;
	}

	#contentWrapper{
		margin-bottom: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.homeWelcomeHeading{
		font-size: 48px;
		padding: 24px 0px 10px 50px;
	}



	.bigButtonLink:link, .bigButtonLink:active, .bigButtonLink:visited{
		font-size: 17px;
		width: 260px;
		padding: 8px;
	 }

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

	
	.footerBound{
		margin-bottom: 48px;
	}
	
	
	.footerBlock{
		border-width: 0px 0px 0px 0px;
		height: 360px;
		font-size: 14px;
	}



	.footerTowns{
		padding: 20px 25px 20px 25px;
		margin: 0px 0px 14px 0px;
		font-size: 12px;
		line-height: 110%;
			-moz-border-radius:			0px 0px 16px 16px;
			-webkit-border-radius:	0px 0px 16px 16px;
			 border-radius:					0px 0px 16px 16px;
	}




	.footerBound h1{
		font-size: 18px
	}

	.footerBound h2{
		font-size: 16px
	}

	.footerBound h3{
		font-weight: normal;
		font-size: 16px
	}


	.addBorderSm{
		border-width: 0px 1px 0px 0px;
	}
}


/* ----------------------------------------------------------------------------- */
/* RESPONSIVE CSS  992 px (MD) ------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
@media (min-width: 992px) {


	.bannerBound{
		background-size: 300px;
	}
	
	.bannerRow{
		margin-top: 0px;
		padding-top: 0px;
	}


	#logoCell{
		padding: 0px 0px 0px 0px;
	}

	#logoCell a{
		max-width: 420px;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px  auto;
	}

	#logoCell img{
		max-width: 420px;
		margin: 0px auto 0px  auto;
	}

	.addBorderMd{
		border-width: 0px 1px 0px 0px;
	}

	.h1HeadingCell{
		margin-top: 76px;
		margin-bottom: 30px;
	}


	#contentWrapper{
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.footerBound .footerBlock{
		height: 360px;
		padding: 0px 15px 0px 15px;
		font-size: 14px;
	}


	.footerBound h1{
		font-size: 18px
	}

	.footerBound h2{
		font-size: 16px
	}

	.footerBound h3{
		font-weight: normal;
		font-size: 14px
	}

}


/* ------------------------------------------------------------------------------ */
/* RESPONSIVE CSS  1200 px (LG) ------------------------------------------------- */
/* ------------------------------------------------------------------------------ */
@media (min-width: 1200px) {


	#logoCell{
		padding: 0px 0px 0px 0px;
	}

	#logoCell a{
		max-width: 488px;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px  auto;
	}

	#logoCell img{
		max-width: 488px;
		margin: 0px auto 0px  auto;
	}

	#tagline{
		padding-top: 54px;
		font-size: 20px;
	}

	#contentWrapper{
		margin-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.h1HeadingCell{
		margin-top: 76px;
		margin-bottom: 30px;
	}

	.footerBound .footerBlock{
		font-size: 16px;
	}

	.footerBlock{
		padding: 0px 25px 0px 25px;
		height: 170px;
	}

}




/*
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

NAVIGATION - STANDARD STYLES

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

/* STYLES TO AFFIX MENU TO TOP ON SCROLL ===================================================================== */
.fixed-nav{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.contentBoundTopMargin{
	margin-top: 82px;  /* THIS IS SET TO THE HEIGHT OF THE MENU - SUBTRACT A FEW PIXELS IF THE MENU "POPS" */
}

.affixedMenuColor{
	background-image: none !important;
	background-color: rgba(240, 240, 240, 1.0) !important;
      -webkit-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
}

.nav-wrapper{
	border: solid 0px blue;
	background: rgba(255, 255, 255, 0.7); /* ==== INITIAL BACKGROUND COLOR OF BOX CONTAINING THE NAVBAR ======= */
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.globalBoxContent{
	background: rgba(80, 0, 9, 0.9);
	border-bottom: solid 1px white; 
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6);
}


/* =========================================================================================================== */

.navFluidBound{
	position: absolute;
	width: 100%;
	height: 0px; 		
	z-index: 20;
	margin: 0px auto 0px auto;
	background: none;	
	-webkit-border-radius:	0px;
           -moz-border-radius:	0px;
	        border-radius:	0px;

}


.navbar{
	z-index: 1000;
	min-height: 48px;
	color: #797979;
	padding: 0px;
	margin: 0px auto;
	border: none;	
	border: solid 0px green;	
	background: url(../images/MenuBG.jpg) repeat-x;
        color: #ffffff !important;
	-webkit-border-radius:	0px;
           -moz-border-radius:	0px;
	        border-radius:	0px;
	-webkit-box-shadow:	0px 1px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:	0px 1px 5px rgba(0, 0, 0, 0.3);
	        box-shadow:	0px 1px 5px rgba(0, 0, 0, 0.3);
}

.navbar-fixed-top{
}

.navbar-header{
	border: solid 0px red;	
}

/* HOME and PHONE ICON IS STYLED HERE */

.navbar-default .navbar-brand{
	color: #483f03;
	height: 48px;
	padding-right: 11px;
	padding-top: 12px;
	padding-bottom: 0px;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	background: none;
	color: #99794f;
}


.navbar-default .navPhone {
    padding-left: 0px;
    padding-right: 20px;
}

.navbar-default .navPhone .navPhoneNumber {
    font-size: 20px;
    font-weight: 400;
}



.navbar-default .navbar-nav > li > a {
	color: #483f03 !important;	
    	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 4px;
	height: 48px;
	border-right: solid 1px rgba(0, 0, 0, 0.0);
	border-left:  solid 1px rgba(255, 255, 255, 0.0);
	-webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);
	   -moz-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);	        
	        text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);
	-webkit-transition: color .5s;
	   -moz-transition: color .5s;
	        transition: color .5s;
	-webkit-transition: background-color .5s;
	   -moz-transition: background-color .5s;
	        transition: background-color .5s;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:active
{
    		font-weight: 400;
		color: #483f03 !important;		
		background: none;
		background-color: rgba(248, 229, 204, 0.7);
		border-right: solid 1px rgba(0, 0, 0, 0.0);
		border-left:  solid 1px rgba(255, 255, 255, 0.0);
		-webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);
		   -moz-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);
	 	        text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.0);
}

/*  THIS CREATES THE HIGHLIGHT ON THE LEFT SIDE OF THE FIRST MENU ITEM ========= */

.startSection{
		height: 48px;
		border-left: none;
		border-right: solid 1px rgba(0, 0, 0, 0.0);
}

/*  THIS CREATES THE SHADOW ON THE RIGHT SIDE OF THE LAST MENU ITEM ========= */

.endSection{
		height: 48px;
		border-right: none;
		border-left:  solid 1px rgba(255, 255, 255, 0.0);
}



/*  THIS IS FOR THE LITTLE ICON THAT INVOKES THE SMALL SM SIZE MENU DROPDOWN FOR THE SM SIZE ========= */
.navbar-default .navbar-toggle { /* NAV ICON - OFF-STATE STYLES*/
		background-color: #483f03;
		border-color: rgba(0,0,0,0.0);
		margin-top: 7px;
		margin-bottom: 4px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
		background-color: #99794f;
}

.navbar-default .navbar-toggle .icon-bar{  /* COLOR OF THE BARS ON THE LITTLE NAV ICON */
		background-color: rgba(255,255,255, 0.4);
}

/* /END LITTLE ICON STYLES  ========= */



/* DROPDOWN STYLES
--------------------------------------------------------------------------------------------- */

.navbar-default .navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu
{
  margin: 0px;
  padding-top: 0px;
	background-color: rgba(62, 0, 7, 0.9);
	width: 300px;
}

.navbar-default .navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
  margin-top: 0px;
  padding: 7px 6px 7px 6px;
	font-weight: 400;
  line-height: 100%;
  color: #ffffff;
  white-space: nowrap;
	border-bottom: solid 1px #cccccc;
  background: none;
	        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.0);
	   -moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.0);
	-webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.0);
  }

.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li > a:active,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active
{
 	background-color: rgba(120, 0, 11, 0.9);
 	color:#d0c11f;
  }
  
  
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 600px;
}



/* SPECIAL MENU STYLES TO REPOSITION TO TOP FOR MOBILE
----------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* Special class on .container surrounding .navbar, used for positioning it into place. */

	/* ================ TOGGLE xs DROPDOWN  =========================== */

	.navbar-default{
		height: 48px;
		border-bottom: solid 0px red;
	}

	.navbar-nav{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.navbar-collapse{
		padding-top: 0px;
		margin-top: 0px;
		border-top: solid 0px red !important;           /* ADDS A 1-PIXEL SPACE TO TOP OF MOBIL VIEW DROPDOWN BOX */
	}
	

	
	
	

	.dropdown-menu{
		border-radius: 0px;
		margin: 0px;
		padding: 0px;
		width: 100% !important;
	}

	.navbar-default .navbar-nav > li > a,                         /* MOBILE VIEW MAIN MENU ELEMENTS */
	.navbar-default .navbar-nav .open > li > a
	{
		line-height: 100%;
		font-size: 20px;
		border: solid 0px red;
		background-color: rgba(62, 0, 7, 0.9);
		height: 48px;
		padding: 10px 9px 12px 20px;
		color: #ffeacf !important;
	}


	.navbar-default .navbar-nav > li > a:hover,                     /* MOBILE VIEW MAIN MENU HOVER ELEMENTS */
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:active
	{
 			background-color: rgba(120, 0, 11, 0.9);
			border: none;;
			color: #ffeacf !important;
	}

	.navbar-default .navbar-nav .dropdown-menu > li > a,            /* MOBILE VIEW EXPANDED DROPDOWN ELEMENTS */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a
	{
		font-size: 16px;
		padding: 14px 9px 14px 29px;
		}

	.navbar-default .navbar-nav .dropdown-menu > li > a:hover,      /* MOBILE VIEW EXPANDED DROPDOWN HOVER ELEMENTS */
	.navbar-default .navbar-nav .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .dropdown-menu > li > a:active,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:active {
			background: #000000;
			color:#ffffff;
		}

}



/* ========================== NAVIGATION - MEDIA BREAK 768PX ============================= */

/* MAKE NAVIGATION TOGGLE ON DESKTOP HOVER */

@media only screen and (min-width : 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (min-width: 768px) {


	.navFluidBound{
		height: 48px; 		
		text-align: center;
		background: url(../images/MenuBG.jpg) repeat-x;
		-webkit-box-shadow:	0px 2px 7px rgba(0, 0, 0, 0.3);
		   -moz-box-shadow:	0px 2px 7px rgba(0, 0, 0, 0.3);
			box-shadow:	0px 2px 7px rgba(0, 0, 0, 0.3);
	}
	
	.navbar-default{
		border: solid 0px red;
		text-align: center !important;
	}

  	.navbar-default .navbar-nav{
		font-weight: bold;
		font-size: 16px;		
		margin-left: 28px !important;
		border: solid 0px blue;
		width: 630px;
	}

	.navbar-default .navbar-nav > li > a{
  	       color: #797979; !important;
		background: none;
		padding: 12px 9px 10px 8px;
	}


	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:active
	{
		color: #483f03 !important;
	}


	.navbar-default .navbar-brand{
		padding: 11px 14px 4px 11px;
	}

}




/* ========================== NAVIGATION - MEDIA BREAK 992PX ============================= */

@media (min-width: 992px) {

  	.navbar-default .navbar-nav{
		margin-left: 104px !important;
		width: 690px;
	}

	.navbar-default .nav > li > a {
		background: none;
		padding: 12px 13px 10px 13px;
	}

	.navbar-default .navbar-brand{
		padding: 12px 24px 4px 24px;
	}

}



/* ========================== NAVIGATION - MEDIA BREAK 1200PX ============================= */

@media (min-width: 1200px) {

  	.navbar-default .navbar-nav{
		margin-left: 104px !important;
		width: 850px;
	}

	.navbar-default .navbar-nav {
		font-weight: bold;
		font-size: 19px;
	}

	.navbar-default .nav > li > a {
		background: none;
		padding: 14px 18px 10px 18px;
	}

	.navbar-default .navbar-brand{
		padding: 12px 22px 4px 22px;
	}
}



/* ********************* END NAVBAR CUSTOMIZATION ********************** */

/*
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

PLEASE ADD NOTHING AFTER HERE

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */