/* layout */
body { width:720px; margin:auto; padding:0 60px 45px 60px; }
div#content { width:480px; margin:auto; padding:18px 90px 18px 150px; } 

ul#nav { position:relative; padding:9px 0 9px 0; }
ul#nav li ul { position:absolute; left:150px; top:9px; }

dl.contact { overflow:hidden; }
dl.contact dt, dl.contact dd { float:left; }
dl.contact dt {clear:left; width:30px; }
dl.contact + h2 { clear:left; }

/* color */ 
html { background:#333; }
body { background:#dee2e4 url(../img/bkg/bkg-body.jpg) no-repeat 0 0; }
div#content { background:#fff; color:#666; position:relative; }
img#logo { position:absolute; left:0; top:18px;}

ul#nav { border-top:9px solid#fff; } 
ul#nav a { color:#f6e032; }
ul#nav a:link { color:#ccc; }
ul#nav a:link:hover { color:#f6e032; }
ul#nav a:visited { color:#ccc; }
ul#nav a:visited:hover { color:#f6e032; }

div#content a:link { background:#f6e032; color:#555; }
div#content a:link:hover { background:#faef98; color:#666; }
div#content a:visited, div#content a:visited:hover { background:#faef98; color:#666; }

/* type */
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.6364; }

ul#nav a { text-decoration:none; }
div#content a { text-decoration:none; }

h1 { font-size:45px; line-height:1; margin:18px 0 9px 0; }
h2 { font-size:18px; line-height:1; margin:27px 0 9px 0; }
h3 { font-size:13px; line-height:1.3846; margin:18px 0 0 0; font-weight:bold; }
p { margin:0 0 9px 0; }
#content ul { margin:0 0 9px 0; }
#content li { list-style-type:square; }
dl.contact dt { font-weight:bold; }
strong { font-weight:bold; }
em { font-style:italic; }