/* --------------------------------------------------------------------------
 * Exhibition Main CSS
 * Copyright 2008-2009, John Tajima
 * All rights reserved.
 * --------------------------------------------------------------------------
 */

*    { font-family: "Lucida Grande", Arial, Verdana, sans-serif;}
body { font-family: "Lucida Grande", Arial, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.7em;}

a { color: #eb9816; }
a:hover { color: #eb9816; }


/* ----------------------------------------------------------------------
 * Layout
 * ----------------------------------------------------------------------
 */
 
/*
 * Splash Screen
 *
 */
.header-frame { width: 100%; margin: 0; padding: 0; height: 30px; background: #2a2e2d; }
.top-frame    { width: 100%; margin: 0; padding: 0; height: 370px; 
                background: #40566b url(/images/splash/logo_03.png) top left repeat-x; border-bottom: 1px solid #2a2e2d;}
.main-frame   { width: 100%; margin: 0; padding: 0; height: 500px; background: #f0f0f0; border-top: 1px solid #f8f8f8;}
.lower-frame  { width: 100%; margin: 0; padding: 0; height: 100px; background: #e6e6e6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.footer-frame { width: 100%; margin: 0; padding: 0; min-height: 100px; 
                background: #2a2e2d url(/images/splash/splash_09.jpg) top left repeat-x; 
                font-size: 11px; color: #ddd; }

/*
 * Main 
 *
 */
body.main { margin: 1em 0;}

/* ----------------------------------------------------------------------
 * Sections - Splash
 * ----------------------------------------------------------------------
 */
.logo-container {  padding-top: 1px;}


ul.menu    { list-style: none; margin: 0; padding: 0;}
ul.menu li { margin: 0; padding: 0 ; display: inline; }

.header-frame ul.menu li a { color: #888888; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.header-frame ul.menu li a:hover { text-decoration: none; color: #fff;}
#top-menu { text-align:right; font-size: 10px; font-weight: normal; padding-top:0.8em; letter-spacing: .5px;}
#top-menu li { padding-left: 10px;}

#main-menu { text-align: right; font-size: 14px; color: #fff; padding-top: 40px;}
#main-menu li { padding-left: 15px; }
#main-menu a { color: #ccc; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-decoration: none;}
#main-menu a:hover { color: #fff; text-decoration: none;}



p.footer-text {padding: 10px; text-align:center; font-size: 10px; color: #999; }

/*
 * New Account form
 */
form.user-form { width: 60%; border: 1px solid #ddd; margin: 0px auto; padding: 9px; background: #f8f8f8 }
form.user-form label { width: 130px; padding-right: 10px; display: block; float: left; text-align: right; }
form.user-form h2    { text-align: center; }


/* message div */

div.message { margin: 50px 100px; border: 1px solid #ddd; background: #f0f0f0; padding: 20px; text-align: center; }