
body{
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 overflow-x: hidden;
	 font-family: century-gothic, sans-serif;
	 font-weight: 400;
	 font-style: normal;
	 height: 100%;
	 color: #333936;	 
	 
}

html {margin: 0; padding: 0;}

img, a, h1, h2, h3, h4, h5, tr, td {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.master-width {width: 90%; max-width: 1250px; margin: 0 auto; }

#logo {width: 150px; height: auto; margin: 15px 0 15px 0;}

.clarendon {	
	
	font-family: clarendon-urw, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	letter-spacing: -0.23em;
	}

p {
	color: #333936;
	font-size: 15px;
	line-height: 23px;
}

.p-list {
	color: #333936;
	font-size: 15px;
	line-height: 23px;
}

.p-list li {
	margin-top: 10px;
}

h1 {
	font-family: clarendon-urw, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 50px;
	margin: 50px 0 50px 0;
}

h2 {
	font-weight: 700;
	color: #333936;
	font-size: 35px;
	line-height: 37px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.responsive {width:100%;}

.specs {
	width: 100%;
	font-size: 19px;
	text-align: right;
	position: relative;
	top: 16px;
	white-space: nowrap;	
}

.right-col {margin-left: 25px;}

.iframe {
	
	border: 0;	
	height: 0;
	max-height: 90vh;
	max-width: 100%;
	min-height: 90vh;
	min-width: 100%;
	width: 0;
	
	}

.banner {
	background-size: cover; 
	width: 100%; 
	padding: 50px 0 50px 0;
	color: #FFF;
	font-weight: 700;
	font-size: 25px;
	line-height: 37px;
	text-align: center;
	background-color: #008fbe;
	background-blend-mode:multiply;
	background-position: center center;
	background-attachment: fixed;
	
	}

.block {
	width: 100%; 
	background-color: #d6d8d5; 
	padding: 50px 0 50px 0;
}


a:link.chatmoss, a:visited.chatmoss {color: #fff; text-decoration: none; }
.chatmoss:hover {opacity: 0.5;text-decoration: none; }

.header {width: 100%; background-color: #333936; padding: 3px 0 6px 0; text-align: center; position: relative; z-index: 99999999999999;}

a:link {color: #008fbe; }
a:visited {color: #008fbe; }
a:hover {color: #333936;}


.left-foot {color: #FFF; font-size: 12px; line-height: 17px;}

.left-foot a:link {color: #FFF; }
.left-foot a:visited {color: #FFF; }
.left-foot a:hover {color: #FFF; }

.left-foot-section {float: left; }

.right-foot {font-size: 10px; color: #FFF; text-align: right;}

.content {
width: 100%; 
overflow-x: hidden;
min-height: 60vh;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 30px;
}

#toparrow{
   visibility:hidden;
   border-radius: 6px;
}

.rounded {border-radius: 3px;}

.thumb {
	border-radius: 3px;
	width: 12.91%;
	height: 10vw;
	max-height: 125px;
	display: block;
	float:left;
	margin: 1.6% 0 0 1.6%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.thumb:hover {
	cursor: pointer;
	opacity: 0.75;
}

.thumb:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(8) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(15) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(22) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(29) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(36) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(43) { margin-left: 0; } /* all browsers except IE6 and lower */
.thumb:nth-child(50) { margin-left: 0; } /* all browsers except IE6 and lower */


.grand {
	width: 100%; 
	height: 50vw; 
	max-height: 850px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 3px;
}



/*** SLIDESHOW STUFF ***/

#slider-container {
	width: 100%; 
	height:60vh;  
	overflow: hidden;	
	min-height: 500px;

	}

.slide {
	background-color: #221f1f; 
	height:60vh; 
	width: 100%;  
	min-height: 500px;
	background-position: center center;  
	background-repeat: no-repeat; 
	background-size: cover; 
}


.tn {height: 150px; background-size: cover; background-position: center center; border-radius: 3px;}
.tn:hover {opacity: 0.75;}

a:link.blue-btn {
	color: #FFF; 
	text-align: center; 
	display: block; 
	background-color: #008fbe; 
	padding: 10px 0 10px 0; 
	border-radius: 3px; 
	text-decoration: none;
	margin: 25px 0 25px 0; 
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 14px; 
    line-height: 14px;
	
	}
a:visited.blue-btn {color: #FFF; text-align: center; display: block; background-color: #008fbe; }
a:hover.blue-btn {color: #FFF; text-align: center; display: block; background-color: #1183a8; }



/*** MENU STUFF ***/


.slicknav_menu {
	display:none;
}

.js .slicknav_menu {
		display:block;
	}
	

#menu {
	position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
     font-size: 14px; 
     line-height: 14px;
     

	
    
    
}

#menu li {position: relative; display: inline-block;  list-style: none; margin-right: 50px;  }

#menu li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */
 



#menu li a:link 	{cursor: hand; text-decoration: none; color: #FFF; }
#menu li a:visited 	{text-decoration: none; color: #FFF;}
#menu li a:hover 	{text-decoration: none; color: #008fbe; }

/* added by John F */

.alert {color:red;}
.stretchy {width: 90%; height: 30px; font-size:15px; padding-left:5px;}

.btn-action {padding: 8px 20px 8px 20px; color: #FFF; font-size: 14px; font-weight: 400; background-color: #333936; border-radius: 3px; text-decoration: none; display: inline-block; border: none; cursor:pointer; cursor:hand;  }
.btn-other {padding: 8px 20px 8px 20px; color: #FFF; font-size: 14px; font-weight: 400; background-color: #C0C0C0; border-radius: 3px; text-decoration: none; display: inline-block; border: none;  cursor:pointer; cursor:hand; }
.btn-small {padding:3px 8px 3px 8px; font-size:12px;}

.tablegrid {border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0;}
.tablegrid td {border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}


#drag-upload-wait {
	float:left;
	margin-left:100px;
	display:none;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}



/*** NEW IMAGE TOGGLE ***/
.small-images a, .big-images a {display:inline-block; }
.small-images a.selected {border:1px solid red; border-radius: 3px; }


