/*==============================================================================
    Layout
===============================================================================*/

/* Wrapper */
#wrapper.boxed,
.inner-wrapper {
    width: 1220px
}


/*==============================================================================
    Responsive menu
===============================================================================*/
a.responsive-menu-btn {
    display: none !important
}

/*==============================================================================
    Top menu
===============================================================================*/
nav.top-menu {
    z-index: 13;
    text-transform: uppercase;
}
ul.top-menu {
    display: block !important;
    list-style: none;
    z-index: 10;
    padding: 0;
    margin: 0
}
nav.top-menu {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}
ul.top-menu > li {
    border-left: 1px solid #333;
    float: left;
}
.top-bar.light ul.top-menu > li {
    border-left: 1px solid #eee
}
ul.top-menu > li:last-child {
    border-right: 1px solid #333
}
.top-bar.light ul.top-menu > li:last-child {
    border-right: 1px solid #eee
}
ul.top-menu > li > a {
    color: #999;
    padding: 10px 8px;
    display: block;
    position: relative;
}
.top-bar.light ul.top-menu > li > a {
    color: #333
}
ul.top-menu a:hover {
    background-color: #292929;
    color: #fff
}
ul.top-menu > li:hover > a {
    color: #fff;
    background-color: #292929
}
.top-bar.light ul.top-menu > li:hover > a {
    color: #333;
    background-color: #f9f9f9
}
ul.top-menu ul.sub-menu > li:hover > a {
    background-color: #292929;
    color: #fff
}
.top-bar.light ul.top-menu ul.sub-menu > li:hover > a {
    color: #333;
    background-color: #f9f9f9
}

/* Submenu */
ul.top-menu ul.sub-menu {
    border: 1px solid #333;
    position: absolute;
    min-width: 200px;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
         -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
    visibility: hidden;
    background-color: #222
}
.top-bar.light ul.top-menu ul.sub-menu {
    border: 1px solid #eee;
    background-color: #fff
}
ul.top-menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    height: auto;
}
ul.top-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.top-menu ul li {
    float: none;
    position: relative
}
ul.top-menu ul.sub-menu ul {
    position: absolute;
    left: 100%;
    top: -1px
}
ul.top-menu ul.sub-menu li {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #333;
}
.top-bar.light ul.top-menu ul.sub-menu li {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
}
.top-bar.light ul.top-menu ul.sub-menu li {
    border-bottom: 1px solid #eee;
}
ul.top-menu ul.sub-menu li:last-child {
    border-bottom: none;
}
ul.top-menu ul.sub-menu li a {
    display: block;
    color: #999;
    padding: 5px 10px;
}

ul.main-menu {
    display: block !important
}


/*==============================================================================
    Header
===============================================================================*/

/* Logo */
#logo {
    width: 400px
}

/* Banner */
.ad-banner-728x90 {
    width: 728px
}

/*==============================================================================
    Grid columns
===============================================================================*/

/* Default */
.row .grid_1,
.row .grid_2,
.row .grid_3,
.row .grid_4,
.row .grid_5,
.row .grid_6,
.row .grid_7,
.row .grid_8,
.row .grid_9,
.row .grid_10,
.row .grid_11 {
    display: inline;
    float: left;
    margin: 0 20px 1em 0;}
.row .grid_1 {width: 80px}
.row .grid_2 {width: 180px}
.row .grid_3 {width: 280px}
.row .grid_4 {width: 380px}
.row .grid_5 {width: 480px}
.row .grid_6 {width: 580px}
.row .grid_7 {width: 680px}
.row .grid_8 {width: 780px}
.row .grid_9 {width: 880px}
.row .grid_10 {width: 980px}
.row .grid_11 {width: 1080px}
.row .grid_12 {width: 100%;display: inline-block; float: none; margin: 0 0 1em 0}

.row .grid_1:last-child,
.row .grid_2:last-child,
.row .grid_3:last-child,
.row .grid_4:last-child,
.row .grid_5:last-child,
.row .grid_6:last-child,
.row .grid_7:last-child,
.row .grid_8:last-child,
.row .grid_9:last-child,
.row .grid_10:last-child,
.row .grid_11:last-child {
    margin-right: 0 !important
}

/* With sidebar */
#main.left .grid_1, #main.right .grid_1,
#main.left .grid_2, #main.right .grid_2,
#main.left .grid_3, #main.right .grid_3,
#main.left .grid_4, #main.right .grid_4,
#main.left .grid_5, #main.right .grid_5,
#main.left .grid_6, #main.right .grid_6,
#main.left .grid_7, #main.right .grid_7,
#main.left .grid_8, #main.right .grid_8,
#main.left .grid_9, #main.right .grid_9,
#main.left .grid_10, #main.right .grid_10,
#main.left .grid_11, #main.right .grid_11 {
    margin: 0 16px 1em 0
}

#main.left .grid_1, #main.right .grid_1 {width: 57px}
#main.left .grid_2, #main.right .grid_2 {width: 130px}
#main.left .grid_3, #main.right .grid_3 {width: 203px}
#main.left .grid_4, #main.right .grid_4 {width: 276px}
#main.left .grid_5, #main.right .grid_5 {width: 349px}
#main.left .grid_6, #main.right .grid_6 {width: 422px}
#main.left .grid_7, #main.right .grid_7 {width: 495px}
#main.left .grid_8, #main.right .grid_8 {width: 568px}
#main.left .grid_9, #main.right .grid_9 {width: 641px}
#main.left .grid_10, #main.right .grid_10 {width: 714px}
#main.left .grid_11, #main.right .grid_11 {width: 787px}
#main.left .grid_12, #main.right .grid_12 {width: 100%;display: inline-block; float: none; margin: 0 0 1em 0}