@charset "UTF-8";
/* CSS Document 

Custom Theme CSS Overrides
*/


div.container {
	background-color: transparent !important;
	background-image: url(../images/bg-black-80.png) !important;
	background-repeat: repeat;
	background-position: left 409px;
}


div.copyright-wrapper{
	background-color: transparent !important;
	box-shadow: none !important;
}


.footer-wrapper {
    background-color: transparent !important;
}

.navigation-wrapper .sf-menu ul, .navigation-wrapper .sf-menu ul li {
	border: none !important;
	width: 18em !important;	
}


.sf-menu li a {
	padding: 0px 10px;
	line-height: 35px;
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		101;
}


/*this is the one that keeps the highlight on the top level when you roll down the menu*/
.sf-menu  li:hover > a {
	background: url('../images/bg-black-88.png')  !important;
	background: rgba(0, 0, 0, 0.88) !important;
	z-index:		201 !important;	
	color: #FFFFFF !important;
}
/**/

.home div.navigation-wrapper .sf-menu li li a{
	text-align: left !important;
}

.sf-menu  li a:hover {
	color: #FFFFFF !important;
}


div.social-icon {  background: transparent !important; }


.single-port-info span.head, .single-info-header, .blog-info-header {
    color:#999 !important;
}
	
	



/* #Media Queries Overrides
================================================== */

	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
.home div.navigation-wrapper{
	  }	
		
	
div.logo-wrapper img{
   width: 100%;
   max-width: 210px;
   margin-left: -10px !important;
   margin-top: 10px;
}
	
	
div.logo-wrapper {
   top: -15px;
}
	
			
div.container-header-bg{
	background-image: url(../images/maroon-top-768.png);
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;

	}
	
div.container-header-bg-short{
	background-image: url(../images/maroon-top-short.png);
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
			}
	
div.header-lines{
	margin-right: 0px;
	
	}		
	

div.navigation-wrapper {
    margin-right: -11px;
}
	
	

	}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
			
			
div.logo-wrapper {
    margin-bottom: 0px;
    position: relative;
    left: -10px ;
}


		
	div.container-header-bg{
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;

	}
	
	div.container-header-bg-short{
	margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
			}
	
	
div.header-lines{
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	
	}			


	
div.gdl-page-title{
	font-size: 145%;
	letter-spacing: 0px;
	text-indent: 0px;
	padding-left: 3%;
}

		

#navBar {
	height: 100%;
	width: 80%;
	max-width: none;
	min-height: 500px;
	float: none;
	left: 65px;
	top: 0px;
	bottom: 0px;
	position: relative;
	padding-bottom: 20px;
/*	margin-bottom: -20px;*/
	}


div.redBarlines {
	min-height: 350px;
			}	
/*
.home div.social-wrapper {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 39%;
}

*/

#column-2 { width: 80%;  float: none; left: 65px; top: 0px;}



h1.maintitle {
	color: #FFF;
	text-shadow: 0px 0px 13px #000;
	font-size: 180%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 25px;
	padding-bottom: 15px;
	position: absolute;
	z-index: 100;
	top: 10px;
	}
	


.home div.gdl-page-float-left{
	float: none;
	min-height: 950px;
	padding-left: 3%;
	padding-top: 50px;
	width: 97%;
	
}

.textBig {
    font-size: 1em;
}

.home .container .five.columns {width: 90%;  }	
	
	
	h2.disciplines {
		text-align:center;
		
	}
	
.home div.responsive-menu-wrapper{ display: block;  position: relative; top: -20px; padding-bottom: 0px; }	
			
	
.ngg-gallery-thumbnail img {
	max-width: 100%!important;
	min-width: 380px!important;
	height: auto !important;
}
		
			
			
	}
	

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
body.home {
	background:#000000 !important;
	
}
	
	
#supersized {display: none !important;}
					
#supersized-loader {display: none !important;}	
		


	

	
.home div.gdl-page-float-left{
	min-height: none;
	
}
	
#navBar {
	min-height: 450px;
	left: 5%;
	width: 90%;
	}
	
#column-2 { left: 5%; width: 90%;}		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
body.home {
	background:#000000 !important;
	
}

	
#supersized {display: none !important;}
					
#supersized-loader {display: none !important;}
		
				
div.container-header-bg{
	background-image: url(../images/maroon-top-768.png);
	background-position: center 0px;	

	}
	
div.container-header-bg-short{
	background-image: url(../images/maroon-top-768.png);
	background-position: center -25px;
	
	}		


.home div.responsive-menu-wrapper{ padding-bottom: 10px; }	
	
						

div.header-lines{
	background-image: none !important;
	
	}	
	
	

div.redBarlines{
	background-image: none !important;
	min-height: auto;
	}	

#navBar {
	left: 2%;
	min-width: 290px;
	min-height: 400px;
	width: 95%;
	}
	
#column-2 { left: 2%; min-width: 290px; width: 95%;}	
	
	


	.ngg-gallery-thumbnail img {
	max-width: 100%!important;
	min-width: 300px!important;
	height: auto !important;
}	
		

		
		
					
	}