.header, .nav, .footer {background:#333b48} 

html, body {padding:0; margin:0; height:100%}
body { font-family:Arial;}

h1 {color:#555}
h3 {font-size:30px;line-height:30px; margin:20px 0 0 0; color:#888; }
hr {margin:0;height:1px}

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


.header { width:100%; color:#555; }
	.header h1 {margin:0; font-size:45px; color:#DAD8D8; text-shadow: 2px 2px 2px #000; cursor:pointer; }
	


	.nav ul { margin:0; padding:0; list-style-type:none; }
	.nav li { float:left; margin:0 10px 0 0; padding:5px 10px;}
	.nav li a { color:#ccc; text-decoration:none; padding:8px; border-radius:8px; transition:0.3s; }
		.nav li a:hover { color:#fff; background:#000 }
	.nav li a.active { background:#666;color:#fff }
	
.section { background:#eee; border-bottom:solid 3px #ccc; color:#777; }
	.section p {color:#777}
	.section a {color:#9E1414}
		.section a:hover {color:#D9280E}

.section.full_page { display:none; min-height:70%; }




#address_wrap { width:440px; float:left }
#google_map { height:300px; margin-top:30px; float:left; border:solid 2px #ccc; opacity:0.8; }
	#google_map:hover {opacity:1}
p.address, p.contact {padding:5px 0px; margin:0; color:#555; font-size:110%}
p.address {padding-bottom:20px;}
	
/*#about {background:#F9F9F9}*/
#prospectuses {background:#e9e7e3}
#financial_statements {background:#E0E5E6}
#statutory_documents {background:#E1E4E0}


a.pdf { 
	display:block;
	background:transparent url(images/pdf_file_small.png) no-repeat 5px 5px; 
	padding:10px 10px 10px 40px; margin:5px 0 0 0; border-radius:6px;
	font-size:110%; color:#054E89; opacity:0.7;
}
	a.pdf:hover { background-color:#eee; color:#054E89; opacity:1}

.footer { color:#888; padding:25px 10px; }	
.footer a {color:#71947c; text-decoration:none }
	.footer a:hover {color:#ACB528 }

/* desktop */
@media screen and (min-width:1000px){
	.header { position:fixed; z-index:9; top:0; height:105px; padding:20px 10px 15px 10px; }
	.header_pad { height:140px; } /* to push content down under fixed header */
	.nav { padding:25px 20px 0 0; }
	.center { width:1000px; margin:0 auto; }
	.section { padding:40px 10px;}
	#google_map { width:550px; }
}

/* mobile */
@media screen and (max-width:1000px){
	.header { padding:20px 0px 15px 0px; }
	.header_pad { display:none }
	.header h1 { font-size:35px }
	.center { padding:0 10px }
	.header .nav .center { padding:0 }
	.nav { padding:10px 0 0 0; }
	
	.section { padding:15px 0; }
	h3 { font-size:25px; }
	#google_map { width:100%; }
}

/* smallmobile */
@media screen and (max-width:420px){
	.header h1 { font-size:25px }
	.nav li { float:none }
}