/* ------- RESET ------- */
	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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

a { text-decoration: none; }
strong {  font-weight: bold; }	

body { font-family: Helvetica, Arial, sans-serif; background: #061931 url(img/bkg-seal.jpg) center repeat-y; }


.bg {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#seal { position: fixed; top: 0; left: 0; }

#nav { position: fixed; top: 0; right: 0; }
#nav ul { margin: 10px 0 0 0; }
#nav li a { width: 180px; height: 22px; border-radius: 4px 0 0 4px; float: right; font-size: 22px; font-family: 'Coming Soon', sans-serif; color: #000; background: #fff; margin: 13px 0 0 0; padding: 12px 40px 8px 20px; }


a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }

#footer { width: 100%; height: 120px; position: fixed; bottom: 0; background: url(img/footer-bkg.png); }
#footer #paidfor { width: 170px; height: 30px; margin: 30px auto; background: url(img/paidfor.png) top center no-repeat; }

#footer #twitter { width: 170px; height: 30px; position: absolute; top: 30px; left: 30px; }
#footer #facebook { width: 150px; height: 30px; position: absolute; top: 30px; right: 20px; }


.about { width: 40%; margin: 23px auto 200px auto; background: #fff; z-index: 99999; position: relative; font-size: 19px; line-height: 1.4em; font-family: 'Coming Soon', sans-serif; font-weight: 600; color: #000; padding: 3%; }

h2 { font-size: 32px; line-height: 1.4em; font-family: 'Coming Soon', sans-serif; font-weight: 600; color: #000; margin-bottom: 10px; text-align: center; }


a.twitter { color: #52708E; }
a.twitter:hover { color: #BD1F1A; }


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#seal { display: none; }
.bg {
	width: 100%;
	position: fixed;
	top: 58px;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; position: fixed; top: 0; }
#nav ul { margin: -10px 0 0 0; }
#nav li a { width: 25%; float: left; height: 30px; border-radius: 0 0 0 0; font-size: 20px; font-family: 'Coming Soon', sans-serif;  color: #000; background: #fff; margin: 13px 0 0 0; padding: 12px 0 8px 0; text-align: center;  }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }


.about { width: 40%; margin: 150px auto 150px auto; font-size: 16px; line-height: 1.4em; padding: 3%; }


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#seal { display: none; }

.bg {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; position: fixed; top: 50%; }
#nav ul { margin: 10px 0 0 0; }
#nav li a { width: 100%; height: 30px; float: left; border-radius: 0 0 0 0; font-size: 26px; font-family: 'Coming Soon', sans-serif; font-weight: 700; color: #000; background: #fff; margin: 13px 0 0 0; padding: 12px 0 8px 0; text-align: center; }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }


.about { width: 100%; margin: 800px auto 150px auto; font-size: 19px; line-height: 1.4em; padding: 3%; }



}









/* iPhone 4 landscape ----------- 
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) 
and (orientation : landscape) {

#seal { display: none; }
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; margin-top: 130px; }
#nav ul { margin: 0 0 0 0; }
#nav li a { width: 100%; height: 30px; border-radius: 0 0 0 0; font-size: 14px; font-family: "ff-providence-sans-web-pro", sans-serif; font-weight: 700; color: #000; background: #fff; margin: 13px 0 0 0; padding: 12px 0 8px 0; text-align: center; -webkit-box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }

#footer {display: none; }

#footer #twitter { display: none; /* width: 170px; height: 30px; margin: 0 auto; top: 85px;  }
#footer #facebook { display: none; /* width: 150px; height: 30px; margin: 0 auto; top: 125px; }



}


*/


/* iPhone 4 portrait ----------- 
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) 
and (orientation : portrait) {

#seal { display: none; }
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; margin-top: 50px; }
#nav ul { margin: 0 0 0 0; }
#nav li a { width: 100%; height: 20px; border-radius: 0 0 0 0; font-size: 14px; font-family: "ff-providence-sans-web-pro", sans-serif; font-weight: 700; color: #000; background: #fff; margin: 5px 0 0 0; padding: 12px 0 8px 0; text-align: center; -webkit-box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); box-shadow: 4px 2px 5px rgba(50, 50, 50, 0.6); }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }

#footer {display: none; }

#footer #twitter { display: none; /* width: 170px; height: 30px; margin: 0 auto; top: 85px;  }
#footer #facebook { display: none; /* width: 150px; height: 30px; margin: 0 auto; top: 125px; }



}



*/




/* Smartphones (portrait) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {


#seal { display: none; }
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; margin-top: 50%; position: absolute; }
#nav ul { margin: -10px 0 0 0; }
#nav li a { width: 100%; height: 20px; border-radius: 0 0 0 0; font-size: 14px; font-family: 'Coming Soon', sans-serif; color: #000; background: #fff; margin: 5px 0 0 0; padding: 12px 0 8px 0; text-align: center; }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }

#footer {display: none; }

#footer #twitter { display: none; /* width: 170px; height: 30px; margin: 0 auto; top: 85px; */ }
#footer #facebook { display: none; /* width: 150px; height: 30px; margin: 0 auto; top: 125px; */}


.about { width: 100%; margin: 350px auto 150px auto; font-size: 19px; line-height: 1.4em; padding: 3%; -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75); }


}




/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {


#seal { display: none; }
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

#nav { width: 100%; margin-top: 95%; position: absolute; }
#nav ul { margin: -10px 0 0 0; }
#nav li a { width: 100%; height: 20px; border-radius: 0 0 0 0; font-size: 14px; font-family: 'Coming Soon', sans-serif; font-weight: 700; color: #000; background: #fff; margin: 5px 0 0 0; padding: 12px 0 8px 0; text-align: center; }
#nav li a.standard:hover { color: #000; background: #fff; }

a.disabled, a.disabled:hover { cursor: default; padding: 10px 40px 10px 20px; opacity: 0.3; }

#footer {display: none; }

#footer #twitter { display: none; /* width: 170px; height: 30px; margin: 0 auto; top: 85px; */ }
#footer #facebook { display: none; /* width: 150px; height: 30px; margin: 0 auto; top: 125px; */}


.about { width: 100%; margin: 325px auto 50px auto; font-size: 19px; line-height: 1.4em; padding: 3%; }



}