@import url(http://fonts.googleapis.com/css?family=Quattrocento:400,700);

@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic);

@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic);

@font-face {
	font-family: "AlternateGothic";
	src: url('../fonts/alternategothicno1-webfont.eot?') format('eot'), url('../fonts/alternategothicno1-webfont.ttf') format('truetype'), url('../fonts/alternategothicno1-webfont.svg') format('svg'), url('../fonts/alternategothicno1-webfont.woff') format('woff');
}

@font-face {
	font-family: "LeagueGothic";
	src: url('../fonts/league_gothic-webfont.eot?') format('eot'), url('../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg') format('svg'), url('../fonts/league_gothic-webfont.woff') format('woff');
}

html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0 auto;
	background: #fff;
}
.row.mid-width { 
	max-width: 1400px; 
}
.row.full-width { 
	width: 100%; 
	max-width: 1500px; 
}
.row.max-width { 
	width: 100%;
	max-width: 2000px; 	 
}
.row.wide {
	width: 100%;
}



a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	text-decoration: none;
}
p, li {
	font-family: 'Quattrocento', serif;
	font-size: .9rem;
	line-height: 1.7rem;
	margin-top: 0;
	margin-bottom: 20px;
}
p a {
	color: #162233;
	border-bottom: 1px dotted #162233;
	font-style: italic;
}
p a:hover {
	border-bottom: 1px dotted transparent;
}
ul {
	padding-left: 16px;
}
li {
	margin-bottom: 0px;
}
h1 {
	font-family: 'AlternateGothic', sans-serif;
	color: #162233;
	text-transform: uppercase;
	text-align: center;
	font-size: 3.45rem;
	letter-spacing: 3px;
	font-weight: normal;
	line-height: 2.7rem;
}
h1:after {
    background: #fedd4b;
    content: "";
    display: block;
    height: 4px;
    margin: 20px auto 10px auto;
    width: 100px;
}
h1.intro {
	font-size: 2.45rem;
	line-height: 3rem;
}
h2 {
	font-family: 'Playfair Display', sans-serif;
	font-style: italic;
	color: #162233;
	text-align: center;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 2.2rem;
	letter-spacing: 1px;
}
h3 {
	font-family: 'AlternateGothic', sans-serif;
	color: #162233;
	text-transform: uppercase;
	font-size: 1.8rem;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0;	
}
.alt {
	color: #fedd4b;
}


header {
	height: 120px;
	padding: 40px 0;
	background: #162233;
	width: 100%;
	color: #fedd4b;
}
#logo img {
	height: 40px;
}
#menu-icon {
	display: none;
}
nav {
	text-align: right;
}
nav a {
	line-height: 40px;
	font-family: 'AlternateGothic', sans-serif;
	color: #fff;
	letter-spacing: 2px;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: normal;
	margin-left: 10px;
}
nav a.highlight {
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
nav a:hover, nav a.selected {
	color: #fedd4b;
}
nav a.highlight:hover, nav a.highlight.selected {
	border-color: #fedd4b;
	color: #fedd4b;
}
section {
	padding: 50px;
	width: 100%;
}
section img {
	margin-bottom: 20px;
}
section.imggallery {
	padding: 10px;
	min-height: 1000px;
}
.boxlink {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	display: block;
	padding: 10px 20px;
	background: #162233;
	color: #fff;
	text-align: center;
}
.boxlink:hover {
	background: #fedd4b;
	color: #162233;
}
.imgborder {
	border: 1px solid #162233;
}
footer {
	background: #fedd4b;
	padding: 20px 0;
/* 	height: 100px; */
/* 	padding: 40px 0; */
}
footer p, footer a {
	font-size: .75rem;
	line-height: 20px;
	color: #162233;
	margin: 20px 0;
	font-family: 'Playfair Display', sans-serif;
	font-style: italic;
}
footer .button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 40px;
	border: 1px solid #000;
	background: #000;
	margin: 30px 0;
	padding: 0 20px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Quattrocento', serif;
	font-size: .9rem;	
}



.altbg {
	background: #fedd4b;
}
.bg {
	background: #f1f1f1;
}
.lft {
	text-align: left;
}
.rgt {
	text-align: right;
}
.ctr {
	text-align: center;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.altfont {
	color: #fff;
}
.separator {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.top-padding {
	padding-top: 50px;
}
.bottom-padding {
	padding-bottom: 50px;
}




// Small screens 
@media only screen { 
	
} /* Define mobile styles */ 
@media only screen and (max-width: 40em) { 
	#menu-icon {
		display: block;
		height: 50px;
		cursor: pointer;
		text-align: right;		
	}
	nav {
		display: none;
		background: #192639;
		text-align: center;
		padding: 10px 0;
	}
	nav a {		
	}
	nav a.highlight {	
		display: block;
		padding: 0 !important;
		border: 1px solid #fff;	
		margin: 10px 0;	
	}
	section {
		padding: 10px;
	}
	footer p, footer a {
		margin: 10px 0;
	}
	h1.intro {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.lft {
		text-align: center;
	}
	.rgt {
		text-align: center;
	}
	#kenburns-slideshow {
		height: 150px !important;
	}	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 


// Medium screens 
@media only screen and (min-width: 40.063em) { 

	
} /* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	header {
		height: auto;
/* 		background: rgba(0,0,0,0.5) */
	}
	#logo {
		margin-bottom: 20px;		
	}
	#logo img {
		margin: 0 auto;
		display: block;
	}
	nav {
		text-align: center;
	}	
	nav a {
		display: inline-block;
		padding: 0 10px;	
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 


// Large screens 
@media only screen and (min-width: 64.063em) { 
	
} /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ 


// XLarge screens 
@media only screen and (min-width: 90.063em) { 
	
} /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
	
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 


// XXLarge screens @media only screen and (min-width: 120.063em) { 
	
} /* min-width 1921px, xlarge screens */