/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 20 November 2008 10:38:21
*/


/* Main CSS Document */

        body {
            margin: 0 0 20px 0;
            padding: 0 0 20px 0;
            background-color: #FFFFFF;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.7em;
        }
            
        .clear-both
        {
            clear: both;
            height: 1px;
            overflow: hidden;
        }
        
        .expand
        {
            width: 100%;
            /* makes the box expand so it contains the floats */
            overflow: hidden;
        }
        
        #page-container
        {
            font-size:1em;
        }
    
/* ----------------------------------- Start: Min width for both IE & Complient Browsers */
        
         /* Give the min-width property
            to complient browsers */
        #page-container[id]
        {
            min-width: 99.6em;
        }
        
        * html .min-width
        {
            padding-left: 99.6em;
        }
        
        * html .min-container
        {
            position: relative;
            margin-left: -99.6em;
        }
        
        /* Hide from IE Mac \*/
        * html .min-width,
        * html .min-container,
        * html .min-keep-padding
        {
            height: 1px;
        }
        /* End hide from IE Mac */
        
/* --------------------------------------- End:   min width for both IE & Complient Browsers */

/* -------------------------------------------General Declaration ----- ----------------------*/

        h1 {
            font-size: 1.6em;
            color: #CC0000;
            font-weight: normal;
            margin-top: 20px;
            margin-bottom: 10px;
            /*padding-left: 10px;*/
        }
        
        h2
        {
            font-size: 1.2em;
            color: #000000;
            font-weight: bold;
            margin: 1em 0 0em 0;
        }
        
        h3
        {
            font-size: 1.1em;
            color: #000000;
            font-weight: bold;
            margin: 1em 0 0em 0;
        }
        
        p  
        {
            margin: 1em 0;
            padding: 0;
            line-height: 1.6em;
        }
        
        a img 
        {
            border: none;
        }
     
        a {
            color:#000;
            text-decoration:underline;
        }
        a:hover 
        {
            color: #f00;
            text-decoration:underline;
        }

/* ---------------------------------------END: General Declaration ----- ---------------------*/
/* -------------------------------------------MAIN NAV WITH DROP DOWNS ----------------------*/

        #main-nav {
            height: 87px;
            position: relative;
            clear: right;
            width: 992px;
            padding-bottom: 3px;
            font-size: 1.2em;
        }
        
        ul#nav-items, ul#nav-items ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        ul#nav-items {
            position: absolute;
            bottom: 0;
        }
        
*+HTML ul#nav-items
{
width: 1040px;
}
        ul#nav-items li {
            float: left;
        }
        
        ul#nav-items li ul {
            position: absolute;
            left: -999em;
            background-color: #000000;
            padding-top: 10px;
            height: 260px;
        }
        
        ul#nav-items li a.top {
            color: #000000;
            text-decoration: none;
            display: block;
            font-weight: bold;
            width: 155px;
            padding:0 0 2px 10px;
        }
        
        ul#nav-items ul li {
            float: none;
            padding-left: 10px;
        }
        
        ul#nav-items ul a
        {
            text-decoration: none;
            display: block;
            font-weight: bold;
            color: #FFFFFF;
            font-size: 0.85em;
            margin-top: 4px;
        }
        
        ul#nav-items a:hover 
        {
            color: #CC0000;
        }
        
        ul#nav-items li:hover ul, 
        #nav-items li.sfhover ul
        {
            left: auto;
        }
        
        
/* ---------------------------------------END: MAIN NAV WITH DROP DOWNS ----------------------*/

/* ------------------------------------------- Banner Space ----------- ----------------------*/

        #banner 
        {
            width: 100%;
            background-color: #000000;
            height: 270px;
        }
        #banner #images 
        {
            width: 990px;
        }
        #banner #images img{
            float: left;
            overflow: visible;
        }

/* ---------------------------------------END: Banner Space ----------- ----------------------*/

/* ------------------------------------------- Left Column Space -----------------------------*/
        #left-column
        {
            z-index: 1;
            position: relative;
            float: left;
            width: 328px;
            margin: 0 0 0 -327px;
            color: #00689A;
        }
        #left-column-padding
        {
            height: 1%;
            padding:0 1.0em;
        }
        #left-column p
        {
            margin: 0;
        }
        #left-column h1 {
            font-size: 1.8em;
            color: #CC0000;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 5px;
            /*padding-left: 10px;*/
        }
        #left-column-padding {
            padding-left: 10px;
            padding-bottom: 50px;
        }
        #left-column-padding ul {
            margin: 0;
            padding: 0;
        }
        #left-column-padding ul li {
            list-style-type: none;
        }
        #left-column-padding a {
            color: #000000;
            text-decoration: none;
            line-height: 1.6em;
        }
        #left-column-padding a:hover, #left-column-padding a.current-section {
            color: #CC0000;
        }        

/* ---------------------------------------END: Left Column Space -----------------------------*/

/* ----------------------------------------------------------------------------- Right Column */

        #right-column
        {
            z-index: 1;
            position: relative;
            float: right;
            color: #00689A;
        }


        #right-column-padding
        {
            height: 1%;
            padding: 1.0em;
        }
        
        #right-column p
        {
            margin: 0;
        font-size: 0.85em;
        color: #999999;
        }


/* ----------------------------------------------------------------------------- Right Column */                


/* ------------------------------------------------------------------------ Content Container */    
    

        #page-content
        {
            margin-right:0;
            padding-right:0;
        }

        /* IE WIN FIX FOR FLOAT PROBLEM \*/
        * html #page-content
        {
            position: relative;
            height: 1%;
            margin-right:0;
            padding-right:0;
            overflow:hidden;
        }
        /* End Hide from IE MAC */

        #content-container
        {
            width: 1010px;
            padding:  15px 0 0 0px;
        }
        
        /* IE WIN FIX FOR FLOAT PROBLEM \*/
        * html #content-container
        {
            position: relative;
        }
        /* End Hide from IE MAC */        
        
        #right-colour
        {
        }
        
        #middle-colour
        {
            margin: 0 0 0 328px;
        }
        
        /* IE WIN FIX FOR FLOAT PROBLEM \*/
        * html #middle-colour
        {
            position: relative;
            height: 1%;
        }
        /* End Hide from IE MAC */
        
        
/* ----------------------------------------------------------------------------------- Body Copy */
        
        #body-copy
        {
            padding: 0 0 1em 0;
            color: #333;
            margin:0 0 0 3px;
        }
        
        /* IE WIN FIX FOR FLOAT PROBLEM \*/
        * html #body-copy
        {
            position: relative;
            height: 1%;
            overflow: visible;
        }
        /* End Hide from IE MAC */
        
        
/*------------------------ ----------FOOTER -----------------------------------------------*/       

        #footer
        {
            clear:both;
            background: #ccc;
            padding: 10px 10px 30px 10px;
            margin:50px 0 0 0;
        }
        #footer span
        {
            font-size:1.4em;
            font-weight:bold;
            margin: 0 0 10px 0;
            width:100%;
        }
        #footer div a
        {
            color:#333333;
            font-weight:bold;
            text-decoration:none;
            margin: 0 10px 0 0;
        }
        
        #footer #footerRight
        {
            margin:0 0 0 320px;
        }
        #footer #footerRight table td
        {
            width:220px !important;
            valign:top !important;
            color:#666666;
            font-weight:bold;
        }
        
        #footer #LinksLeft
        {
            clear:both;
            float:left;
            width:300px;
        }
/*------------------------END: FOOTER -----------------------------------------------*/
/*------------------------Extra -----------------------------------------------*/
        #Icons img
        {
            margin: 0 0 0 5px;
        }
        
        
        .list-year {
            font-size: 0.85em;
            font-weight: bold;
            line-height:1.6em;
        }
        .list-title {
            font-size: 1.1em;
            font-weight: bold;
            line-height:1.6em;
        }
        .work {
        /*        overflow: hidden;*/
            margin-bottom: 10px;
        }
        .work img {
            float: left;
            margin-right: 20px;
            margin-top: 3px;
        }
        .work p {
            margin: 0;
        }
        .work a {
            text-decoration: none;
            color: #CC0000;
            font-size: 0.85em;
            font-weight: bold;
            line-height:1.6em;
        }
        
        .shop-item {
            margin-bottom: 1.5em;
        }