@charset "utf-8";


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*
midnight blue #031326
lighter dark blue #051f40
base blue #164059
vanilla #f2edd0
grey #bfbba8
*/

@media all and (max-width:799px){
body{
font-size:.65em
}
}
/* -------BACKGROUND STYLES AND COLORS */
html, body{
	background-color: #f2edd0;
	background-image: url('multiple-mountains.png');
	color: #bfbba8;
	font-size: 1em;
	font-family: 'Amaranth', arial, serif;
}

body #IE{
font-size; .75em; /*12px*/
}
h1, h2, h3, h4, h5, h6 {
	color: #051f40;
	font-family: 'Copse', arial, serif;
}


h1{
	font-size: 4.25em; /* 68px */
	margin: 0 0 .235em .47em;
}

#IE h1 {
font-size: 3.75em;/*45px*/;
margin: 0 0 .235em .47em;
}
h2{
	font-size: 2.625em; /*42 px */
	width: 6em;
	margin: 0em 0 1em 0em;
	text-align: right;
	background-color: rgba(5,31,64,.2);
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius:0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0px;
	padding: .5em;

}
h2:hover{
text-decoration: none;
}

h3{
	font-size: 2em; /*32px*/
	margin: 1em 0 .3em .5em;
}

h4{
	font-size: 1.618em; /*26px */
}

h5, h6 {
	font-size: 1em;
}

p{
	color: #164059;
	font-size: 1.5em; /*16px */
}

a {
	color: #051f40;
	text-decoration:none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a:hover {
	text-decoration: underline;

}
::hover{
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	

}

#container{
	width: 90%;
	margin: 0 10%;
	height: 43.75em;
	margin: 0 0;
	overflow: hidden;
	top: 9.6785em;
	float:left;
}

#container > section {
width: 100%;
height: 43.75em;
border-left: 1px dashed black;
border-right: 1px dashed black;
float:left;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow:hidden;
}

#container > section:target{
border-left: 3px dashed black;
border-right: 3px dashed black;
background-color: rgba(208,204,185,.40);
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;

}


section article{
border: none;
padding: .3em;
margin: 0 2em;
/*background: rgba(242,237,208,.6);*/
background: none;
overflow:hidden;
float:left;
width: 50%;


-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;


}


section article:hover{

	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
	text-shadow: none;

}

section article p{
margin-bottom: 1.1em;
font-size: 1.25em;

}

section article ol{
margin: 0 0 .5em .5em;

}

section article li{
list-style-type: decimal;
color: #051f40;
font-size: .9em;
font-style: italic;
}

section article li a{
text-decoration: underline;
}
section figure{
background: #f2edd0;
float: right;
width: 20.75em;
padding: 1em;
border:  1px solid #031326;
margin: 0 1em 0 0;
-webkit-box-shadow: 2px 3px 3px #232323;
}

figure img{
margin: 0 .75em;
}

figure detail{
font-size: .75em;
MARGIN: 0. .75em;
color: #051f40;
padding: 1em;
text-align: center;


}
footer, #footer{
	float:left;
	height: 3.125em;
	margin: 0;
	border-top: 1px solid black;
	opacity: .40;
	-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
color: #f2edd0;
}

footer:hover{
	opacity: .90;
	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}

footer p, #footer p{
color: #f2edd0;
}


 .left{
left: 0;
width: 20%;
}

 .right{
float:right;
text-align: right;
width: 40%;
}

.cta{
float: right;
border-left: 1px dashed #164059;
border-right: 1px dashed #164059;
color: #164059;
background: rgba(191,187,168, .7);
width: 8em;
padding: 1em;
}

.cta a{
color: #164059;
text-align: center;
text-decoration: underline;


}