/* Computer */
.grid_1
{
    width: 6.5%;
}

.grid_2
{
    width: 15%;
}

.grid_3
{
    width: 23.5%;
}

.grid_4
{
    width: 32%;
}

.grid_5
{
    width: 40.5%;
}

.grid_6
{
    width: 49%;
}

.grid_7
{
    width: 57.5%;
}

.grid_8
{
    width: 66%;
}

.grid_9
{
    width: 74.5%;
}

.grid_10
{
    width: 83%;
}

.grid_11
{
    width: 91.5%;
}

.grid_12
{
    width: 100%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
    margin: 0 2% 1% 0;
    float: left;
    display: block;
}

.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}

.container
{
    width: 90%; /*width: 1000px;*/
    max-width: 1000px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.18);
    background: url("../themeImages/contentBackground.png") repeat left top transparent;
}



.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .clearfix, *:first-child + html .clearfix
{
    zoom: 1;
}




/* Mobile */
@media screen and (max-width : 1024px)
{

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12
    {
        width: 100%;
    }
}