
/* START GLOBAL */





/* ONEMENU */
.onemenu
{
    position: relative;
}

.om-nav
{
    position: absolute;
    width: 100%;
    z-index: 999;
    display: none;
}

.om-ctrlbar
{
    width: 100%;
    height: 48px;
}

.om-ctrlitems
{
    margin: auto;
    padding: 0px;
    height: 48px;
    display: inline-block;
    text-align: center;
}

.om-ctrlitem
{
    height: 48px;
    width: 48px;
    display: none;
    cursor: pointer;
    float: left;
    opacity: 0.5;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important; /* For IE8 and earlier */
}

    .om-ctrlitem:hover
    {
        opacity: 0.8;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
        filter: alpha(opacity=80) !important; /* For IE8 and earlier */
    }

.om-activectrlitem
{
    opacity: 1 !important;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
}

.om-controlitems
{
    width: 960px;
    margin: auto;
}

.om-controlitem
{
    height: 48px;
    cursor: pointer;
}

.om-closenav
{
    float: left;
}

.om-movenext
{
    float: right;
}

.om-itemholder
{
    margin: auto;
    padding: 20px 0px;
}

@media screen and (max-width:960px)
{
    .om-closenav
    {
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
    }

    .om-movenext
    {
        position: absolute;
        z-index: 9999;
        right: 0;
        top: 0;
    }

    .om-controlitems
    {
        width: 100%;
    }

    .om-itemholder
    {
        width: 100%;
    }
}

.om-centerblock
{
    display: inline-block;
}

.om-item
{
    display: none;
}

.om-showitem
{
    margin: 5px;
    float: left;
    display: none;
}
/* END ONEMENU */




/* TILE BUTTONS */
.tile-bt-small
{
    text-align: center;
    cursor: pointer;
    width: 65px;
    height: 65px;
}

    .tile-bt-small a
    {
        display: block;
        padding-top: 12px;
        text-decoration: !important;
    }

    .tile-bt-small img
    {
        margin: 0 auto 0 auto;
        padding-bottom: 5px;
        height: 48px;
        width: 48px;
        position: relative;
        display: block;
    }

    .tile-bt-small span
    {
        font-size: 0.83em;
        padding-bottom: 10px;
        display: block;
    }

    .tile-bt-small:active
    {
        opacity: 0.5;
    }
/* Standar Buttons */
.tile-bt
{
    text-align: center;
    cursor: pointer;
    width: 90px;
    height: 90px;
}

    .tile-bt a
    {
        display: block;
        padding-top: 12px;
        text-decoration: !important;
    }

    .tile-bt img
    {
        margin: 0 auto 0 auto;
        padding-bottom: 5px;
        height: 48px;
        width: 48px;
        position: relative;
        display: block;
    }

    .tile-bt span
    {
        font-size: 0.83em;
        padding-bottom: 10px;
        display: block;
    }

    .tile-bt:active
    {
        opacity: 0.5;
    }
/* End Standard Buttons */



/* Large Buttons */
.tile-bt-large
{
    width: 190px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    cursor: pointer;
}

    .tile-bt-large a
    {
        display: block;
        text-decoration: !important;
    }

    .tile-bt-large img
    {
        vertical-align: middle;
        margin: auto;
        padding: 0px;
        position: relative;
        width: 48px;
        height: 48px;
    }

    .tile-bt-large span
    {
        vertical-align: middle;
        display: inline;
    }

    .tile-bt-large:active
    {
        opacity: 0.5;
    }
/* End Large Buttons */

/* Extralarge Buttons */
.tile-bt-extralarge
{
    text-align: center;
    cursor: pointer;
    width: 180px;
    height: 180px;
}

    .tile-bt-extralarge a
    {
        display: block;
        padding-top: 12px;
        text-decoration: !important;
    }

    .tile-bt-extralarge img
    {
        margin: 0 auto 0 auto;
        padding-bottom: 22px;
        height: 80px;
        width: 80px;
        position: relative;
        display: block;
    }

    .tile-bt-extralarge span
    {
        font-size: 0.83em;
        padding-bottom: 20px;
        display: block;
    }

    .tile-bt-extralarge:active
    {
        opacity: 0.5;
    }

/* End Extralarge Buttons */

.title-105
{
    text-align: center;
    width: 105px;
    height: 105px;
}

.title-105-2
{
    text-align: center;
    cursor: pointer;
    width: 105px;
    height: 105px;
}

    .title-105-2 a
    {
        display: block;
        padding-top: 10px;
        text-decoration: !important;
    }

    .title-105-2 img
    {
        margin: 0 auto 0 auto;
        padding-bottom: 22px;
        height: 80px;
        width: 80px;
        position: relative;
        display: block;
    }

    .title-105-2 span
    {
        font-size: 0.83em;
        padding-bottom: 20px;
        display: block;
    }

    .title-105-2:active
    {
        opacity: 0.5;
    }
/* END TILE BUTTONS */





/* MASONRY TRANSITION */
.masonry,
.masonry .masonry-brick
{
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.masonry
{
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .masonry .masonry-brick
    {
        -webkit-transition-property: left, right, top;
        -moz-transition-property: left, right, top;
        -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
        transition-property: left, right, top;
    }
/* END MASONRY TRANSITION */



/* SHADOW LIST */

.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red
{
    /*display:inline-block;*/
}

    .shadow-white:hover
    {
        box-shadow: 0px 0px 6px 3px #fff;
        -webkit-box-shadow: 0px 0px 6px 3px #fff;
        -moz-box-shadow: 0px 0px 6px 3px #fff;
        -o-box-shadow: 0px 0px 6px 3px #fff;
        -ms-box-shadow: 0px 0px 6px 3px #fff;
    }

    .shadow-blue:hover
    {
        box-shadow: 0px 0px 6px 3px #38D1F7;
        -webkit-box-shadow: 0px 0px 6px 3px #38D1F7;
        -moz-box-shadow: 0px 0px 6px 3px #38D1F7;
        -o-box-shadow: 0px 0px 6px 3px #38D1F7;
        -ms-box-shadow: 0px 0px 6px 3px #38D1F7;
    }

    .shadow-green:hover
    {
        box-shadow: 0px 0px 6px 3px #AACA37;
        -webkit-box-shadow: 0px 0px 6px 3px #AACA37;
        -moz-box-shadow: 0px 0px 6px 3px #AACA37;
        -o-box-shadow: 0px 0px 6px 3px #AACA37;
        -ms-box-shadow: 0px 0px 6px 3px #AACA37;
    }

    .shadow-red:hover
    {
        box-shadow: 0px 0px 6px 3px #E81750;
        -webkit-box-shadow: 0px 0px 6px 3px #E81750;
        -moz-box-shadow: 0px 0px 6px 3px #E81750;
        -o-box-shadow: 0px 0px 6px 3px #E81750;
        -ms-box-shadow: 0px 0px 6px 3px #E81750;
    }

    .shadow-black:hover
    {
        box-shadow: 0px 0px 6px 3px #444;
        -webkit-box-shadow: 0px 0px 6px 3px #444;
        -moz-box-shadow: 0px 0px 6px 3px #444;
        -o-box-shadow: 0px 0px 6px 3px #444;
        -ms-box-shadow: 0px 0px 6px 3px #444;
    }

.shadow-orange:hover
{
    box-shadow: 0px 0px 6px 3px #FB8F02;
    -webkit-box-shadow: 0px 0px 6px 3px #FB8F02;
    -moz-box-shadow: 0px 0px 6px 3px #FB8F02;
    -o-box-shadow: 0px 0px 6px 3px #FB8F02;
    -ms-box-shadow: 0px 0px 6px 3px #FB8F02;
}

.shadow-pink:hover
{
    box-shadow: 0px 0px 6px 3px #FF539B;
    -webkit-box-shadow: 0px 0px 6px 3px #FF539B;
    -moz-box-shadow: 0px 0px 6px 3px #FF539B;
    -o-box-shadow: 0px 0px 6px 3px #FF539B;
    -ms-box-shadow: 0px 0px 6px 3px #FF539B;
}

.shadow-purple:hover
{
    box-shadow: 0px 0px 6px 3px #D02090;
    -webkit-box-shadow: 0px 0px 6px 3px #D02090;
    -moz-box-shadow: 0px 0px 6px 3px #D02090;
    -o-box-shadow: 0px 0px 6px 3px #D02090;
    -ms-box-shadow: 0px 0px 6px 3px #D02090;
}

.shadow-orange-3:hover
{
    box-shadow: 0px 0px 6px 3px #DD5F37;
    -webkit-box-shadow: 0px 0px 6px 3px #DD5F37;
    -moz-box-shadow: 0px 0px 6px 3px #DD5F37;
    -o-box-shadow: 0px 0px 6px 3px #DD5F37;
    -ms-box-shadow: 0px 0px 6px 3px #DD5F37;
}

.shadow-olive:hover
{
    box-shadow: 0px 0px 6px 3px #999900;
    -webkit-box-shadow: 0px 0px 6px 3px #999900;
    -moz-box-shadow: 0px 0px 6px 3px #999900;
    -o-box-shadow: 0px 0px 6px 3px #999900;
    -ms-box-shadow: 0px 0px 6px 3px #999900;
}

.shadow-solid-yellow:hover
{
    box-shadow: 0px 0px 6px 3px #F7D100;
    -webkit-box-shadow: 0px 0px 6px 3px #F7D100;
    -moz-box-shadow: 0px 0px 6px 3px #F7D100;
    -o-box-shadow: 0px 0px 6px 3px #F7D100;
    -ms-box-shadow: 0px 0px 6px 3px #F7D100;
}
/* END SHADOW LIST */




/* BACKGROUND LIST */

/* Solid Colors */
.solid-blue
{
    background: #00BBE2;
}

.solid-blue-2
{
    background: #2C84EE;
}

.solid-darkblue
{
    background: #044E94;
}

.solid-violetred
{
    background: #781766;
}

.solid-red
{
    background: #E51400;
}

.solid-red-2
{
    background: #E81750;
}

.solid-pink
{
    background: #FF539B;
}

.solid-purple
{
    background: #D02090;
}

.solid-orange
{
    background: #FB8F02;
}

.solid-orange-2
{
    background: #FF6600;
}

.solid-orange-3
{
    background: #DD5F37;
}

.solid-coral
{
    background: #CD5B45;
}

.solid-green
{
    background: #67B239;
}

.solid-green-2
{
    background: #96BF01;
}

.solid-darkgreen
{
    background: #016C38;
}

.solid-olive
{
    background: #999900;
}

.solid-grass
{
    background: #CDCD00;
}

.solid-darkred
{
    background: #5F0000;
}

.solid-gold
{
    background: #FEE9AE;
}

.solid-yellow
{
    background: #F7D100;
}

.solid-black
{
    background: #000;
}

.solid-smoke
{
    background: #F5F5F5;
}
/* End Solid Colors */

/* Transparent Colors */
.transparent-deepsea
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564)"; /* For IE 8*/
    background: rgba(0,53,100,0.2); /* Modern browser */
}

.transparent-smoke
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5)"; /* For IE 8*/
    background: rgba(245,245,245,0.2); /* Modern browser */
}

.transparent-grass
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00)"; /* For IE 8*/
    background: rgba(205,250,0,0.2); /* Modern browser */
}

.transparent-black
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; /* For IE 8*/
    background: rgba(0,0,0,0.2); /* Modern browser */
}

.transparent-red
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000)"; /* For IE 8*/
    background: rgba(255,0,0,0.2); /* Modern browser */
}

.transparent-violetred
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090)"; /* For IE 8*/
    background: rgba(208,32,144,0.2); /* Modern browser */
}

.transparent-green
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239)"; /* For IE 8*/
    background: rgba(103,178,57,0.2); /* Modern browser */
}

.transparent-yellow
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00)"; /* For IE 8*/
    background: rgba(255,255,0,0.2); /* Modern browser */
}

.transparent-orange
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02)"; /* For IE 8*/
    background: rgba(251,143,2,0.2); /* Modern browser */
}

.transparent-coral
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45)"; /* For IE 8*/
    background: rgba(205,91,69,0.2); /* Modern browser */
}

.transparent-wheat
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE)"; /* For IE 8*/
    background: rgba(238,216,174,0.2); /* Modern browser */
}

.transparent-redwine
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000)"; /* For IE 8*/
    background: rgba(139,0,0,0.2); /* Modern browser */
}
/* End Transparent Colors */

/* Background Images */
.img-wood
{
    background: #FB8F02 url(../images/bg/wood_pattern.jpg) repeat;
}

.img-purtywood
{
    background: #FB8F02 url(../images/bg/purty_wood.jpg) repeat;
}

.img-woodtexture
{
    background: #FB8F02 url(../images/bg/wood_texture.jpg) repeat;
}

.img-darkwood
{
    background: #000 url(../images/bg/dark_wood.jpg) repeat;
}

.img-retinawood
{
    background: #FB8F02 url(../images/bg/retina_wood.png) repeat;
}

.img-nastyfabric
{
    background: #999 url(../images/bg/nasty_fabric.png) repeat;
}

.img-wildoliva
{
    background: #555 url(../images/bg/wild_oliva.png) repeat;
}

.img-darkbrick
{
    background: #555 url(../images/bg/dark_brick_wall.png) repeat;
}
/* End Background Images */

/* END BACKGROUND LIST */






/* MISC */
.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.none
{
    display: none !important;
    width: 0px !important;
}

.light-text
{
    color: #fff;
}

.dark-text
{
    color: #1e1e1e;
}

.gradient
{
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}

.margin-5
{
    margin: 5px;
}
