html { background-color: #222; }
body { font-size: 85%; color: #ffffcc; }
h1 { font-size: 197%; text-align: center; }
h2 { font-size: 174%; }
h3 { font-size: 116%; }
h1, h2, h3 { margin-bottom: .5em; font-family: Georgia; color: #e1cc00; }
a:link { color: #e1cc00; text-decoration: none; }
a:visited {	color: #e1cc00; text-decoration: none; }
a:active { color: #e1cc00; text-decoration: none; }
a:hover { color: #ffffcc; text-decoration: none; }

.debug { border: 1px solid #000; }
.flat-list { width: 100%; }
.flat-list li { margin: .3em 2em .3em 2em; display: inline; text-align: center; }

#doc2 { margin-top: 3em; background-color: #222; padding: .1em; }

#hd { margin: 0 .5em 0 .5em; text-align: center; }
#hd img { margin-top: 1em; }

#nav { margin: .2em 0 .2em 0; font-size: 116%; font-weight: bold; text-align: center; }
#nav ul li { border: 1px solid #e1cc00; padding: .4em; line-height: 2.5em }

#bd { margin: 0 .5em 1.5em .5em; }
#bd img { border: 1px solid #e1cc00; }
#bd #left-side { position: relative; min-height: 350px; height: auto !important; height: 350px; }
#bd #left-side #lone { position: absolute; top: 0; left: 2em; }
#bd #left-side #ltwo { position: absolute; bottom: 0; right: 3em; }
#bd #middle {
	position: relative;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	background-image: url('../images/aklogo.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
#bd #middle #phone { position: absolute; bottom: 0; width: 100%; text-align: center; }
#bd #right-side { position: relative; min-height: 350px; height: auto !important; height: 350px; }
#bd #right-side #rone { position: absolute; top: 0; right: 2em; }
#bd #right-side #rtwo { position: absolute; bottom: 0; left: 3em; }

#ft { margin: 2em .5em .5em .5em; text-align: center; font-size: 77%; }
#bottom { margin-top: 3em; background-color: #222; }