/************************************************
 *
 *  File     :  css/main.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  TSO Screen Printing
 *  Author   :  pud.ca (c) 2007
 *
 ************************************************/

/* Global */
    * { margin: 0; padding: 0; }
    
    body { 
        cursor: default;
        padding: 2em 0;
        font: 13px "Trebuchet MS", Sans-Serif;
        color: #999;
        background: #000;
        }

    /* Headings */
        h1 {
            cursor: pointer;
            width: 183px;
            height: 76px;
            background: url(../img/bg_h1.gif) no-repeat;
            position: absolute;
            top: 12px;
            left: 0;
            }
    /* // Headings */

    /* Anchors */
        a {
            color: #eb5418;
            }
        
        a:hover {
            color: #fff;
            }
    /* Anchors */

    /* Image replacement */
        h1 {
            margin: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            text-indent: -1000px;
            }
        
        h2 {
            font-size: 22px;
            font-weight: normal;
            color: #eb5418;
            padding-bottom: .5em;
            }
        
        h3 {
            font-size: 18px;
            color: #fff;
            font-weight: normal;
            padding: 1em 0;
            } 
    /* // Image replacement */

    /* Clearfix */
        .clearfix:after, #content:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }

        .clearfix, #content {display: inline-block;}
    /* // Clearfix */
/* // Global */

/* Page Setup */
    #container {
        display: block;
        width: 766px;
        margin: 0 auto;
        }
    
    #header {
        position: relative;
        height: 278px;
        background: url(../img/bg_header.jpg) no-repeat top right;
        margin-bottom: 8px;
        }
    
    /* Content */
        #content {
            min-height: 318px;
            background: url(../img/bg_content.gif) no-repeat;
            padding: 20px;
            }
        
        #content p {
            padding-bottom: 1em;
            }
        
        #content #primary {
            float: left;
            width: 430px;
            margin-right: 20px;
            }
        
        #content #secondary {
            width: 276px;
            float: left;
            padding-top: 3em;
            }
    /* // Content */

    /* Footer */
        #footer {
            border-top: 1px solid #404040;
            padding: 20px;
            font: 11px Tahoma, Sans-Serif;
            color: #555;
            }
    /* // Footer */
/* // Page Setup */

/* Navigation and lists */
    /* primary nav */
        #header ul {
            display: block;
            position: absolute;
            width: 185px;
            top: 100px;
            list-style: none;
            }
        
        #header ul li {
            display: block;
            padding-bottom: 10px;
            }
        
        #header ul li a {
            display: block;
            height: 19px;
            background: url(../img/bg_nav.gif) no-repeat 100% 50%;
            color: #777;
            text-decoration: none;
            padding-right: 25px;
            text-align: right;
            }
        
        #header ul li a:hover {
            color: #fff;
            background: url(../img/bg_navHover.gif) no-repeat 100% 50%;
            }
    /* // primary nav */

    /* footer nav */
        #footer ul {
            list-style: none;
            }
        
        #footer ul li {
            display: inline;
            padding-right: 10px;
            }

        #footer ul li a {
            text-decoration: none;
            }
        
        #footer ul li a:hover {
            text-decoration: underline;
            }
    /* // footer nav */

    /* gallery */
        ul.gallery {
            list-style: normal;
            }
       
        ul.gallery li {
            display: block;
            float: left;
            padding: 0 10px 10px 0;
            }
       
        ul.gallery li a img {
            display: block;
            border: 3px solid #222;
            }
       
        ul.gallery li a:hover img {
            border: 3px solid #fff;
            }
        
        #primary ul.gallery li {
            }
        
        #primary ul.gallery li a img {
            margin: 0 auto;
            }
    /* // gallery */

    /* FAQ Deffinition list */
        dl.faq dt {
            color: #fff;
            }
        
        dl.faq dd {
            padding: 0 0 2em 2em;
            }
    /* // FAQ Deffinition list */
/* // Navigation and lists */

/* Misc */
    .palette {
        padding: 5px;
        background: #333;
        border: 1px solid #555;
        }
    
    .note {
        font: 11px/12px Tahoma;
        text-align: center;
        }

    /* Address */
        #secondary address {
            background: #222;
            padding: 10px;
            border: 1px solid #555;
            }

        #secondary address,
        #secondary address em {
            font-style: normal;
            }
        
        #secondary address span {
            display: block;
            }
        
        #secondary address span.fn {
            font-weight: bold;
            }
        #secondary address span.tel {
            padding: 5px 0;
            }
        
        #secondary address .street-address {
            display: block;
            }
    /* // Address */
/* // Misc */

/* Form style */

    #content form fieldset { 
        border: none;
        }
    
    #content form fieldset legend {
        display: none;
        }
    
    #content form fieldset ol {
        list-style: none;
        }
    
    #content form fieldset ol li {
        border-bottom: 1px dashed #333;
        padding: 8px 0;
        }
    
    #content form fieldset ol li label {
        float: left;
        display: block;
        width: 120px;
        text-align: right;
        padding-right: 5px;
        line-height: 22px;
        }
    
    #content form fieldset input,
    #content form fieldset textarea {
        border: 1px solid #555;
        background-color: #111;
        padding: 4px;
        font: 12px Tahoma, Sans-Serif;
        color: #777;
        }
    
    #content form fieldset textarea {
        width: 280px;
        }
    
    #content form fieldset ol li img {
        border: 2px solid #999;
        }
    
    #content form fieldset ol li.captcha {
        padding-left: 125px;
        }
    
    #content form fieldset ol li.captcha label {
        float: none;
        width: auto;
        font: 11px Tahoma, Sans-Serif;
        text-align: left;
        padding: 5px 30px 5px 0;
        }
    
    #content form fieldset #captchaerror {
        color: #c00;
        padding-bottom: 5px;
        margin-top: -5px;
        }
    
    #content form fieldset button {
        margin: 10px 0 0 125px;
        font: 1.2em "Trebuchet MS", Sans-serif;
        padding: 4px 10px;
        cursor: pointer;
        }
/* // Form Style */