.main_image {
            width: 511px;
            height: 250px;
            float: right;
            background:#464646;
            position: relative;
            overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
            color: #fff;
        }
        .main_image h2 {
            font-size: 2em;
            text-align:left;
            font-weight: normal;
            margin: 0 0 -15px;
            padding: 5px;
            line-height:1em;
        }
        .main_image p {
            font-size: 1.2em;
            line-height: 1.2em;
            padding-bottom: 5px;
            padding-top: 10px;
            text-align:left;
            margin: 0 0 0 7px;
        }
        .block small { /*--We'll be using this same style on our thumbnail list--*/
           padding: 0 0 0 20px;
        }
        .main_image .block small {margin-left: 10px;}
        .main_image .desc{
            position: absolute;
            bottom: 0;
            left: 0; /*--Stick the desc class to the bottom of our main image container--*/
            width: 100%;
            display: none; /*--Hide description by default, if js is enabled, we will show this--*/
        }
        .main_image .block{
            width: 100%;
            background: #111;
            border-top: 0px solid #000;
        }
        .main_image a.collapse { /*--This is our hide/show tab--*/
            background: url(btn_collapse.gif) no-repeat left top;
            height: 27px;
            width: 93px;
            text-indent: -99999px;
            position: absolute;
            top: -27px;
            right: 20px;
        }
        .main_image a.show {background-position: left bottom;}
        
        .image_thumb 
        {
            border: 0px solid #ccc;
            color: white;
            float: left;
            width: 187px;
            
           
        }
        .image_thumb img {
            border: 0px solid #ccc;
            padding: 0px;
            background: black;
            float: left;
        }
        .image_thumb ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .image_thumb ul li{
            margin-top: -15px;
            padding: 0px 0px;
            
            width: 187px;
            float: left;
            border: 0px solid white;
            margin-top:3px;
            text-align:right;
            display:block;
            background: black;
            /* border-left:1px solid lightgrey;
            border-top:1px solid lightgrey;
            border-right:1px solid darkgray;
            border-bottom:1px solid darkgray;*/
             background: url(Layout/Images/ContentHeaderItem.png) no-repeat center center; 
        }
        .image_thumb ul li.hover { /*--Hover State--*/
            /* background: #fff; 
            color:Black;
            cursor:default;*/
            border: 0px solid blue;
            background: url(Layout/Images/ContentHeaderItem_on.png) no-repeat center center; 
        }
        .image_thumb ul li.active { /*--Active State--*/
            background: url(Layout/Images/ContentHeaderItem_on.png) no-repeat center center; 
            cursor: default;
            color:white;
            
        }
        html .image_thumb ul li h2 {
            font-size: 1.5em;
            margin-top:13px;
            padding-top: 0px;
            border:0px solid white;
        }
        .image_thumb ul li .block {
            float: left;
            margin-top: 0px;
            padding: 0;
            width: 170px;
            height:45px;
            border:0px solid white;
        }
        .image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/