/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********************** LAYOUT STYLES ***********************/

body {
    margin: 0;
    padding: 0;
    background: #faf5eb;
	line-height: 1.5em;
}

#jm-allpage {
    position: relative;
}

#jm-left .jm-left-in,
#jm-content .jm-content-in,
#jm-mobile-content .jm-content-in,
#jm-right .jm-right-in,
#jm-pathway-font-switcher {
    padding-left: 30px;
}

#jm-bottom, #jm-main,
#jm-content-top1,
#jm-content-bottom2,
#jm-mod-top-space {
    margin-left: -30px;
}

#jm-maincontent {
    margin-bottom: 30px;
}

/** jm-djmenu **/

#jm-top {
    background-color: rgba(35, 35, 35, 0.9);
    box-shadow: 0 0 0 5px rgba(32, 32, 32, 0.1);
    -moz-box-shadow: 0 0 0 5px rgba(32, 32, 32, 0.1);
    -webkit-box-shadow: 0 0 0 5px rgba(32, 32, 32, 0.1);
    position:relative;
    z-index: 999999;
}

#jm-top.noheader {
    margin-bottom: 160px;
}

#jm-top.noheader.notop {
 	margin-bottom: 130px;
}

#jm-top-in, #jm-header-in, #jm-mod-top-in, #jm-bottompage-in, #jm-mainpage-in, #jm-footer-in {
    padding: 0 27px;
    margin: 0 auto;
}

#jm-mod-top-in {
    padding-top: 30px;
}

#jm-toppage-left {
    position:relative;
    z-index: 1;
}

#jm-toppage-right {
    float: right;
	position:relative;
	bottom: -5px;
}

#jm-header {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 5px solid #e4e0d7;
}

#jm-header-in {
    position: relative;
}

#jm-header-bg {}

#jm-header-space {
    position: relative;
}

#jm-header-in, #jm-header-space {
    height: 100%;
}

#jm-slogan {
    position: absolute;
    right: 0;
    top: 150px;
    z-index: 999;
}

#jm-mod-top-position {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 998
}

.noheader #jm-mod-top-position {
    position: relative;
}

#jm-mod-top {
    background-image: url('../images/jm-bg-top-mod.png');
    background-color: rgba(35, 35, 35, 0.9);
    box-shadow: 0px -5px 0px 0px rgba(32, 32, 32, 0.1);
    -moz-box-shadow: 0px -5px 0px 0px rgba(32, 32, 32, 0.1);
    -webkit-box-shadow: 0px -5px 0px 0px rgba(32, 32, 32, 0.1);
}

/** jm-logo-sitedesc **/

#jm-logo-sitedesc {
    background: #f8f7f3;
    border: 2px solid #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 20px rgba(250, 223, 195, 0.4) inset;
    -moz-box-shadow: 0 0 20px rgba(250, 223, 195, 0.4) inset;
    box-shadow: 0 0 20px rgba(248, 216, 181, 0.4) inset;
}

#jm-logo-sitedesc:before,
#jm-logo-sitedesc:after {
    content: "";
    position: absolute;
    z-index: -2;
}

#jm-logo-sitedesc:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.8);
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;
    -webkit-border-radius: 10px / 100px;
}

#jm-logo-sitedesc:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    -webkit-border-radius: 100px / 10px;
}

#jm-logo {
    background: #FAF9F6;
    box-shadow: 0px 0px 21px 17px #FAF9F6;
    -moz-box-shadow: 0px 0px 21px 17px #FAF9F6;
    -webkit-box-shadow: 0px 0px 21px 17px #FAF9F6;
}

#jm-logo-pattern {
    background: url('../images/jm-bg-strips-pattern.png');
    padding: 20px 25px;
    overflow: hidden;
}

/** sidebar **/
#jm-left,
#jm-right {
    float: left;
}

#jm-main.scheme_3 #jm-content,
#jm-main.scheme_2 #jm-content {
    float: left;
}

#jm-pathway-font-switcher {
    padding-bottom: 20px;
}

#jm-pathway {
    float: left;
    width: 85%;
}

.nofontsw #jm-pathway {
    width: 100%;
}

#jm-font-switcher {
    float: right;
    width: 15%;
    text-align: right;
}

/** bottompage **/

#jm-footer {
    padding: 20px 0;
    background: #1c1b1a;
    color: #4f4c47;
    border-top: 5px solid #e4e0d7
}

#jm-back-top {
    position: fixed;
    bottom: 50px;
    right: 0;
    margin-right: 20px;
    z-index: 1005;
}

#jm-footer-left {
	float: left;
}

#jm-copyrights {
	float: left;
	border-right: 1px solid #4f4c47;
	padding-right: 10px;
	margin-right: 10px;
}

#jm-poweredby {
	float: left;
}

#jm-stylearea {
	clear: both;
    padding-top: 10px;
}

#jm-social {
	float: right;
}

/** mobile **/

.ismobile #jm-middle-top {
	margin-left: -30px;
}

.ismobile #jm-main.scheme_1 #jm-content {
	width: 100% !important;
}

/** isfluid **/

.isfluid #jm-top-in, 
.isfluid #jm-header-in, 
.isfluid #jm-bottompage-in, 
.isfluid #jm-mainpage-in, 
.isfluid #jm-footer-in {
    padding: 0;
    margin: 0;
}

.isfluid #jm-mod-top-in {
    padding-left: 0;
    padding-right: 0;
}

.isfluid #jm-top-space, 
.isfluid #jm-header-space, 
.isfluid #jm-mod-top-space,
.isfluid #jm-bottompage-space, .isfluid #jm-mainpage-space, .isfluid #jm-footer-space,
.isfluid #jm-main {
    padding: 0 30px;
}

/** clearing **/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    min-width: 0;
    display: inline-block; /* \*/
    display: block;
}

/* trigger hasLayout for IE7. Hide from IE Mac */
* html .clearfix {
    height: 1%;
}

/* Hide from IE Mac */

.clr, .clear, .jm-clear {
    clear: both;
}

/* end clearing */