html {
	position: relative;
	min-height: 100%;
}

/* Header */
.page-header {
	margin:0px;
	padding:0px;
	border-bottom:0px;
}

.headercontainer {
	padding:23px 0px 0px 20px;
	background-color: #fff;
	border-bottom: 8px solid #f79647;
}

	.headerlogo {
		padding-left:0px;
        padding-top:0px;
	}

        .headerlogo img {
            max-width: 100%;
        }

/* Navbar */

.navbar-toggle {
	background-color:#ddd;
	border:none;
	float:right;
}

	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	
	.navbar-pagename {
		color:#221F1F;
		float:left;
		margin-top:10px;
	}
	
.navbar-primary {
    background-color:#fff;
	border:none;
	border-radius:0px;
	margin:0px;
	padding:0px;
}

/*subnav*/

		#sub-menu {
			float: right;
			margin-right: 5px;
			padding-top:4px;
			padding-bottom: 0;
		}
		
			#sub-menu li {
				list-style: none;
				float: left;
				
			}
			
			#sub-menu li a {
				display: block;
				text-decoration: none;
			}
			
			li#sub-menu-sound a{
				background: url(../images/SoundWhite.jpg) top left no-repeat;
				width: 113px;
				height: 55px;
			}
			
				li#sub-menu-sound a:hover{
					background: url(../images/SoundGrey.jpg) top left no-repeat;
				}
			
				li#sub-menu-sound a.active{
					background: url(../images/SoundOrange.jpg) top left no-repeat;
				}
			
			li#sub-menu-lighting a{
				background: url(../images/LightingWhite.jpg) top left no-repeat;
				width: 135px;
				height: 55px;
			}
			
				li#sub-menu-lighting a:hover{
					background: url(../images/LightingGrey.jpg) top left no-repeat;
				}
			
				li#sub-menu-lighting a.active{
					background: url(../images/LightingOrange.jpg) top left no-repeat;
				}
			
			li#sub-menu-vision a{
				background: url(../images/VisionWhite.jpg) top left no-repeat;
				width: 102px;
				height: 55px;
			}
			
				li#sub-menu-vision a:hover{
					background: url(../images/VisionGrey.jpg) top left no-repeat;
				}
				
				li#sub-menu-vision a.active{
					background: url(../images/VisionOrange.jpg) top left no-repeat;
				}
			
			li#sub-menu-staging a{
				background: url(../images/StagingWhite.jpg) top left no-repeat;
				width: 126px;
				height: 55px;
			}
			
				li#sub-menu-staging a:hover{
					background: url(../images/StagingGrey.jpg) top left no-repeat;
				}
				
				li#sub-menu-staging a.active{
					background: url(../images/StagingOrange.jpg) top left no-repeat;
				}
			
			li#sub-menu-theming a{
				background: url(../images/ThemingWhite.jpg) top left no-repeat;
				width: 138px;
				height: 55px;
			}
			
				li#sub-menu-theming a:hover{
					background: url(../images/ThemingGrey.jpg) top left no-repeat;
				}
				
				li#sub-menu-theming a.active{
					background: url(../images/ThemingOrange.jpg) top left no-repeat;
				}

@media (max-width: 767px) {
	.nav > li {
		padding:0px;
	}
	.nav > li > a {
		padding:5px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
#sub-menu li a,#sub-menu li a:hover,#sub-menu li a:active {
		background-size: 80%;
	}
	li#sub-menu-sound a{
		width: 77px;
		height: 37px;
	}
	li#sub-menu-lighting a{
		width: 92px;
		height: 37px;
	}
	li#sub-menu-vision a{
		width: 69px;
		height: 37px;
	}
	li#sub-menu-staging a{
		width: 85px;
		height: 37px;
	}
	li#sub-menu-theming a{
		width: 94px;
		height: 37px;
	}
}
@media (min-width: 980px) and (max-width: 1200px) {
	#sub-menu li a,#sub-menu li a:hover,#sub-menu li a:active {
		background-size: 95%;
	}
	li#sub-menu-sound a{
		width: 90px;
		height: 44px;
	}
	li#sub-menu-lighting a{
		width: 108px;
		height: 44px;
	}
	li#sub-menu-vision a{
		width: 81px;
		height: 44px;
	}
	li#sub-menu-staging a{
		width: 100px;
		height: 44px;
	}
	li#sub-menu-theming a{
		width: 110px;
		height: 44px;
	}
	
}

/* Slider */
.carouselholder {
	text-align:center;
	background-color:#264061;
}
.carousel {
	align:center;
	padding:0px auto;
}
.item {
	align:center;
	text-align:center;
}

/* Content */
.contentbackground {
	background-color: #262626;
}
#home #content {
	background: #262626 url("../images/home-responsive-background.jpg") no-repeat scroll left -55px;
	background-size: 100%;
	padding: 30px 20px 20px 40px;
}
#home .home-news {
}

#home .home-welcome {
	padding-top:120px;
}
	#home .home-welcome img {
		max-width:100%;
	}

@media (max-width: 767px) {
	#home #content {
		background-image:none;
	}
	#home .home-welcome {
		padding-top:20px;
	}
	
	.home-eventsimages {
		align:center;
		text-align:center;
	}
}

@media (min-width: 1200px) {
	.home-welcome {
		height:820px;
	}
}

.h2mobileonly h2 {
	color:#fff;
	font-size:30px;
}

#home .home-eventstext {
	padding-left:45px;
}
#home .home-eventsimages {
	padding-top:10px;
}

#home #upper-text {
	align:right;
	text-align:right;
}
#home #upper-text img, #home #lower-text img {
	max-width:100%;
}

/* Footer */
		
	#footer {
		background: url(../images/Footer.jpg) top left no-repeat;
		background-size:100%;
		padding: 65px 0px 10px 0px;
	}
	
	#footer p, #footer p a {
		color: #858585;
		font-size: 14px;
	}

@media (max-width: 767px) {
	#footer {
		padding: 25px 0px 10px 0px;
	}
}

@media (min-width: 768px) and (max-width: 979px) { 
	#footer {
		padding: 35px 0px 10px 0px;
	}
}


/* Media size specific */

@media (min-width: 0px) and (max-width: 420px) { 
	ul#sub-menu {
		z-index:9999;
		position:absolute;
		top:80px;
		left:-120%;
		width:130px;
	}
	ul#sub-menu li a:hover {
		background-image:none;
		color:#000;
	}
}
@media (min-width: 420px) and (max-width: 767px) { 
	ul#sub-menu {
		z-index:9999;
		position:absolute;
		top:90px;
		left:-100%;
		width:150px;
	}
	
	ul#sub-menu.ppssubmenu {
		z-index:9999;
		position:absolute;
		top:120px;
		left:-80%;
		width:150px;
	}
}


@media (max-width: 767px) {

	.headerlogo {
		text-align:center;
        padding-left:10px;
	}

	.headertext {
		padding:10px 0px 0px 0px;
		text-align:center;
	}
    
	.footercontainer {
		margin:0px;
	}
		.footer-logo, .footer-tagline, .footer-text, .footer-text, .footer-copy, .footer-credit {
			text-align:center;
			padding:0px;
		}
		
	
	.navbar {
		margin-bottom: 10px;
		border: none;
	}
	
		.navbar-header {
			border: none;
			height:30px;
            font-size:15px;
		}
		
		.navbar-collapse.collapse {
			margin-top:20px;
			padding: 0 15px;
			background-color: transparent;
			border-top: none;
			border-bottom: none;
			max-height: none;
		}
		
			.navbar-nav {
				margin: 10px 0;
				display: block;
				table-layout: auto;
			}
			
				.navbar-nav>li>a, .navbar-nav>li>a:link {
					min-height: 0;
					font-size: 16px;
					padding-right: 4px;
					color: #000 !important;
					text-decoration:none;
				}
				
				.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
					color: #999 !important;
				}
				
				.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
					color: #999 !important;
				}
				
				.dropdown-toggle {
					z-index:500;
				}
				
				li.dropdown {
					background-color:#264061 !important;
					border-bottom:1px solid #fff !important;
				}
				
				ul.dropdown-menu {
					padding:0px;
				}
				ul.dropdown-menu li {
					background-color:#264061;
					border-bottom:1px solid #fff;
				}
				
				.navbar-default .navbar-nav .open .dropdown-menu > li > a {
					color: #fff;
				}

				.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
					color: #fff;
				}
				.dropdown:click .dropdown-menu {
					display: block;
				 }

    .mainbox {
        margin:0px;
        padding:10px 10px 30px 10px;
    }
}

@media (min-width: 768px) {

	.navbar-nav {
	   display:table;
	   width:100%;
	   /*table-layout:fixed;*/
   }
   .navbar-nav > li {
	   display:table-cell;
	   float:none;
   }
   .navbar-nav > li > a, .navbar-nav>li>a:link {
	   display: block;
	   font-size: 16px;
	   padding-right: 4px;
	   color:#000;
	   text-decoration:none;
   }
   .navbar-default .navbar-nav > li > a {
	   color: #000;
   }
   .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	   color: #999;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	   color:#999;
   }
   
   .nav > li:hover > a, .nav > li > a:focus {
	   color:#999;
    }
   .dropdown-menu {
	   border-radius: 0px;
	   border:none;
	   padding:3px 0px 0px 0px;
       background: #264061;
   }

   .dropdown-menu > li > a {
	   padding:5px 12px;
       color:#fff;       
   }

   .dropdown-menu > li.open {
	   font-weight:800;
   }

   .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	   background-color:transparent;
       color:#fff;   
   }
   
   .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
       background-color: transparent;
       color:#fff;   
       font-weight:bold;
    }
}
@media (min-width: 768px) and (max-width: 979px) { 

	.navbar-nav {
	   display:table;
	   width:100%;
	   /*table-layout:fixed;*/
   }
   .navbar-nav > li {
	   display:table-cell;
	   float:none;
   }
   .navbar-nav > li > a, .navbar-nav>li>a:link {
	   display: block;
	   font-size: 12px;
	   padding-right: 2px;
	   color:#000;
	   text-decoration:none;
   }
   .navbar-default .navbar-nav > li > a {
	   color: #000;
   }
   .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	   color: #999;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	   color:#999;
   }
   
   .nav > li:hover > a, .nav > li > a:focus {
	   color:#999;
    }
   .dropdown-menu {
	   border-radius: 0px;
	   border:none;
	   padding:3px 0px 0px 0px;
       background: #264061;
   }

   .dropdown-menu > li > a {
	   padding:5px 12px;
       color:#fff;       
   }

   .dropdown-menu > li.open {
	   font-weight:800;
   }

   .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	   background-color:transparent;
       color:#fff;   
   }
   
   .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
       background-color: transparent;
       color:#fff;   
       font-weight:bold;
    }
}






/* pps template specific styles */


.pps .headercontainer {
	border-bottom: 8px solid #FF32CB;
}

.pps .carouselholder {
	background-color:#404040;
}

.pps#home #content {
	background: url(../images/pps/HomeBackground.jpg) #262626 left -55px no-repeat;
	background-size: 100%;
	clear: left;
	
}

@media (max-width: 767px) {
	.pps#home #content {
		background-image:none;
	}
}

@media (min-width: 768px) and (max-width: 989px) {
	.pps#home #content {
		background-image:none;
	}
}
@media (min-width: 990px) and (max-width: 1199px) {
	.pps#home #content {
		height:820px;
	}
}

@media (min-width: 1200px) {
	.pps#home #content {
		height:1000px;
	}
}

	li#sub-menu-themes a{
		background: url(../images/pps/ThemesWhite.jpg) top left no-repeat;
		width: 126px;
		height: 57px;
	}
	
		li#sub-menu-themes a:hover{
			background: url(../images/pps/ThemesGrey.jpg) top left no-repeat;
		}
	
		li#sub-menu-themes a.active{
			background: url(../images/pps/ThemesPink.jpg) top left no-repeat;
		}
	
	li#sub-menu-icons a{
		background: url(../images/pps/IconsWhite.jpg) top left no-repeat;
		width: 100px;
		height: 57px;
	}
	
		li#sub-menu-icons a:hover{
			background: url(../images/pps/IconsGrey.jpg) top left no-repeat;
		}
	
		li#sub-menu-icons a.active{
			background: url(../images/pps/IconsPink.jpg) top left no-repeat;
		}
	
	li#sub-menu-fxlighting a{
		background: url(../images/pps/FXWhite.jpg) top left no-repeat;
		width: 181px;
		height: 57px;
	}
	
		li#sub-menu-fxlighting a:hover{
			background: url(../images/pps/FXGrey.jpg) top left no-repeat;
		}
		
		li#sub-menu-fxlighting a.active{
			background: url(../images/pps/FXPink.jpg) top left no-repeat;
		}
		
	li#sub-menu-sound2 a{
		background: url(../images/pps/SoundWhite.jpg) top left no-repeat;
		width: 116px;
		height: 57px;
	}
	
		li#sub-menu-sound2 a:hover{
			background: url(../images/pps/SoundGrey.jpg) top left no-repeat;
		}
		
		li#sub-menu-sound2 a.active{
			background: url(../images/pps/SoundPink.jpg) top left no-repeat;
		}
	
	li#sub-menu-masks a{
		background: url(../images/pps/MasksWhite.jpg) top left no-repeat;
		width: 111px;
		height: 57px;
	}
	
		li#sub-menu-masks a:hover{
			background: url(../images/pps/MasksGrey.jpg) top left no-repeat;
		}
		
		li#sub-menu-masks a.active{
			background: url(../images/pps/MasksPink.jpg) top left no-repeat;
		}

@media (max-width: 767px) {
#sub-menu li a, #sub-menu li a:hover,#sub-menu li a:active {
		background-size: 95%;
	}
	li#sub-menu-themes a{
		background: url(../images/pps/ThemesWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 101px;
		height: 46px;
	}
	
	li#sub-menu-icons a{
		background: url(../images/pps/IconsWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 80px;
		height: 46px;
	}
	
	li#sub-menu-fxlighting a{
		background: url(../images/pps/FXWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 145px;
		height: 46px;
	}
		
	li#sub-menu-sound2 a{
		background: url(../images/pps/SoundWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 93px;
		height: 46px;
	}
	
	li#sub-menu-masks a{
		background: url(../images/pps/MasksWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 89px;
		height: 46px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
#sub-menu li a,#sub-menu li a:hover,#sub-menu li a:active {
		background-size: 80%;
	}
	li#sub-menu-themes a{
		background: url(../images/pps/ThemesWhite.jpg) top left no-repeat;
		background-size: 80%;
		width: 76px;
		height: 34px;
	}
	
	li#sub-menu-icons a{
		background: url(../images/pps/IconsWhite.jpg) top left no-repeat;
		background-size: 80%;
		width: 60px;
		height: 46px;
	}
	
	li#sub-menu-fxlighting a{
		background: url(../images/pps/FXWhite.jpg) top left no-repeat;
		background-size: 80%;
		width: 109px;
		height: 34px;
	}
		
	li#sub-menu-sound2 a{
		background: url(../images/pps/SoundWhite.jpg) top left no-repeat;
		background-size: 80%;
		width: 70px;
		height: 34px;
	}
	
	li#sub-menu-masks a{
		background: url(../images/pps/MasksWhite.jpg) top left no-repeat;
		background-size: 80%;
		width: 67px;
		height: 34px;
	}
}
@media (min-width: 980px) and (max-width: 1200px) {
#sub-menu li a, #sub-menu li a:hover,#sub-menu li a:active {
		background-size: 95%;
	}
	li#sub-menu-themes a{
		background: url(../images/pps/ThemesWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 101px;
		height: 46px;
	}
	
	li#sub-menu-icons a{
		background: url(../images/pps/IconsWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 80px;
		height: 46px;
	}
	
	li#sub-menu-fxlighting a{
		background: url(../images/pps/FXWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 145px;
		height: 46px;
	}
		
	li#sub-menu-sound2 a{
		background: url(../images/pps/SoundWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 93px;
		height: 46px;
	}
	
	li#sub-menu-masks a{
		background: url(../images/pps/MasksWhite.jpg) top left no-repeat;
		background-size: 95%;
		width: 89px;
		height: 46px;
	}
}

		
		
		
		
		
	.pps #background {
		background:url(../images/pps/BodyBackground.jpg) #262626 top left no-repeat;
		min-height: 250px;
	}

	.pps #content {
	}
	
	.pps #footer {
		background: url(../images/pps/Footer.png) top left no-repeat;
		background-size:100%;
	}

	.pps a:hover {
		color:#ff32cb;
	}
		
/*gallery specific styles */
		
	.pps#gallery .internalcontent {
		background: url(../images/pps/GalleryBackground.jpg) #262626 left top no-repeat;
		padding: 25px 65px 20px 85px;

	}
	
	.pps#gallery #intro-text {
		margin: 110px 0 55px 0;
	}
	
	.pps#gallery #main-text {
		margin: 15px 20px 0 0;
	}
	
	
	.pps#gallery #slider-container{	
		height: 545px;
		margin-top: 30px;
	}
	

.home-eventstext th, 
.home-eventstext td, 
.home-eventsimages th, 
.home-eventsimages td {
	border-top:0px !important;
}


/* internal */

.internalcontent {
	background-color:#262626;
}

.internal-subheader {
	align:right;
	text-align:right;
}
.internal-subheader img {
	max-width:100%;
}
.internal-lower-text img {
	max-width:100%;
}

.internal-eventsimages img {
	max-width:100%;
}




/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}