/* 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* hofa start */
body {
	font:11px/15px arial, "helvetica", sans-serif;
}
a {color:#1b75bb;text-decoration:none;}
a:hover {background:#1b75bb;}
img, iframe, embed, object {display:block;margin:0 0 8px 0;}
p, ul {margin:0 0 16px 0;}
.view {position:absolute;top:8px;left:8px;float:left;padding:4px 8px;background:#222;}

h2,h3,h4,h5,h6 {
	margin:0 0 8px 0;
	letter-spacing:2px;
	text-transform:uppercase;
	}

/* nav */
nav {
	width:100%;
	min-width:800px;
	height:12px;
	padding:8px 0;
	font:13px/13px arial, sans-serif;
	border-top:2px solid #999;
}
nav a {text-decoration:none;}
nav a:hover {color:#fff;background:#333 url(flsh-lt.gif) repeat;border-top:2px solid #fff;}

nav ul {display:inline;margin:0;}
nav li {display:inline;list-style-type:none;}
nav li a {padding:7px 7px;margin:0;border-top:2px solid #999;}
nav ul#topr {float:right;display:inline;margin:0 0 0 3px;}
nav ul#topr li {float:left;}
li#gplusone {display:inline;margin:0 0 0 10px;}

h1 {display:inline;font-weight:bold;padding:7px 10px;}
h1 a {color:#ddd;}
h1 a:hover {background:none;border:none;}

.sound a#sound, .design a#design, .ampersand a#ampersand {font-weight:bold;color:#f00;border-top:2px solid #f00;}
.vision a#vision, .fax a#fax, .friends a#friends {font-weight:bold;color:#09f;border-top:2px solid #09f;}

.home h1, .ampersand h1, .friends h1, .beyond h1 {border-top:2px solid #fff;}
.sound h1, .vision h1, .design h1, .fax h1 {border-top:2px solid #000;}

.red {color:#f00;}
.blue {color:#09f;}

.home h1 a:hover, .home h1 a:hover .red, .home h1 a:hover .blue {color:#fff;}
.ampersand h1 a:hover, .ampersand h1 a:hover .red, .ampersand h1 a:hover .blue {color:#fff;}
.friends h1 a:hover, .friends h1 a:hover .red, .friends h1 a:hover .blue {color:#fff;}
.beyond h1 a:hover, .beyond h1 a:hover .red, .beyond h1 a:hover .blue {color:#fff;}

.sound h1 a:hover, .sound a:hover .red, .sound a:hover .blue {color:#000;}
.vision h1 a:hover, .vision a:hover .red, .vision a:hover .blue {color:#000;}
.design h1 a:hover, .design a:hover .red, .design a:hover .blue {color:#000;}
.fax h1 a:hover, .fax a:hover .red, .fax a:hover .blue {color:#000;}

header {
	width:100%;
}
#america {
	clear:both;
	width:100%;
}
.hy {float:left;padding:8px 8px 0 8px;}
a .hy {background:none;}

.sixths {width:145px;}
.friend {width:145px;height:145px;}
.fifths {width:177px;}
.thirds {width:305px;}
.halves {width:465px;}
.twothirds {width:625px;}
.row {width:945px;}
#map {width:305px;height:305px;margin:0 0 8px 0;}

#light {
	float:left;
	padding:24px;
	width:160px;
	font:15px/20px arial, sans-serif;
}
#hlink {clear:both;width:577px;padding:6px 0 0 0;}
.statement {float:right;}
a.statement:hover {text-decoration:underline;}
footer {clear:both;padding:0 0 25px 0;}
/* FOOTER */
footer {
	clear:both;
	float:left;
	width:800px;
	height:25px;
	margin:16px 0 0 8px;
	text-align:left;
	font:11px/14px arial, "helvetica", sans-serif;
}
footer ul {margin:0;}
footer li {display:inline;margin:0 14px 0 0;}

#menog {float:left;width:600px;height:60px;margin:16px 8px;}
.home #menog {background:url(solarsystem.png) 0 0 no-repeat;}
.sound #menog {background:url(solarsystem.png) 0 -60px no-repeat;}
.vision #menog {background:url(solarsystem.png) 0 -120px no-repeat;}
.design #menog {background:url(solarsystem.png) 0 -180px no-repeat;}
.fax #menog {background:url(solarsystem.png) 0 -240px no-repeat;}
.ampersand #menog {background:url(solarsystem.png) 0 -300px no-repeat;}
.friends #menog {background:url(solarsystem.png) 0 -360px no-repeat;}
.beyond #menog {background:url(solarsystem.png) 0 -420px no-repeat;}
/* Haoyan of America CSS by Haoyan of America *~.* */