/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/

/* Master Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 15px;
	line-height:1.7em
	/*vertical-align: baseline;*/
	background: transparent;
	margin: 0;
	padding: 0
}
body {
	line-height: 1.7em
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/* Core */
body {
	color: #525253;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.7em
}
.sp-wrap {
	margin-left: auto;
	margin-right: auto
}
.sp-block {
	float: left;
	display: inline
}
.mod-block {
	padding: 10px
}
.sp-inner {
	padding-left: 10px;
	padding-right: 10px;
	/* padding-top: 5px; */
}
.sp-block .first {
	margin-left: -10px
}
.sp-block .last {
	margin-right: -10px
}
.sp-block .single {
	margin-left: -10px;
	margin-right: -10px
}
.gap {
	clear: both;
	margin-bottom: 10px
}
.sp-relative {
	position: relative
}
/*Header Area*/
#header {
}
a#logo, #logo-text {
	float: left;
	margin: 0 10px
}
a#logo {
	background: url(../images/logo.png) no-repeat 0 50%
}
#logo-text h1 {
	font-size: 200%;
	font-weight: bold;
	text-transform: uppercase;
	border: 0!important;
	margin: 10px 0 0!important;
	padding: 0!important
}
#logo-text h1 a {
}
#logo-text p.site-slogan {
	margin: 0;
	padding: 0;
	color: #999
}
.header_b {
	position: relative;
	z-index: 49
}
/*Login and Registration*/
#sp-overlay {
	width: 100%;
	background: rgba(0,0,0,.8);
	float: left;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	height: 100%
}
#members-area {
	float: right;
	line-height: 30px;
	height: 30px;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 10px;
	padding: 0;
	border-top: 0!important
}
#members-area a {
	float: right;
	display: block;
	padding: 0 10px 0 25px
}
#members-area a:first-child {
	padding: 0 25px 0 10px;
}
#members-area a.login-link.show {
	color: #fff
}
#sp-login {
	max-width: 600px;
	border: 1px solid #111;
	background: rgba(0,0,0,.8) url(../images/login_bg.png) no-repeat 100% 100%;
	position: relative;
	z-index: 9999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 150px auto 0;
	padding: 30px
}
#sp-login input#modlgn-username, #sp-login input#modlgn_username, #sp-login input#modlgn-passwd, #sp-login input#modlgn_passwd {
	margin-top: 10px;
	padding: 10px;
	width: 95%;
	background: #000;
	border: 1px solid #111;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#sp-login input#modlgn-username:hover, #sp-login input#modlgn_username:hover, #sp-login input#modlgn-passwd:hover, #sp-login input#modlgn_passwd:hover {
	background: #050505;
	border: 1px solid #151515;
}
#sp-login div.k2LoginBlock fieldset.input p {
	margin-top: 20px;
	float: none!important
}
#sp-login .mod-wrapper-flat h3.header {
	font-size: 36px;
	line-height: 36px;
	padding: 0;
	margin: 0;
	color: #fff
}
#btn-close {
	background: url(../images/btnClose.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	text-indent: -999em;
	width: 27px;
	height: 28px
}
/*Search*/
#sp-search {
	float: right;
	width: 289px;
	height: 41px;
	padding: 0;
	margin: 20px 10px;
}
#sp-search input#mod-search-searchword {
	border: 0!important;
	background: transparent!important;
	padding: 5px 8px;
	height: 26px;
	line-height: 26px;
	width: 250px
}
#sp-search .sp-inner {
	padding: 0;
	width: 288px;
	height: 35px;
}
.ltr .clear_right {
	clear: right
}
.rtl .clear_right {
	clear: left
}
.mod-search {
	margin: 0;
	padding: 0
}
/*Category*/
#sp-userpos .gap {
	margin: 0
}
#sp-toppos .sp-inner {
	padding: 0 20px
}
#sp-toppos {
	margin-top: -22px;
	margin-bottom: 10px;
}
#sp-toppos .mod-block {
	margin: 0 5px
}
#sp-toppos p {
	margin: 0
}
#sp-top1, #sp-top2, #sp-top3, #sp-top4 {
	padding: 0;
	text-align: center;
	border-radius: 0 0 5px 5px
}
#sp-top3 {
	height: 50px;
	line-height: 67px
}
#sp-top3 ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
#sp-top3 li {
	background: none;
	padding: 0;
	display: inline;
	margin: 0
}
#sp-top3 a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
	margin: 0;
	padding: 0 8px
}
#sp-top1, #sp-top2, #sp-top4 {
	height: 45px;
	line-height: 60px
}
/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol, #sp-inset1, #sp-inset2, #inner_content {
	float: left
}
#sp-leftcol, #sp-rightcol, #sp-maincol {
	padding: 10px 0
}
/*Font Resizer*/
div.font-sizer {
	width: 45px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 10px
}
div.font-sizer a.btn_fs_big, div.font-sizer a.btn_fs_reset, div.font-sizer a.btn_fs_small {
	background-image: url(../images/font-resizer.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 15px;
	border: medium none;
	cursor: pointer;
	display: block;
	float: left;
	text-indent: -999em;
	padding: 0
}
div.font-sizer a.btn_fs_big {
	background-position: 0 0
}
div.font-sizer a.btn_fs_reset {
	background-position: -15px 0
}
div.font-sizer a.btn_fs_small {
	background-position: -30px 0
}
div.font-sizer a.btn_fs_big:hover {
	background-position: 0 -16px
}
div.font-sizer a.btn_fs_reset:hover {
	background-position: -15px -16px
}
div.font-sizer a.btn_fs_small:hover {
	background-position: -30px -16px
}
/* Breadcrumbs */
#sp-pathway {
	overflow: hidden;
	height: 30px;
	line-height: 30px
}
#sp-pathway .sp-inner {
	padding: 0
}
#sp-pathway span.showhome {
	font-weight: bold;
	margin-right: 5px
}
#sp-pathway .padding {
	padding: 5px 8px
}
#sp-pathway a, #sp-pathway span, #sp-pathway strong {
	display: block;
	float: left
}
#sp-pathway a, #sp-pathway span.separator {
	margin-right: 10px;
	padding-right: 15px;
	background: url(../images/pathway_arrow.png) 100% 55% no-repeat
}
#sp-pathway span.current {
	color: #666
}
/*To Top*/
a#topofpage {
	width: 53px;
	/* height: 76px;
	line-height: 76px; */
	padding-top: 10px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	position: absolute;
	/* top: 20px; */
	right: 30px
}
a#topofpage:hover {
	margin-top: -5px
}
/* Footer */
.footer-top {
	height: 4px
}
div.sp-footer-l {
	margin: 0 10px
}
#sp-footer {
	background: #fff;
	padding: 10px 0;
	/* height: 100px; */
	text-align: center
}
#sp-footer .cp {
	float: none;
	display: inline-block
}
/*Footer Navigation*/
#sp-footer-nav {
	/* padding-top: 30px */
}
#sp-footer-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
#sp-footer-nav li {
	background: none;
	padding: 0;
	display: inline;
	margin: 0
}
#sp-footer-nav a {
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0 8px
}
/* Helix Logo */
#powered-by {
	text-indent: -999em;
	position: absolute;
	top: 40px;
	left: 10px
}
.helix-logo-light, .helix-logo-dark, .helix-logo-light-small, .helix-logo-dark-small {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 15px 0 0
}
.helix-logo-light, .helix-logo-dark, .helix-logo-light a, .helix-logo-dark a {
	height: 33px;
	width: 160px
}
.helix-logo-light-small, .helix-logo-dark-small, .helix-logo-light-small a, .helix-logo-dark-small a {
	height: 33px;
	width: 100px
}
.helix-logo a {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	text-indent: -999em
}
.helix-logo-light a {
	background-image: url(../images/helix-logo/helix_light.png)
}
.helix-logo-dark a {
	background-image: url(../images/helix-logo/helix_dark.png)
}
.helix-logo-light-small a {
	background-image: url(../images/helix-logo/helix_light_small.png);
}
.helix-logo-dark-small a {
	background-image: url(../images/helix-logo/helix_dark_small.png)
}
/* Clearfix */
.clr {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
* html .clearfix, :first-child+html .clearfix {
	zoom: 1
}