@charset "utf-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.row:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.row {
    *zoom: 1;
}

html,
body {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.wrapper {
	width: 95%;
	max-width: 1200px;
	margin:0 auto;
}

header {
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #00587c;
	background: url(../img/logo.gif) no-repeat left 30px;
	background-size: 110px 110px;
}

body.home header {
	padding-bottom: 0;
}

.col.divMenu,
.col.divLogo {
	margin-bottom: 0;
}

.logo {
	margin: 0;
	padding:0;
	color: #00587c;
	font-family: Oswald,sans-serif;
	font-size: 4em;
	font-weight: 600;
	padding-left: 115px;
}

p {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6, strong {
	font-family: Oswald, Verdana, sans-serif;
	font-weight: 700;
	color: #00587c;
}

h1 {
	font-size: 2.5em;
	margin-top: 0;
	color: #00587c;
}

h2 {
	font-size: 2.2em;
	margin-top: 0;
	color: #00587c;
}

h3 {
	font-size: 1.6em;
	margin-top: 0;
	color: #00587c;
}

h4 {
	font-size: 1.4em;
	margin-top: 0;
	color: #00587c;
}

h5 {
	font-size: 1.2em;
	margin-top: 0;
	color: #00587c;
}

h6 {
	font-size: .9em;
	margin-top: 0;
	color: #00587c;
}

main,
footer {
	font-family: 'Raleway', sans-serif;
}

main .col {
	margin-bottom: 0;
}

main p,
main li,
main blockquote,
footer p,
footer li,
footer blockquote {
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #242424;
	
}

footer p {
	text-align: center;
}

footer h3 {
	padding: 1em 0;
	border-top: 1px solid #00587c;
	border-bottom: 1px solid #00587c;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 700;
	text-align: center;
	font-size: 1.3em;
}

footer h3 strong {
	font-size: 1.9em;
}



/* ***********************   M E N U   S T Y L E S   ************************** */

.divContact {
	position: relative;
}
.col.divMenu {
	
}
.divContact p {
	margin-bottom: 0;
	line-height: 40px;
	height: 40px;
}

body.home .col.divMenu {
	border-bottom: none;
}

.menuToggle {
	display: none;
}

/* Menu Positioning */
#ulMainNav, #ulMainNav ul { /* all lists */ 
	padding: 0 0 0 115px; 
	margin: 0; 
	list-style: none; 
	line-height: 1.2em; 
	width: 731px; 
	overflow: visible; 
	z-index: 10000; 
	height: 40px; 
	box-sizing: border-box; 
	position:relative; 
}		

#ulMainNav a { 
	display: block;  
}		

#ulMainNav  > li { /* all list items */ 
	float: left; 
	margin-right: 1em; 
	position: relative;
	height:40px;
	line-height:40px;
	overflow: hidden;
}	
	
#ulMainNav li ul { /* second-level lists */ 
	position: absolute; 
	top: 40px; 
	left: 0;  
	height: 0;
	box-sizing: border-box;
}		
#ulMainNav li:hover { overflow: visible; }		
#ulMainNav li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */ height: auto; left: auto;  }
#ulMainNav li:hover > ul li {  float: none; position: relative; }
#ulMainNav .soasfhover {/*Split up for IE6 Compatability*/ left: auto; }
#ulMainNav li:hover { /*Fix for IE7*/ position: static; }


/* Menu Apperance */
#ulMainNav {  float: left; font-family: 'Open Sans', sans-serif; font-weight: 700; }
#ulMainNav a { width: auto; white-space: nowrap; text-decoration: none; text-indent: 5px;  color: #999; font-weight: 300; }
#ulMainNav > li {
	font-size: 1em;
}

#ulMainNav li { /* all list items */  
	white-space: nowrap;  
}

#ulMainNav li ul { /* second-level lists */   
	margin-left: -1px; 
	padding: 10px 10px 0 10px;  
	width: auto;
	background-color: #fff;
	border-left: 1px solid #00587c;
	border-bottom: 1px solid #00587c;
	border-right: 1px solid #00587c;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.45);
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.45);
}

#ulMainNav li ul li { /* second-level-and-beyond list items */  
	text-align: left!important; 
	margin-bottom: 15px; 
}

#ulMainNav li ul li a { background-image:none !important; background-color: none !important; width: auto;  }

#ulMainNav li ul li a:hover, #ulMainNav li ul li a:active { backgound-image: none !important; text-align: left!important; color: #00597b;  }
#ulMainNav li a:hover,
#ulMainNav li a:active {
	color: #00597b;
}
#ulMainNav a title { display: none; }
#ulMainNav li ul li.selected a:link, #ulMainNav li ul li.selected a:visited { backgound-image: none !important; text-align: left!important; color: #00597b;  }

#ulMainNav li.here a:link,
#ulMainNav li.here a:visited {
	color: #00597b;
}

.image {
	width: 100%;
	height: auto;
}

.ulColumns {
	width: 100%;
	overflow: hidden;
}

.ulColumns li {
	float: left;
	width: 50%;
}


.swiper-container {
        width: 100%;
        height: 491px;
		margin-bottom:2em !important;
}
.swiper-wrapper {
	height: 100%;
	min-width: 100%;
}
.swiper-slide {
        text-align: center;
        font-size: 18px;
		background-size:cover;
		height: 100%;
		width: 100%;
		position:relative;
		font-weight: 300;
}

.swiper-slide p {
	background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 3.2em;
    margin: 0;
    padding-bottom: 5px;
    position: absolute;
    right: 1.8em;
    text-align: right;
    text-shadow: 2px 2px 8px rgb(0, 0, 0);
    width: 100%;
}

.pagination{
	z-index:1000;
	position:absolute;
	top:20px;
	right:20px;
}

.swiper-pagination-switch{
	border-radius:25px;
	box-sizing:border-box;
	padding:2px;
	display:inline-block;
	border:2px solid #fff;
	height:25px;
	width:25px;
	box-shadow:0px -0 4px rgba(0, 0, 0, 0.8);
	margin-left:7px;
	cursor:pointer;
	text-align:center;
}

.swiper-active-switch{
	background:url(../img/slider-button.png) no-repeat center center;
	background-size:contain;
}

#contactForm div {
	width: 100%;
	padding-bottom:.5em;
}

#contactForm label {
	display: inline-block;
    font-weight: 700;
    text-align: right;
    width: 30%;;
	padding-right: 2%;
}

#contactForm .error {
	color: red;
	margin-left:32%;
	display:block;
	clear:both;
}

#contactForm input[type=text],
#taComments {
	width: 62%;

}

#contactForm input[type=text],
#contactForm textarea,
#contactForm label {
	float: left;
}

.submitButton {
	margin-left: 32%;
	border-radius: 4px;
	border: 1px solid #00587c;
	background-color: #00587c;
	color: #e6e6e6;
	font-weight: 700;
	padding: 5px 15px;
}

#contactForm .required {
	background: url(../img/req.gif) no-repeat top right;
}

.ug-textpanel-title {
	display: none !important;
}

.divContact p {
	text-align: right;
}

.g-recaptcha {
	padding-left: 32%;
}

.divContact.col {
	margin-bottom: 0;
}

#gallery {
	margin-bottom: 1em;
}

.ulSocialMenu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1.5%;
    top: -58px
}
.ulSocialMenu li {
    float: left;
    height: 40px;
    margin-left: 7px;
    width: 40px;
}
.ulSocialMenu li a {
    display: block;
    height: 100%;
    width: 100%;
}
.sc-tw {
    background: rgba(0, 0, 0, 0) url("../img/icons/sc-tw.gif") no-repeat scroll left top;
}
.sc-ig {
    background: rgba(0, 0, 0, 0) url("../img/icons/sc-ig.gif") no-repeat scroll left top;
}
.sc-fb {
    background: rgba(0, 0, 0, 0) url("../img/icons/sc-fb.gif") no-repeat scroll left top;
}
.sc-li {
    background: rgba(0, 0, 0, 0) url("../img/icons/sc-li.gif") no-repeat scroll left top;
}


/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

/* Reusable column setup */
.col {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

/* ----------------------------------------------------------------------------- 
    
	Column Default Names and Sizes
	
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
----------------------------------------------------------------------------- */



/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ****           P H O N E S   S I Z E S   0 P X   T O   7 5 9 P X          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 0) and (max-width: 759px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:100%;
	}
	.span_2 {
		width:100%;
	}
	.span_3 {
		width:100%;
	}
	.span_4 {
		width:100%;
	}
	.span_5 {
		width:100%;
	}
	.span_6 {
		width:100%;
	}
	.span_7 {
		width:100%;
	}
	.span_8 {
		width:100%;
	}
	.span_9 {
		width:100%;
	}
	.span_10 {
		width:100%;
	}
	.span_11 {
		width:100%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	body {
		padding-top: 10vh;
	}
	
	
	.ulSocialMenu {
		display: none;
	}
	.col.divMenu {
		height:0;
		overflow:hidden;
		position:fixed;
		display:block;
		top: 85px;
		left: 0;
		z-index: 1000;
		width: 100%;
		padding:0;
	}
	
	.menuToggle {
		display: block;
		color: #e6e6e6 !important;
		position: fixed;
		top: 12px;
		right: 15px;
		-webkit-box-shadow: 0px 0px 2px 2px rgba(225,230,210,.2);
		-moz-box-shadow: 0px 0px 2px 2px rgba(225,230,210,.2);
		box-shadow: 0px 0px 2px 2px rgba(225,230,210,.2);
		background-color:#00587c;
		border-radius:2px;
		padding: 3px;
		height:34px;
		width:34px;
		font-size:1.5em;
		font-weight:700;
		line-height:34px;
		text-align:center;
		z-index:20001;
		cursor:pointer;
		margin-top:5px;
	}
	
	#ulMainNav {
		height: auto;
		width:100%;
		background-color:#fff;
		padding: 0;	
	}
	
	.col.navOpen,
	#ulMainNav > li > ul.navOpen {
		text-align:left;
		height:auto;
	}
	
	#ulMainNav li ul {
		padding: 0;
	}
	
	#ulMainNav > li.subMenu.navOpen > a {
		background-position:bottom left;
	}
	
	
	#ulMainNav li ul  {
		box-shadow: none;
	}
	
	#ulMainNav > li {
		display:block;
		width:100%;
		height:auto;
		min-height:30px;
		border-bottom: 1px solid #999;
		
	}
	
	#ulMainNav > li > ul {
		border:none;
		position:relative;
		top: auto;
		overflow: hidden;
	}
	
	#ulMainNav > li > ul li a {
		text-indent: 30px;
	}
	
	#ulMainNav > li:hover > ul {
		height:0;
	}
	
	#ulMainNav > li:hover > ul.navOpen {
		height:auto;
	}
	
	.subMenu > a {
		background-image: url(../images/interface/toggle-menu.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-indent: 20px;
	}
	
	.logo {
		background-size:contain;
		width: 100%;
		height: 10vh;
		font-size: 1.3em;
    	font-weight: 600;
    	line-height: 10vh;
    	margin: 0;
    	padding: 0;
	}
	
	
	header {
    	padding: 10px 0;
		border-bottom: none;
	}
	
	main p, 
	main li, 
	main blockquote {
    	font-size: 1.4em;
	}
	
	footer p, 
	footer li,
	footer blockquote  {
		font-size: 1.2em;
	}
	
	#topRow {
    	border-bottom: 1px solid #333;
    	height: 65px;
    	padding: 10px 0;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: 100;
		background-color: #fff;
	}
	
	.ulColumns li {
		width: 100%;
	}
	
	#contactForm input[type="text"], #taComments {
    	width: 59%;
	}
	
	footer h3 {
    	font-size: 1em;
	}
	
	#topRow {
		left: 0;
	}
	
	.swiper-slide p {
    	font-size: 1.8em;
    	text-align: center;
	}
	
	.swiper-container {
		height: 150px;
    	width: 100%;
		margin-bottom: .8em !important;
	}
	
	
	main p {
    	font-size: 1.1em;
	}
	
	
	main li, main blockquote {
    	font-size: 1em;
	}
	
	h1 {
		font-size: 1.5em;
	}
	
	h2 {
    	font-size: 1.4em;
	}
	
	h3 {
    	font-size: 1.2em;
	}
	
	h4 {
    	font-size: 1.1em;
    	margin-top: 0;
	}
	
	.divContact {
		display: none;
	}
	
	header {
		background-image: none;
	}
	
	footer h3, footer p {
		font-size: .8em;
	}
	
	.swiper-slide p {
    	font-size: 1.2em;
    	text-align: right;
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
	}
	
}


/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              S M A L L   D E S K T O P   M O N I T O R S              *** */
/* ***               T A B L E T   L A N D S C A P E   M O D E               *** */ 
/* ***             W I D T H   -   7 6 0 P X   T O   9 9 9 P X             *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 760px) and (max-width: 999px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.ulColumns li {
		width: 50%;
	}
	
	.logo {
    	font-size: 2.5em;
	}
	
	.swiper-container {
		height: 300px;
	}
	
	header {
		background-size: 80px 80px;
	}
	
	.ulSocialMenu {
		 bottom: auto;
    	top: -75px;
	}
	
	.sc-fb {
		background: rgba(0, 0, 0, 0) url("../img/icons/sc-fb.gif") no-repeat scroll left top;
		clear: left;
		margin-top: 3px;
	}
	.sc-li {
		background: rgba(0, 0, 0, 0) url("../img/icons/sc-li.gif") no-repeat scroll left top;
		margin-top: 3px;
	}
	
	.divContact p {
		display: none;
	}
	
	.ulSocialMenu li {
		margin-left: 3px;
	}
	
	h1 {
    	font-size: 2em;
	}
	
	h2 {
    	font-size: 1.5em;
	}
	
	h3 {
    	font-size: 1.3em;
	}
	
	h4 {
    	font-size: 1.1em;
	}
	
	h5 {
    	font-size: .9em;
	}
	
	h6 {
    	font-size: .7em;
	}
	
	.swiper-slide p {
    	font-size: 1.8em;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***             M E D I U M   D E S K T O P   M O N I T O R S             *** */
/* ***            W I D T H   -   1 0 0 0 P X   T O   1 2 0 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1000px) and (max-width: 1200px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	.ulColumns li {
		width: 50%;
	}
	
	.logo {
    	font-size: 3.5em;
	}
	
	.swiper-container {
		height: 300px;
	}
	
	.ulSocialMenu {
		 bottom: auto;
    	top: -75px;
	}
	
	.sc-fb {
		background: rgba(0, 0, 0, 0) url("../img/icons/sc-fb.gif") no-repeat scroll left top;
		clear: left;
		margin-top: 3px;
	}
	.sc-li {
		background: rgba(0, 0, 0, 0) url("../img/icons/sc-li.gif") no-repeat scroll left top;
		margin-top: 3px;
	}
	
	.swiper-slide p {
    	font-size: 2em;
	}
}

/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 2 0 1 P X   T O   1 4 0 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1201px) and (max-width: 1400px){
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.ulColumns li {
		width: 50%;
	}
	
	.swiper-slide p {
    	font-size: 2.5em;
	}
	
}



/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 4 0 1 P X   T O   1 9 2 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1401px) and (max-width: 1920px){
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.ulColumns li {
		width: 50%;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***                E X T R A - L A R G E   M O N I T O R S                *** */
/* ***          W I D T H   -   1 9 2 0 P X   T O   I N F I N I T Y          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1921px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.ulColumns li {
		width: 33%;
	}
	
}