/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);

/* Spacing----------------------------------------------------------------------------------------------------*/

html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.module,
#header,
#breadcrumbs,
#content,
#footer {}

#footer .module {
    margin: 0;
}

#logo,
#logo > img,
#menu {
    float: left;
}

#search {
    float: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.header-text{
    width: 500px;
}

.header-para{
    font: italic 12px Georgia, serif;
    width: 100%;
    text-align: right;
    width: 480px;
    color: #fff;
}
/* Layout----------------------------------------------------------------------------------------------------*/

html,
body {
    background: #282828;
    margin: 0;
    padding: 0;
}

#block-toolbar {
    background-color: #000000;
    height: 50px;
}


/* ----- TOP BLACK BAR ----- */

#toolbar {
    padding: 12px 0;
}

div#block-toolbar div.wrapper div#toolbar div.float-left p {
    font: italic 12px Georgia, serif;
    color: #bfbfbf;
}

div#block-toolbar div.wrapper div#toolbar div.float-right div.topmenu li a {
    font: bold 12px 'Century Gothic', futura, arial;
    color: #fff;
    text-transform: uppercase;
}

div#block-toolbar div.wrapper div#toolbar div.float-right div.topmenu li a:hover {
    color: #ccc;
}

#search {
    margin-left: 10px;
}


/* ----- LOGO BAR HEADER ----- */

#block-header {}

#header {}

div#block-header {
    height: 155px;
}

div#block-header div.wrapper {
    background: none repeat scroll 0 0 #fff;
    height: 125px;
    margin: 30px auto 0 auto;
    overflow: hidden;
    width: 1000px;
}

#logo {
    margin: 20px 0 0 30px;
}

#headerbar {}

#headerbar .module {
    float: right;
    margin: 13px 30px 0 0;
}

.phone {
    text-align: right;
    font-family: 'Century Gothic', futura, arial;
    font-size: 14px;
    color: #999;
    margin: 0 0 8px 0;
    padding: 0;
}

.phone strong,
.phone a,
.phone b {
    font-size: 19px;
    color: #c13437;
}

.address {
    text-align: right;
    font-family: Georgia;
    font-size: 12px;
    line-height: 20px;
    font-style: italic;
    color: #999;
    margin: 0;
    padding: 0;
}

.address strong,
.address b {
    color: #c13437;
}

#menu {
    position: absolute;
    right: -10px;
    bottom: -17px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}


/* ----- BANNER AREA ----- */

#block-top-a {}

div#block-top-a {
    background: url("/images/studio303/bg.png") no-repeat scroll center center;
    height: 401px;
}

div#block-top-a div.wrapper {
    border-top: 3px solid #d17c7f;
}


/* ----- TABS AREA ----- */

.gkTabsWrap.vertical ol li,
.gkTabsWrap.horizontal ol li {
    background: none repeat scroll 0 0 #B40910 !important;
    border-left: 1px solid #c54a4f !important;
    color: #FFFFFF !important;
}

.gkTabsWrap.vertical ol li.gkTabs-1,
.gkTabsWrap.horizontal ol li.gkTabs-1 {
    border: none !important;
}

.gkTabsItem h2 {
    color: #B40910;
    font: italic 33px 'Century Gothic', futura, arial, sans-serif;
    text-decoration: uppercase;
    padding: 0 !important;
    margin: 0 !important;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.gkTabsItem h2 a,
.gkTabsItem h2 a:visited {
    color: #B40910;
    text-decoration: none;
}

.gkTabsItem p {
    color: #777;
    font: italic 15px/21px Georgia;
}

.gkTabsItem a,
.gkTabsItem a:visited {
    color: #B40910;
    text-decoration: underline;
}

.gkTabsItem a:hover {
    text-decoration: none;
}

.gkTabsItem img {
    border: 0;
}


/* ----- MAIN CONTENT AREA ----- */

#block-main {
    padding: 0px 0 15px 0;
    margin-top: -40px;
}


/* ----- TOP FOOTER AREA ----- */

div#block-main div.wrapper section#bottom-a {
    background: #282828;
    padding-top: 20px;
}

section#bottom-a h3 {
    font: bold italic 11px 'Century Gothic', futura, arial, sans-serif;
    text-transform: uppercase;
    color: #ccc;
    border-bottom: 1px dotted #646464 !important;
    background: none !important;
    letter-spacing: 4px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

section#bottom-a p,
section#bottom-a li {
    font: 12px/20px Arial, helvetica, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    color: #ccc;
    margin: 0 0 4px 0;
    padding: 0;
}

div#block-main div.wrapper section#bottom-a a {
    color: #ccc;
    text-decoration: none;
    padding: 0 !important;
}

div#block-main div.wrapper section#bottom-a li span {
    padding: 0 !important;
}


/* BOX 1: PRODUCTS */

div.footerproducts {
    width: 267px;
}

div.footerproducts table td {
    padding: 9px;
}


/* BOX 2: ABOUT US */

div.footeraboutus {
    width: 123px;
    left: 20px;
    padding-left: 18px;
}

div.footeraboutus ul {
    padding-top: 8px;
}

div.footeraboutus ul li {
    border-top: none !important;
}


/* BOX 3: TESTIMONIAL FADER */

div.testimonialfader {
    width: 570px;
    left: -69px;
    height: 175px !important;
}

#fader-95 #fquote-95 {
    width: 560px;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#fader-95 #fquote-95 ul,
#fader-95 #fquote-95 li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

#ftestimonial95 span {
    background: none !important;
}

#fquote-95 ul li p {
    font: italic 14px/25px Georgia, Serif !important;
    text-transform: none !important;
    padding-top: 8px;
}

#fquote-95 ul li span{
    font: italic 13px/25px Georgia, Serif !important;
}


/* ----- TOP FOOTER AREA ----- */

#block-bottom {
    margin: 20px 0;
}

#block-bottom div.wrapper {
    border-top: 1px dotted #616161;
    border-bottom: 1px dotted #616161;
    padding: 13px;
}

#block-bottom p {
    font: 10px Arial, helvetica, sans-serif;
    color: #ccc;
}

#block-bottom a {
    color: #ccc;
    text-decoration: none;
}

#block-bottom a:hover {
    text-decoration: underline;
}

#block-bottom span {
    float: right;
}

#block-footer {}

#totop-scroller {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url(../images/totop_scroller.png) 0 0 no-repeat;
    text-decoration: none;
}

#totop-scroller:hover {
    background-position: 0 -20px;
}


/* ################ STUDIO303 CUSTOM STYLING */

div#maininner section#innertop div.tabmenus {
    margin-top: -70px;
}

section#innerbottom {
    /*background: #ebebeb;  for non-css3 browsers */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#fdfdfd');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fdfdfd));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #e5e5e5, #fdfdfd);
    /* for firefox 3.6+ */
    height: 40px;
    margin-top: -5px;
}

section#innerbottom p {
    font-family: arial;
    font-size: 11px;
    color: #777;
    margin-top: -5px;
    padding-left: 15px;
}

section#innerbottom p img {
    padding-top: 10px;
}

.width33 {
    width: 25%;
}

#block-main div.wrapper {
    background-color: #fff;
}

div.maxiroundedcenter ul li a span {
    font: bold 12px 'Century Gothic', futura, arial;
    color: #fff;
    text-transform: uppercase;
}

div.maxiroundedcenter ul li.level1 {
    background: url("../images/menu_line_item.png") no-repeat scroll 0 50% transparent;
    padding-left: 8px;
}

div#maximenuck {
    width: 438px;
}

div#maximenuck ul li.level1 {
    padding-right: 10px;
    padding-left: 10px;
}

div#maximenuck ul.maximenuck li.level1.parent > a,
div#maximenuck ul.maximenuck li.level1.parent > span.separator {
    background: none !important;
    padding-right: 0px !important;
}

div.maxiroundedcenter ul li.item112 {
    background: none !important;
}

div.maxiroundedcenter ul li.level2 a span {
    line-height: 20px;
}

div.maxiroundedcenter ul li.level2 {
    background-color: #000000;
    padding: 5px !important;
}

div.maxiroundedcenter ul li.item157 a span {
    padding-top: 10px;
}

div.maxiroundedcenter ul li.item154 a span {
    padding-top: 10px;
}

div#block-toolbar div.wrapper div#toolbar div.float-right div.topmenu li a:hover {
    color: #ccc;
}

div#rev_slider_1_1_wrapper {
    background-color: none !important;
    padding: 0px !important;
}

ol.gkTabsNav li.gkTabs-1,
ol.gkTabsNav li.gkTabs-2,
ol.gkTabsNav li.gkTabs-3,
ol.gkTabsNav li.gkTabs-4,
ol.gkTabsNav li.gkTabs-5,
ol.gkTabsNav li.gkTabs-6,
ol.gkTabsNav li.gkTabs-7,
ol.gkTabsNav li.gkTabs-8 {
    display: none;
}

section#top-menu .menu-sidebar li.level1 {
    border-top: none !important;
}

section#top-menu {
    background-color: #B40910;
    height: 40px;
    width: 1000px !important;
}

section#top-menu div.module {
    height: 41px;
    background-color: #B40910;
    width: 1000px !important;
}

#top-menu .menu-sidebar li.level1 {
    border-right: 3px solid #FFFFFF;
    float: left;
    height: 29px;
    padding: 6px 16px;
    text-align: center;
    background-color: #B40910;
}

#top-menu .menu-sidebar li.item125 {
    width: 66px;
    padding: 6px 20px !important;
}

#top-menu ul.menu {
    width: 1000px !important;
}

#top-menu .menu-sidebar li:last-child {
    border-right: none !important;
}

#top-menu .menu-sidebar a,
.menu-sidebar li > span {
    color: #fff !important;
    font: bold 12px 'Century Gothic', futura, arial, helvetica, sans-serif;
}

section#innertop .gkTabsWrap.vertical ol {
    height: 0px !important;
}

#maininner #innertop .grid-box .deepest {
    height: 230px !important;
}


/*////////////Added by MP 2015-11-18////////////*/

div#block-top-a {
    background: url("../images/bg.png") no-repeat scroll center center;
    height: 401px;
}

div#block-top-a .wrapper {
    border-top: 3px solid #d17c7f;
}

div#maximenuck ul.maximenuck {
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none;
    margin: 0 auto;
    zoom: 1;
    padding: 0;
}

div#maximenuck ul.maximenuck li.level1.parent > a:after,
div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {
    top: 0px;
    position: static;
}

.gkTabsWrap.vertical ol {
    min-height: 0;
    border-bottom: 0;
}

.gkTabsItem {
    padding: 0;
}

#bottom-a .width33{
    width: 25% !important;
}


#innerbottom .width100, #innerbottom .grid-box{
    width: 100% !important;
}