/*---------------------------------------------------------------
# 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:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
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:13px;line-height:160%}
.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}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.sp-relative {position:relative}
.gap{clear:both; margin-bottom:20px}

/*Header Area*/
#header {position:relative}
a#logo,#logo-text{float:left}
#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}

/*Search*/
#sp-search{float:right;margin:28px 0 0}
#sp-search .sp-inner {padding:0}
#sp-search input#mod-search-searchword,#sp-search input#mod-finder-searchword{width:170px;border:1px solid #d7d7d7;background:#f9f9f9 url(../images/search.png) no-repeat 96% 50%;margin:0;padding:12px 15px}
#sp-search input#mod-search-searchword:hover,#sp-search input#mod-finder-searchword:hover{background-color:#f0f0f0}
#sp-search input#mod-search-searchword:focus,#sp-search input#mod-finder-searchword:focus{width:220px}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:20px 0 10px}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:0}
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{margin-bottom:20px;display:inline-block}
#sp-pathway .sp-inner{padding:0}
#sp-pathway span.breadcrumbs,#sp-pathway span.breadcrumbs-outer {height:30px;line-height:30px;}
#sp-pathway span.breadcrumbs {padding:0 0 0 10px}
#sp-pathway span.breadcrumbs-outer {width:11px}
#sp-pathway a,#sp-pathway span,#sp-pathway strong{display:block;float:left}
#sp-pathway a{color:#fff;text-shadow:0 1px rgba(0,0,0,.3);background:url(../images/breadcrumbs-separator.png) 100% 0 no-repeat}
.ltr #sp-pathway a {margin-right:10px;padding-right:15px}
#sp-pathway span.current{color:#fff;text-shadow:0 1px rgba(0,0,0,.3);padding:0 10px 0 20px;margin:0 0 0 -20px}
#topofpage{position:absolute;top:-47px;left:50%;margin-left:-22px;cursor:pointer;z-index:10;width:45px;height:23px;display:block;text-indent:-9999em}

/* Footer */
#sp-footer{padding:20px 0}
#sp-footer .cp {float:left}

/*Footer Navigation*/
#sp-footer-nav{float:right;margin-top:8px}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-footer-nav li{background:none;padding:0;display:inline}
#sp-footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em;float:left}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;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)}

/*Responsive*/
@media only screen and (min-width:970px) and (max-width: 1024px) {
	.sp-wrap {width:960px!important}
	#sp-slides .image-block, #sp-slides .image-block img {width:100%!important;height:100%!important}
	#sp-slides .controllers {width:940px!important}
	#sp-slides .handles,	#sp-slides .thumb_bg {width:235px!important}
	#sp-slides .sp-slide-intro {top:120px!important}
	#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {padding-left:10px!important;padding-right:10px!important}
	.newsletter  span.eadress{padding:15px 0 12px 8px!important;}
	#sp-bottom.sp-modCol4 .sp-block{width:25%!important}
	#sp-content-grid-top span.image_wrapper img {width:270px}
	img.sp_simple_gallery {width:75px!important}
}

/* Tablet Devices Resizing */
@media screen and (min-width:480px) and (max-width: 969px) { 
	.sp-wrap {width:728px!important}
	#sp-slides .image-block, #sp-slides .image-block img {width:100%!important;height:100%!important}
	#sp-slides .controllers {width:708px!important;height:60px!important}
	#sp-slides .handles,	#sp-slides .thumb_bg {width:177px!important;height:60px!important}
	#sp-slides .sp-slide-intro {top:80px!important}
	#sp-slides p.slide-text,#sp-slides h4.title {font-size:24px!important}
	#sp-slides h4.title {line-height:40px!important}
	#sp-affiliate a.click_here {width:80px!important;height:80px!important; background-size:cover;}
	#sp-content-grid-top span.image_wrapper img {width:195px}
	#sp-bottom.sp-modCol4 .sp-block{width:25%!important}
	img.sp_simple_gallery {width:48px!important}
	.tweet-user-info {display:none!important}
	#sp-bottom .sp-tweet-item, #sp-bottom .sp-tweet-item.odd, #sp-bottom .sp-tweet-item.even {margin-left:0!important}
	#powered-by,#sp-share {display:none!important}
	#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {padding-left:10px!important;padding-right:10px!important}
	.newsletter  span.eadress{width:100px;padding:15px 0 12px 8px!important;}
	.newsletter img.msg_icon, a.submit_btn{display:none}
	
}

/* Mobile */
@media only screen and ( max-width: 479px ) {
	#sp-slides, #sp-affiliate, #sp-info-grid,
	#sp-pagetitle-outer,
	#sp-pathway{display:none!important}
	.ns2-scroller img.ns2-image {width:100%!important}
	#sp-mmenu {margin:0!important}
	img.sp_simple_gallery {width:48px!important}
	.img-fulltext-right img {width:100%!important}
	.item-page_portfolio div.info {width:auto!important;padding:0!important}
	#sp-content-grid-top span.image_wrapper {width:100%}
	#sp-content-grid-top span.image_wrapper img {width:95%!important}
	span.image_wrapper {width:100%}
	div.catItemImageBlock img, div.userItemImageBlock img, div.tagItemImageBlock img{width:95%!important}
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form textarea.inputbox	{width:80%!important}
}

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