/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */


/**************Global Structure*****************/
.wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.extra-wrap {
    overflow: hidden;
    display: block;
}


/* #Base 960 Grid
================================================== */

.container_24 {
    position: relative;
    width: 930px;
    margin: 0 auto;
    padding: 0;
}

.grid_1,
.grid_2,
.grid_3 {
    float: left;
    display: inline;
}

/* Nested Column Classes */
.container_24 .alpha {
    margin-left: 0 !important;
}

.container_24 .omega {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

/* Base Grid */
.container_24 .grid_1 {
    width: 930px;
}

.container_24 .grid_2 {
    width: 240px;
}

.container_24 .grid_3 {
    width: 930px;
}

.container_24 .grid_4 {
    width: 247px;
    margin-right: 19px
}

.container_24 .grid_5 {
    width: 657px;
}

/* Prefix Extra Space >> 24 Columns */
.container_24 .prefix_1 {
    padding-left: 47px;
}

/* Suffix Extra Space >> 24 Columns */
.container_24 .suffix_1 {
    padding-right: 0;
}

/* Prefixb Extra Space >> 24 Columns */
.container_24 .prefixb_1 {
    padding-bottom: 40px;
}

.container_24 .grid_25 {
    width: 270px;
}

.container_24 .padd-bott {
    padding-bottom: 35px;
}

/* Prefix Extra Space >> 25 Columns */

.container_24 .grid_26 {
    width: 270px;
}

/* Prefix Extra Space >> 26 Columns */

/*twin columns*/
.dcol-6 {
    float: left;
    margin-right: 10px;
}


@media only screen and (max-width: 995px) {
    .container_24 {
        width: 768px;
    }

    .container_24 .grid_1,
    .container_24 .grid_3 {
        width: 768px;
    }

    .container_24 .grid_2 {
        width: 180px;
    }

    .container_24 .grid_5 {
        width: 475px;
    }
}

@media only screen and (max-width: 767px) {

    .container_24 {
        width: 480px;
    }

    .container_24 .grid_1,
    .container_24 .grid_3 {
        width: 480px;
    }

    .container_24 .grid_4 {
        width: 480px;
    }

    .container_24 .grid_5 {
        width: 460px;
    }

    .container_24 .grid_2 {
        width: 205px;
        padding-top: 40px;
        padding-left: 35px;
    }

    .container_24 .prefix_1 {
        padding-left: 15px;
    }

    .container_24 .padd-bott {
        padding-bottom: 15px;
    }

    .container_24 .clear {
        display: none;
    }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
    .container_24 {
        width: 320px;
    }

    .container_24 .grid_1,
    .container_24 .grid_3,
    .container_24 .grid_4,
    .container_24 .grid_5 {
        width: 320px;
    }

    .container_24 .grid_2 {
        width: 320px;
        padding-top: 40px;
        padding-left: 35px;
    }

    .container_24 .grid_25 {
        width: 300px;
        float: none;
    }

    .container_24 .prefix_1 {
        padding: 0 10px;
    }

    /*twin columns*/
    .dcol-6 {
        width: 300px;
        margin-right: 0;
        margin-bottom: 0;
    }

    /*styles*/
    .hide-mp {
        display: none !important;
    }

    .img-indent-none-mp {
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .clear-mp {
        display: block;
        clear: both;
        padding-top: 20px;
    }

    .extra-wrap-none-mp {
        overflow: visible !important;
    }

    .container_24 .clear {
        display: none;
    }
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container_24:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.tbo-row:before,
.tbo-row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tbo-row:after, .clearfix:after {
    clear: both;
}

.tbo-row, .clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}