﻿/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.2.1
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D), Guillermo Guerrero (gguerrero)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */

.kwicks {
    width: 700px;
    height: 318px;
    display: block;
    list-style-type: none;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0
}

    .kwicks > li {
        height: 318px;
        /* overridden by kwicks but good for when JavaScript is disabled */
        width: 500px;
        margin-left: 5px;
        float: left;
    }
    .kwicks > * {
        display: block;
        overflow: hidden;
        padding: 0;
        margin: 0
    }

    .kwicks.kwicks-processed > * {
        margin: 0;
        position: absolute
    }

.kwicks-horizontal > * {
    float: left
}

.kwicks-horizontal > :first-child {
    margin-left: 0
}

.kwicks-vertical > :first-child {
    margin-top: 0
}
.kwicks > li img {
    opacity: 0.5;
    max-width: none;
    filter: alpha(opacity=50);
}
    .kwicks > li img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

/*img {
    opacity: 0.5;
    filter: alpha(opacity=50);  For IE8 and earlier 
}

    img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);  For IE8 and earlier 
    }*/
.kwicks {
    /*width: 450px;
    height: 318px;
     recommended styles for kwicks ul container 
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;*/
    float: right;
}

/*.kwicks > li {
        height: 318px;
        padding: 10px;
         overridden by kwicks but good for when JavaScript is disabled 
        width: 125px;
        margin-left: 30px;
        float: left;
    }*/

/*#panel-1 {
    background-color: #FFFFFF;
}

#panel-2 {
    background-color: #FFFFFF;
}

#panel-3 {
    background-color: #FFFFFF;
}

#panel-4 {
    background-color: #FFFFFF;
}
#panel-5 {
    background-color: #FFFFFF;
}
#panel-6 {
    background-color: #FFFFFF;
}*/
.accord {
    padding: 18px;
    /*background: url("/images/Thumbs-Up-Team.jpg") 0 0 no-repeat;
    opacity: 0.5;*/
    width: 964px;
    height: 353px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #488ad1;
    text-align: left;
    margin: 0 auto;
}

.title {
    top: 200px;
    left: 25px;
    color: #FFFFFF;
    width: 200px;
    position: absolute;
    font: 2em Arial, Helvetica, sans-serif;
}