@import url(http://weloveiconfonts.com/api/?family=brandico);

	/* brandico */
	[class*="brandico-"]:before {
 	 font-family: 'brandico', sans-serif;
	}
	@-ms-viewport{
  width: device-width;
}

html,
	body {
		margin:0;
		padding:0;
		height:100%;
		background: url(../images/brickwall.png) repeat #ccc;
		font-family: 'Roboto', 'sans-serif';
	}
	
*, *:before, *:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}	
	
h1 {
	font-family: 'Kreon', 'serif';
	color: #780002;
	font-size: 24px;
}	
	
h2 {
	color: #999;
	font-size: 20px;
}
h3 {
	text-align: center;
}
 #general:link {color:#780002;}      /* unvisited link */
 #general:visited {color:#780002;}  /* visited link */
#general:hover {color:#000000;}  /* mouse over link */
#general:active {color:#780002;}  /* selected link */ 		
	
#moreInfo:link {color:#780002; background: #ccc; border-radius: 5px; padding: 10px; text-decoration: none; font-weight: bold;}      /* unvisited link */

#moreInfo:hover {color:#000;  background: #E8BF19; text-decoration: none; font-weight: bold;}  /* mouse over link */

.inducteeImg {
	float: left;
	padding: 5px;
}
	
	#menu {
		margin: 0 auto;
		position: relative;
		width: 530px;
	}
	
	#menu ul {
		text-align: left;
		  display: inline;
		  margin: 0;
		  padding: 15px 4px 17px 0;
		  list-style: none;
		/*  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
	}
	#menu ul li {
		  font: bold 16px/18px sans-serif;
		  display: inline-block;
		  margin-right: -4px;
		  position: relative;
		  padding: 15px 20px;
		  color: #433C1E;
		 /* background: #fff; */
		  cursor: pointer;
		  -webkit-transition: all 0.2s;
		  -moz-transition: all 0.2s;
		  -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
		  z-index: 9999;
	}
	#menu ul li a:link, a:visited {
		color: #fff;
		text-decoration: none;
	}
	#menu ul li:hover {
		background: #555;
		color: #fff;
		text-decoration: none;
	}
	#menu ul li ul {
		  padding: 0;
		  position: absolute;
		  top: 48px;
		  left: 0;
		  width: 185px;
		  -webkit-box-shadow: none;
		  -moz-box-shadow: none;
		  box-shadow: none;
		  display: none;
		  opacity: 0;
		  visibility: hidden;
		  -webkit-transiton: opacity 0.2s;
		  -moz-transition: opacity 0.2s;
		  -ms-transition: opacity 0.2s;
		  -o-transition: opacity 0.2s;
		  -transition: opacity 0.2s;
	}	
	#menu ul li ul li { 
		  background: #555; 
		  display: block; 
		  color: #fff;
		  text-shadow: 0 -1px 0 #000;
	}
	#menu ul li ul li:hover { background: #666; }
	#menu ul li:hover ul {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
	
	.slicknav_menu {
	display:none;
	}
	.brandico-facebook {
	font-size:18px;
	color: #fff;
	background:	#36F;
	padding: 7px;
	border-radius: 6px;
	}
	.brandico-facebook:hover {
		color: #000;	
	}
	.brandico-instagram {
		font-size:18px;
		color: #fff;
		background:	#36F;
		padding: 7px;
		border-radius: 6px;
	}
	.brandico-instagram:hover {
		color: #000;	
	}
	.address {
		text-align:left;
	}
	.address p {
		color: #fff;
	}
	.social {
		text-align:right;
	}
	.social p {
		color: #fff;
	}
	.navBar, .footerBar {
		background: #E8BF19;
	}
	
	
	#container {
		min-height:100%;
		position:relative;
		width: 1140px;
		margin: 15px auto;
		background: #fff; /*#780002;*/
		border: 13px solid #CCCCCC;
		border-radius: 10px;
	}
	#header {
		background:#780002;
		padding:10px;
	}
	#body {
		padding:10px;
		padding-bottom:190px;	/* Height of the footer */
	}
	#stagePadding {
		padding: 10px;
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:190px;			/* Height of the footer */
		background:#780002;
		color: #fff;
	}
	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		margin:0;
		padding:10px;
	}
	.specialHours {
		text-align: justify;
	}
	.frontIcons {
		display: block;
		margin: 0 auto;
	}
	.tours h1 {
		text-align: center;
	}
	.tours p {
		margin: 10px;
	}
	hr {
		border:1px dotted #ccc;
		width: 80%;
	}
	.headerImg {
	    height: 150px;
		margin: -20px 10px 0 -20px;
		width: 1114px;
	}
	.inducteeTable {
		width: 100%;
		padding: 10px;
	}
	.logo {
		display: block;	
		margin: 0 auto;
	}
	.fgMap {
		width:425px;
		height: 120px;
	}
	.cRight {
		margin-top: -7px;
	}	
	
	

/* **************** GRIDS ***************** */

.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}

.line{*zoom:1;}

.unit{float:left;}

.size1of1{float:none;}

.size1of2{width:50%;}

.size1of3{width:33.33333%;}

.size2of3{width:66.66666%;}

.size1of4{width:25%;}

.size3of4{width:75%;}

.size1of5{width:20%;}

.size2of5{width:40%;}

.size3of5{width:60%;}

.size4of5{width:80%;}

.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

[class*='size'] {

  padding-right: 20px;

}


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

    MediaQuery-Reporter Styles

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

/*body:after {

    content: "less than 320px";

    font-size: 300%;

    font-weight: bold;

    position: fixed;

    bottom: 60px;

    width: 100%;

    text-align: center;

    background-color: hsla(1,60%,40%,0.7);

    color: #fff;
	
		
	
	

}*/

@media only screen and (min-width: 320px) {

    /*body:after {

        content: "320 to 480px";

        background-color: hsla(90,60%,40%,0.7);

    }*/

                .container {

                                width: 100%;     

                }

                .size1of3 {

                                width: 100%;     

                }

                .size2of3 {

                                width: 100%;     

                }

                #menu {

                                display:none;

                }

               

                .slicknav_menu {

                                display:block;

                }
				#container {
					width: 100%;
				}
				.logo {
					margin: 0 auto;
					max-width: 100%;
				}
				.social {
					text-align: center;
				}
				.address {
					text-align: center;
				}
				.rslides {
					width: 106% !important;
				}	
				.fAddress {
					display: none;
				}
				.fGoogle {
					width: 100%;	
				}
				.fGoogle p {
					float: none !important;
				}
				.fgMap {
					width: 100%;
					display: block;
				}
				.cRight {
					margin-top: -46px !important;
				}
				#footer p {
					margin: 0 0 5px;
				}
				.headerImg {
					max-width: 105.99%;
					height: auto;
					margin: 0;
				}
				.inducteeTable td {
					  padding: 0;
					  width: 56%;
					  word-wrap: break-word;
					  vertical-align: top;
				}
				.size1of4 {
					width: 100%;
				}
				.size1of4 img {
					display: block;
					margin: 0 auto;
					height: auto;
					width: 100%;
				}	
				#moreInfo:link {
					font-size: 11px;
				}	
					
					
					

}

@media only screen and (min-width: 480px) {

    /*body:after {

        content: "480 to 768px";

        background-color: hsla(180,60%,40%,0.7);

    }*/

                .container {

                                width: 100%;     

                }

                .container {

                                width: 100%;     

                }

                .size1of3 {

                                width: 100%;     

                }

                .size2of3 {

                                width: 100%;     

                }

                #menu {

                                display:none;

                }

               

                .slicknav_menu {

                                display:block;

                }
				.fgMap {
					width: 100%;
					margin: 0 auto;
				}	
				.rslides {
					width: 106% !important;
				}	

}

@media only screen and (min-width: 768px) {

    /*body:after {

        content: "768 to 1024px";

        background-color: hsla(270,60%,40%,0.7);

    }*/

                .container {

                                width: 100%;     

                }

                #menu {

                                display:block;

                }

               

                .slicknav_menu {

                                display:none;

                }

                .size1of3{width:33.33333%;}

                .size2of3{width:66.66666%;}
				.address { text-align: left; }
				.social {text-align: right;}
				.logo { margin: 0 0 0 31px; }
				.fAddress { display: block;}
				.fGoogle { width: 47%; }
				.fgMap { width: 100%; }
				.size1of4 {
					width: 25%;
				}
				.size1of4 img {
					height: 308px;
					width: auto;
				}
				.rslides {
					width: 100% !important;
				}
				.headerImg {
					max-width: 100%;
					height: auto;
					margin: 0;
				}	
				#moreInfo:link {
					font-size: 16px;
				}
				#footer p {
					margin: 0 0 -8px;
				}

}

@media only screen and (min-width: 1024px) {

    /*body:after {

        content: "1024 and up";

        background-color: hsla(360,60%,40%,0.7);

    }*/

                .container {

                                width: 1140px; 

                }

                #menu {

                                display:block;

                }

               

                .slicknav_menu {

                                display:none;

                }

                .size1of3{width:32.33333%;}

                .size2of3{width:66.66666%;}
				#container { width: 1140px; }
				.fgMap { width:425px; height: 120px; }
				.fGoogle p {float: right !importnat;}
				.fGoogle {width: 50%; }
				.size1of4 {
					width: 25%;
				}
				.size1of4 img {
					height: 494px;
					width: 370px;
				}			

}