@charset "UTF-8";

body {
	height: 100%;
  	width: 100%;
	margin:0; 
	padding: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 16px;
	line-height: 20pt;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #666;
}

.btn {
	color: #fff;
	padding: 15px;
	display: inline-block;
	font-family: "quicksandlight";
	font-size: 18px;
	text-transform: uppercase;
	border: 1px solid #FFF;
}
/*a:hover {
	text-decoration: underline;
}*/
h1, h2, h3 {
	font-family: "Open Sans";
	font-weight: normal;
	}

h1 { 
	font-size:52px; 
	line-height: 56px;
}

h2 {
	padding-top: 2%;
	font-size: 35px;
	line-height: 38px;
	font-weight: normal;
}
.h2body {
	color: #444;
	}
h3 {
	font-weight: normal;
	font-size: 25px;
	line-height: 30px;
	margin-top: 1%;
	margin-bottom: 1%;
}
.large {
	font-family: 'quicksandlight';
	font-size: 26px;
	line-height: 34px;
}
#header {
	position:fixed;
	top: 0px;
	font-family: 'skyfall';
	line-height: 35px;
	text-align: center;
	width: 96%;
	padding: 2%;
	font-size: 1.2em;
	color: #FFF;
	background-color: #1b2833;
	text-transform: uppercase;
}
#header a {
	color: #FFF;
	padding: 2%;
}
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

}
.top {
	display: table;
	/*height: 100vh;*/
	height: 800px;
	width: 100%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;	
	display: flex;
	align-items: center;     /* Vertically center */
  	justify-content: center; /* Horizontally center (optional) */
	/*border-top-width: 30px;
	border-left-width: 30px;
	border-right-width: 30px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-right-color: #FFF;*/
}

.top img {
	width: 35%;	
}

.graphic{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.graphic img {
	width: 35%;
}
section {
	width: 100%;
	padding-top: 0%;
	padding-bottom: 0%;
	display: flex;
	align-items: center;     /* Vertically center */
  	justify-content: center; /* Horizontally center (optional) */
}
footer {
	width: 1024px;
	display: flex;
	float: center;
	margin-left: auto;
	margin-right: auto;
}

.contentRow {
	width: 1024px;
	padding: 3%;
	text-align: center;     
}
.contentRowB {
	width: 600px;
	padding: 3%;
	text-align: center;     
}
.gallery img {
	width: 18%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.black {
	background-color: #000;
	color: #ffffff;
}
.gray {
	background-color: #2f3b46;
	color: #ffffff;
}
.lgray {
	background-color: #f6f6f6;
}
.blue {
	background-color: #6699cc;
	color: #ffffff;
}
.yellow {
	background-color: #ffcc00;
	color: #000;
}
#images {
	float: left;
	width: 100%;
}
#images img {
	width: 20%;
	padding: 2%;
}
#contentRowH {
	width: 55%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 2%;
}

#contentRowT {
	width: 29%;
	padding: 2%;
	float: left;
	text-align: center;
}
.quote {
	width: 100%;
	background-color: #f6f6f6;
	text-align: center;
	display:block;
	padding-top: 0px;
}
.quoteT {
	width: 45px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5%;
}
.quoteM {
	width: 55%;
	margin-right: auto;
	margin-left: auto;
}
.quoteB {
	width: 45px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5%;
}
.quoteText {
	width: 70%;
	float: left;
}
.disclosure {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #f6f6f6;
	text-align: center;
	font-size: 12px;
	line-height: 14px
}
#disclosure a {
	text-decoration: none;
	color: #6699cc;
}

#footerT{
	width: 65%;
	margin-right: auto;
	margin-left: auto;
}
#footer1 {
	width: 37%;
	float: left;
	text-align: left;
}
#footer2 {
	font-size: 12px;
	width: 18%;
	padding-left: 3%;
	float: left;
	text-align: left;
}

.left {
	float: left;
}
.right {
	float: right;
}
.one-half-footer {
	width: 46%;
	padding: 2%;
}

@media screen and (max-width: 1200px) {
.contentRow {
	width: 90%;
}
footer {
	width: 90%;
}


@media screen and (max-width: 770px) {
	.contentRowB {
	width: 90%;
}
h2 {
	font-size: 30px;
	line-height: 34px;
}
.top {
	height: 500px;
}
.top img {
	width: 80%;	
}
.graphic img {
	width: 65%;
}	
.contentRow {


}
#contentRowH {
	width: 100%;
	padding-top: 5%;
}
.gallery img {
	width: 45%;
}
#disclosure {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
#footer1 {
	width: 100%;
	text-align: center;
}
#footer2 {
	width: 27%;
	padding-right: 3%;
	line-height: 25px;
	text-align: center;
}

}