@charset "UTF-8";
/* CSS Document */

body, #header, #menu, .submenu, #header h1, #gallery_container * { margin: 0; padding: 0; }
#menu ul, .submenu ul, #bio ul { padding: 0; }
#menu ul, .submenu ul, #jgal, #bio ul { list-style: none; }

body { background: #FFFFFF; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: lowercase; }
a { color: #000; text-decoration: none; }
a:hover { color: #99CCCC; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; text-align: justify; }

#container { margin: 50px auto 0 auto; position: relative; width: 900px; }
#header { position: relative; }
#header h1 { font-size: 4em; }
#header a { color: #263333; font-weight: bold; }
#header a:hover { color: #99CCCC; }
#menu { position: absolute; right: 0; bottom: 0; }
#menu ul { line-height: 1em; }
#menu li { color: #999; display: inline; font-size: 1.2em; margin-right: 1em; }
.submenu { border-bottom: solid 1px #000; margin-bottom: 25px; }
.submenu ul { line-height: 1em; }
.submenu li { display: inline; letter-spacing: 0.5px; line-height: 1.5em; margin-right: 8px; text-align: justify; }
#content { background: #FFF; border-top: solid 1px #000; margin: 0; padding: 20px; }
.footer { border-top: solid 1px #000; clear: both; width: 860px; }
.footer p { color: #7F7F7F; font-size: 0.9em; margin-top: 20px; text-align: left; text-transform: none; }
#bio h2 { font-size: 1em; margin-bottom: 0; padding-bottom: 0; }
#gallery_container { min-height: 475px; position: relative; margin: 0 auto 0 auto; }
#jgal { position: relative; width: 200px; }
#jgal li { background-position: 50% 50%; border: 3px solid #FFF; cursor: pointer; display: block; float: left; height: 60px; margin: 0 14px 14px 0; opacity: .5; outline: 1px solid #000000; width: 60px; }
#jgal li img { border: 1px solid; display: none; position: absolute; top: 0; left: 230px; }
#jgal li.active img { display: block; }
/* safari bug */
#jgal li.active, #jgal li:hover { opacity: .99; outline-color: #000000; }
/* styling without javascript */
#gallery { display: block; list-style: none; }
#gallery li { float: left; margin: 0 10px 10px 0; }