@media all {
        body { font: 16px/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif; }
}
@media screen {

        /* Html 5 */
        article, aside, footer, header, nav, section { display: block; }

        /* Reset: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ */
        * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
        li { list-style: none; }

        /* Clearfix: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
        .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
        * html .group { zoom: 1; }
        *:first-child+html .group { zoom: 1; }

        /* Always show vert scrollbar in FF */
        html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

        /* defaults */
        em { font-style: italic; }
        body { background: #000; color: #fff; }

        .cnt {
                background: url(../gfx/bg-body.jpg) 50% 0 no-repeat;
                border-left: 1px solid #333;
                border-right: 1px solid #333;
                margin: 0 auto;
                text-align: left;
                width: 962px;
                margin-bottom: 2em;
        }

        /* header */
        header {
                height: 200px;
                border-bottom: 1px solid #333;
        }
        #logo { float: left; margin: 0 10px 0 20px; width: 330px; }
        #logo img { float: right; }
        h1 {
                float: right;
                background: url(../gfx/claim.png) 0 0 no-repeat;
                height: 121px;
                width: 570px;
                margin: 0 10px 0 20px;
        }
        h1 a { display: block; height: 121px; width: 570px; }
        h1 span { margin-left: -9999px; }

        #plain .cnt { background: none; border: 0 none; }
        #plain header { border: 0 none; padding-top: 6em; }

        /* gallery */
        #gallery {
                height: 200px;
                border-bottom: 1px solid #333;
                overflow: hidden;
                position: relative;
        }
        #close {
                position: absolute;
                line-height: 2em;
                top: 10px;
                right: 10px;
                padding: 0 35px 3px 0;
                cursor: pointer;
                z-index: 99;
                background: url(../ext/fancybox-1.2.6/fancy_closebox.png) center right no-repeat;
        }
        #close a { color: #fff; text-decoration: none; }

        /* content */
        #content {
        }
        #content nav {
                /*background: rgba(0,0,0,.5);*/
        }
        #content nav a {
                color: #fff;
                text-decoration: none;
        }
        #content nav .selected a {
                color: #d1a051;
        }
        #content nav .selected {
                color: #fff;
        }
        #content nav a:hover, #content nav a:focus {
                color: #d1a051;
        }
        #content nav li { color: #666; }

        .column { float: left; width: 330px; margin: 0 10px 0 20px; }
        .main { float: right; width: 570px; margin: 0 10px 0 20px; }
        .alt { float: left; width: 275px; }
        .left { margin: 0 10px 0 0; }
        .right { margin: 0 0 0 10px; }

        #jgs button { background: #000; color: #ccc; border: 1px solid #999; padding: .5em; cursor: pointer; }
        #jgs button:hover, #jgs button:focus { background: #333; color: #fff; }

        h2 {
                font-weight: bold;
                font-size: 1.75em;
                letter-spacing: -1px;
                margin: 1em 0 .2em;
                text-transform: uppercase;
        }
        
        .teaser {
                font-size: 0.8em;
                text-transform: uppercase;
        }

        #feature img, .feature img { border: 1px solid #222; margin: 1em 0; }
        .feature { margin: .5em 0 1em 0; color: #999; }
        .feature h3 { color: #fff; text-transform: uppercase; font-size: 1.25em; font-weight: bold; margin-bottom: .8em; }
        .news h2 { margin-bottom: 1em; }
        #flash embed { background: #000; }
        
        #content a { color: #ccc; }
        #content a:hover, #content a:focus { color: #fff; }

        /* article */
        article h2 { font-size: 2em; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; margin: .5em 0 1em; }
        article h3, article .org { font-size: 1.25em; text-transform: uppercase; font-weight: bold; margin: 1.5em 0 .5em; }
        article h4 { font-size: 1.25em; font-weight: bold; color: #ccc; margin: 1em 0 .5em; }
        article p { margin: 1em 0 1.5em 0; }
        article a { color: #ccc; }
        article a:hover, article a:focus { color: #fff; }
        article img { border: 1px solid #666; padding: 2px; }

        /* footer */
        footer {
                background: url(../gfx/bg-footer.jpg) 50% 0 no-repeat;
                border-top: 1px solid #333;
                border-bottom: 1px solid #333;
                margin-top: 2em;
                overflow: hidden;
                padding-bottom: 2em;
        }
        footer h2 a { color: #fff; text-decoration: none; }
        footer h2 a:hover, footer h2 a:focus { color: #d1a051; }
        footer .branding {  }
        footer .branding img { margin-top: 3em; }

        /* navigation */
        nav#meta { overflow: hidden; position: relative; padding-bottom: 30px; }
        nav#meta ul {
                float: left;
                font-size: .7em;
                padding: .25em;
                margin-left: 370px;
                text-transform: uppercase;
        }
        nav#meta li { float: left; margin: 0 10px; }
        nav#meta a { color: #666; text-decoration: none; }
        nav#meta a:hover, nav#meta a:focus { color: #ccc; }
        
        #shoplocator {
                border: 4px solid #333;
                color: #000;
                font-size: .9em;
                height: 492px;
                margin: 1em 0;
                width: 552px;
                }
        #shoplocator b { font-weight: bold; }
        #legend { overflow: hidden; }
        #legend li { float: left; margin: 0 20px 0 0; }
        #legend label { margin-left: 5px; cursor: pointer; }

        .slides { overflow: hidden; }
        .slides a { display: block; float: left; margin: 0 10px 10px 0; }
        .slides img { border: 2px solid #333; padding: 3px; }
        .slides img:hover, .slides img:focus { border-color: #666; }

}
@media print {
        * { background: #fff; color: #000; }
        #meta, #gallery, nav, footer { display: none; }
}