/* www.andynguyen.net */
* { margin: 0; padding: 0; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
a { color: #cc0000; text-decoration: none; }
    a.button { display: inline-block; }
a:hover { color: black; text-decoration: underline; }
a img { border: none; vertical-align: text-bottom; text-decoration: none; }

html, body { height: 100%; }

h1, h2, h3, h4, h5, h6 { color: #330000; margin-bottom: 5px; }
h1 { font-size: 2em; }
h2 { font-size: 1.25em; }
h3, h4 { font-size: 1.125em; }
h5, h6 { font-size: 1em; }



.clear { clear: both; }
.centered { margin: 0 auto; }
.error { color: red; font-weight: bold; }

.fixed-width { width: 960px; }
.full-width { width: 100%; }
.float-left { float: left; }
.float-right { float: right; }

.menu { list-style-type: none; }
.menu.horizontal li { float: left; }







#header { background: url("images/header.jpg"); height: 279px; width: 960px; }
#header2 { position: absolute; top: 170px; width: 960px; z-index: 1; }

#top-menu { margin: 5px 10px 0 0; position: relative; z-index: 2; }
    #top-menu li { background: url("images/header-menu-bg2.png"); height: 42px; padding: 11px 0 0 40px; width: 110px; }
        #top-menu li a { color: black; font-size: .75em; font-weight: bold; }
        #top-menu li a:hover { color: #4b7a87; }


#home { }
.gallery a { display: inline-block; margin: 2px 1px; }
#body { margin-top: 10px; }

    #left-column { }
    
        #product-gallery { height: 150px; width: 200px; }
        
        #left-menu { padding: 5px 0; width: 200px; }
            #left-menu li { background: url("images/moose.gif") no-repeat 0 0; height: 30px; margin-bottom: 2px; padding-left: 35px; padding-top: 10px; vertical-align: middle; }
                #left-menu li a { font-size: 1em; font-weight: bold; }
    
    #content-column { margin: 0 9px; width: 540px; }
        #content-column h1 { color: #76601d; margin-bottom: 15px; text-align: center; }
        #content { height: 500px; overflow: auto; }
        
        #content-links { font-size: 1.25em; margin-bottom: 100px; margin-top: 20px; text-align: center; }
            #content-links a { margin: 0 20px; }
    
    #right-column { background: #CC0000; height: 450px; text-align: center; width: 200px; }
        #right-column a { color: white; }
        #right-column h2 { }
        #right-column h2, #right-column h3 { text-align: center; }
        #right-column h3 { color: black; font-size: 1em; margin-bottom: 10px; }
        #right-column .content-scroll { font-size: .75em; height: 150px; overflow: auto; }
        #right-column .menu-letters { }
        
        #how-to { margin-bottom: 25px; }
        


.outline { border: 1px solid black; padding: 10px; }