/*

 # 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;

	line-height: 1.5em;

	background: #000;

}



#jm-allpage {

	position: relative;

	background: #fff url('../images/bg.png');

}



#jm-allpage.nologodjmenu {

	padding-top: 25px;

}



/** jm-logo-djmenu **/



#jm-logo-djmenu {

	padding: 0 0 1px;

	border-bottom: 1px solid #000;

}



#jm-logo-djmenu.noheader {

	margin-bottom: 25px;

}



#jm-logo-djmenu-bg {

	background: #000;

	padding: 25px 0 47px;

}



#jm-logo-djmenu.noheader #jm-logo-djmenu-bg {

	padding: 25px 0;

}



#jm-logo-djmenu-in {

	margin: 0 auto;

	position: relative;

	padding: 0 25px;

}



#jm-logo-sitedesc {

	float: left;

	margin: -15px 0 -25px 0;

}



#jm-sitedesc {

    color: #fff;

}



#jm-djmenu {

	float: right;

	position: relative;

	z-index: 9999;

}



/** jm-header **/



#jm-header {

	margin: -24px auto 25px;

	padding: 0 25px;

	position: relative;

	z-index: 99;

}



#jm-allpage.nologodjmenu #jm-header {

	margin-top: 0;

}



#jm-header-in {

	background: #fff;

	padding: 2px;

	position: relative;

}



/** jm-breadcrumbs **/

	

#jm-breadcrumbs {

	padding: 0 25px;

	margin: 0 auto 25px;

}

	

#jm-pathway {

    float: left;

    width: 90%;

}



#jm-font-switcher{

    float: right;

    text-align: right;

    width: 10%

}



#jm-pathway-font-switcher.nofontsw #jm-pathway{

    width: 100%;

    float: none;

}



#jm-pathway-font-switcher.nobreadcrumbs #jm-font-switcher{

    width: 100%;

    float: none;

}



/** jm-top1 **/



#jm-top1 {

	margin: 0 auto;

	padding: 0 25px;

}



#jm-top1-in {

	margin-left: -25px;

}



/** jm-top2 **/



#jm-top2 {

	background: url('../images/top2-bg.png');

	padding: 25px 0 0;

	margin-bottom: 25px;

	border-top: 1px solid #e2e2e2;

	border-bottom: 1px solid #e2e2e2;

	position: relative;

	overflow: hidden;

}



#jm-top2-in {

	margin: 0 auto;

	padding: 0 25px;

	position: relative;

}



#jm-top2-space {

	margin-left: -25px;

}



/** jm-midpage **/



#jm-midpage {

	margin: 0 auto;

	padding: 0 25px;

}



/** jm-main **/

	

#jm-main {

	margin-left: -25px;

}



/* jm-left */



#jm-left {

	float: left;

}



#jm-left-in {

	padding-left: 25px;

}



/* jm-right */



#jm-right {

	float: left;

}



#jm-right-in {

	padding-left: 25px;

}



/* jm-content */



#jm-content {

	float: left;

}



#jm-content-in {

	padding-left: 25px;

}



/* jm-content-top & jm-content-bottom */



#jm-content-top1, 

#jm-content-top2, 

#jm-content-bottom1, 

#jm-content-bottom2 {

	margin-left: -25px;

}



/** jm-maincontent **/

	

#jm-maincontent {

	margin-bottom: 25px;

}



/** jm-footer **/



#jm-footer {

	background: #000;

	border-top: 5px solid #e8e8e8;

	padding: 25px 0;

	color: #727272;

}



#jm-footer-in {

	margin: 0 auto;

	padding: 0 25px;

}



#jm-bottom1, 

#jm-bottom2 {

	margin-left: -25px;

}



#jm-copyrights-poweredby-stylearea {

	border-top: 1px dotted #414141;

	position: relative;

	text-align: center;

}



#jm-copyrights-poweredby-stylearea-border {

	border-top: 1px dotted #414141;

	margin-top: 1px;

	padding-top: 25px;

}



#jm-copyrights-poweredby-stylearea:after, 

#jm-copyrights-poweredby-stylearea:before {

	content: " ";

	background: #000;

	width: 45%;

	height: 3px;

	position: absolute;

	top: -1px;

}



#jm-copyrights-poweredby-stylearea:after {

	left: -3px;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */

}



#jm-copyrights-poweredby-stylearea:before {

	right: -3px;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */

}



#jm-footer.nobottom2 #jm-footer-in {

	text-align: center;

}



#jm-copyrights {

	display: inline-block;

	border-right: 1px solid #2c2b2b;

	padding-right: 6px;

	margin-right: 6px;

	font-size: 0.8em;

	text-transform: uppercase;

	color: #494848;

}



#jm-poweredby {

	display: inline-block;

	font-size: 0.8em;

	text-transform: uppercase;

	color: #494848;

}



#jm-stylearea {

	font-size: 0;

	line-height: 0;

	margin-top: -12px;

	float: right;

	text-align: right;

	width: 100%;

}



#jm-back-top {

	position: fixed;

	bottom: 50px;

	right: 0;

	margin-right: 50px;

	z-index: 1000;

}



/** 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 {

	clear: both;

}



/* end clearing */



/** shadow **/



#jm-header-in:after, 

#jm-header-in:before, 

#jm-header-shadowbottom:after, 

#jm-header-shadowbottom:before {

	content: " ";

	position: absolute;

	z-index: -10;

}



#jm-top2-in:after, 

#jm-top2-in:before {

	content: " ";

	position: absolute;

}



.shadow:before, .shadow:after {

	top: 10px;

	width: 10%;

	height: 75%;

	max-height: 310px;

	opacity: 0.3;

	-moz-opacity: .3;

	-webkit-opacity: 0.3;

	filter: alpha(opacity="30");

}



.shadow:before {

	left: 14px;

	-webkit-box-shadow: -7px 0 10px #000;

	-moz-box-shadow: -7px 0 10px #000;

	-ms-box-shadow: -7px 0 10px #000;

	-o-box-shadow: -7px 0 10px #000;

	box-shadow: -7px 0 10px #000;

	-webkit-transform: rotate(-5deg);

	-moz-transform: rotate(-5deg);

	-ms-transform: rotate(-5deg);

	-o-transform: rotate(-5deg);

	transform: rotate(-5deg);

	behavior: url(ie/PIE.htc); /* PIE */

}



.shadow:after {

	right: 12px;

	-webkit-box-shadow: 7px 0 10px #000;

	-moz-box-shadow: 7px 0 10px #000;

	-ms-box-shadow: 7px 0 10px #000;

	-o-box-shadow: 7px 0 10px #000;

	box-shadow: 7px 0 10px #000;

	-webkit-transform: rotate(5deg);

	-moz-transform: rotate(5deg);

	-ms-transform: rotate(5deg);

	-o-transform: rotate(5deg);

	transform: rotate(5deg);

	behavior: url(ie/PIE.htc); /* PIE */

}



.shadowbottom:before, .shadowbottom:after {

	width: 50%;

	bottom: 12px;

	height: 20px;

	opacity: 0.3;

	-moz-opacity: .3;

	-webkit-opacity: 0.3;

	filter: alpha(opacity="30");

}



.shadowbottom:before {

	left: 5px;

	-webkit-transform: rotate(-3deg);

	-moz-transform: rotate(-3deg);

	-ms-transform: rotate(-3deg);

	-o-transform: rotate(-3deg);

	transform: rotate(-3deg);

	-webkit-box-shadow: 7px 6px 15px #333;

	-moz-box-shadow: 7px 6px 15px #333;

	-ms-box-shadow: 7px 6px 15px #333;

	-o-box-shadow: 7px 6px 15px #333;

	box-shadow: 7px 6px 15px #333;

	behavior: url(ie/PIE.htc); /* PIE */

}



.shadowbottom:after {

	right: 5px;

	-webkit-transform: rotate(3deg);

	-moz-transform: rotate(3deg);

	-ms-transform: rotate(3deg);

	-o-transform: rotate(3deg);

	transform: rotate(3deg);

	-webkit-box-shadow: -7px 6px 15px #333;

	-moz-box-shadow: -7px 6px 15px #333;

	-ms-box-shadow: -7px 6px 15px #333;

	-o-box-shadow: -7px 6px 15px #333;

	box-shadow: -7px 6px 15px #333;

	behavior: url(ie/PIE.htc); /* PIE */

}



.horizontal:before {

	top: -37px;

	left: 5%;

	width: 90%;

	height: 10px;

	-webkit-border-radius: 125px /12px;

	-moz-border-radius: 125px /12px;

	-ms-border-radius: 125px /12px;

	border-radius: 125px /12px;

	-webkit-box-shadow: 0 0 8px #999999;

	-moz-box-shadow: 0 0 8px #999999;

	-ms-box-shadow: 0 0 8px #999999;

	-o-box-shadow: 0 0 8px #999999;

	box-shadow: 0 0 8px #999999;

	behavior: url(ie/PIE.htc); /* PIE */

}



.horizontal:after {

	bottom: -12px;

	left: 5%;

	width: 90%;

	height: 10px;

	-webkit-border-radius: 125px /12px;

	-moz-border-radius: 125px /12px;

	-ms-border-radius: 125px /12px;

	border-radius: 125px /12px;

	-webkit-box-shadow: 0 0 8px #999999;

	-moz-box-shadow: 0 0 8px #999999;

	-ms-box-shadow: 0 0 8px #999999;

	-o-box-shadow: 0 0 8px #999999;

	box-shadow: 0 0 8px #999999;

	behavior: url(ie/PIE.htc); /* PIE */

}