/*-----------------------------------------------------------------------
#package     Rox Xyst Template
#version     1.0
#author      ThemeRox http://www.themerox.com
#copyright   Copyright under commercial licence (C) 2010 - 2011 ThemeRox
#license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#Helix Framework Credit
# 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
--------------------------------------------------------------------------*/
/* Core */
body{color:#888;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:150%}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
.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}
.gap{clear:both; margin-bottom:20px}
.main-bg {background:#edeeef;}

/*Header Area*/
#header {position:relative;background:#E0E0E0;box-shadow: 0px 2px 10px #5B5E64;z-index:200;}
a#logo,#logo-text{float:left;margin:0 10px}

#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:30px 10px 0}

/*Module positions user1-user6*/
#sp-bottom{background:url(../images/xyst/bottom_bg.png) repeat;border-top:1px solid #e0e1e2;color:#888;font-size:90%}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left;}
#sp-leftcol, #sp-rightcol, #sp-maincol{padding:30px 0 0px 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-breadcrumbs .sp-inner {padding:0}
#sp-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}

/* Footer */
#sp-footer{background:#000;padding:10px 0}
#sp-footer .cp {float:left;line-height:44px;}

/*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 .nav > li > a:hover {background:none;}
#sp-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding-left:8px;}
a#topofpage{float:right;margin-top:8px;text-indent:-9999px;padding-bottom:5px;}
a#topofpage:hover{background-position:0 -25px}
/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.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;border-right:1px solid #e5e5e5}
.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}

/*Gallery*/
div.blog_gallery .item-inner {padding: 0;}
div.rox-gallery{position:relative;overflow:hidden}
div.rox-gallery:hover div.rox-gallery-wrapper{display:block;background:rgba(0,0,0,0.75);}
div.rox-gallery-wrapper{display:none;display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 500ms}
div.rox-gallery:hover div.rox-gallery-wrapper a.item-preview{
top:40%;
right:44%;
opacity:1;
}
.rox-gallery-wrapper a.item-preview,.rox-gallery-wrapper a.item-preview2,.rox-gallery-wrapper a.item-preview3,.rox-gallery-wrapper a.item-preview4{
text-align:center;
position:absolute;
display:block;
text-indent:-9999em;
-webkit-transition:all 1500ms;
opacity:0;
}
.rox-gallery-wrapper a.item-preview{top:40%;right:44%;width:120px;
height:120px;}
.rox-gallery-wrapper a.item-preview2{width:98px;height:98px;top:30%;left:40%}
div.rox-gallery:hover div.rox-gallery-wrapper a.item-preview2{
top:30%;
left:40%;
opacity:1;
}
.rox-gallery-wrapper a.item-preview3{width:98px;height:98px;top:25%;left:34%}
div.rox-gallery:hover div.rox-gallery-wrapper a.item-preview3{
top:25%;
left:34%;
opacity:1;
}
.rox-gallery-wrapper a.item-preview4{width:98px;height:98px;top:17%;left:28%}
div.rox-gallery:hover div.rox-gallery-wrapper a.item-preview4{
top:17%;
left:28%;
opacity:1;
}

div.rox-gallery:hover  a.hover1{top:246px;left:400px}
div.rox-gallery:hover  a.hover2{bottom:250px;left:400px;}
div.rox-gallery:hover  a.hover3{top:246px;right:407px;}
div.rox-gallery:hover  a.hover4{bottom:250px;right:407px;}

div.rox-gallery  a.hover1{top:-30px;left:-50px;width:20px;height:19px;position:absolute;text-indent:-9999em;display:block;background:url(../images/upper-left.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover2{bottom:-30px;left:-50px;width:20px;height:19px;position:absolute;text-indent:-9999em;display:block;background:url(../images/lower-left.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover3{top:-30px;right:-50px;width:20px;height:19px;position:absolute;text-indent:-9999em;display:block;background:url(../images/upper-right.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover4{bottom:-30px;right:-50px;width:20px;height:19px;position:absolute;text-indent:-9999em;display:block;background:url(../images/lower-right.png) no-repeat;-webkit-transition:all 500ms}

div.rox-gallery:hover  a.hover1-2{top:89px;left:184px}
div.rox-gallery:hover  a.hover2-2{bottom:106px;left:184px;}
div.rox-gallery:hover  a.hover3-2{top:89px;right:178px;}
div.rox-gallery:hover  a.hover4-2{bottom:106px;right:178px;}

div.rox-gallery  a.hover1-2{top:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-left2cl.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover2-2{bottom:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-left2cl.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover3-2{top:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-right2cl.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover4-2{bottom:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-right2cl.png) no-repeat;-webkit-transition:all 500ms}

div.rox-gallery:hover  a.hover1-3{top:64px;left:110px}
div.rox-gallery:hover  a.hover2-3{bottom:58px;left:110px;}
div.rox-gallery:hover  a.hover3-3{top:64px;right:104px;}
div.rox-gallery:hover  a.hover4-3{bottom:58px;right:104px;}

div.rox-gallery  a.hover1-3{top:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-leftmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover2-3{bottom:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-leftmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover3-3{top:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-rightmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover4-3{bottom:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-rightmcolm.png) no-repeat;-webkit-transition:all 500ms}

div.rox-3colm img{height:185px !important}
div.rox-4colm img{height:132px !important}

div.rox-gallery:hover  a.hover1-4{top:47px;left:76px}
div.rox-gallery:hover  a.hover2-4{bottom:37px;left:76px;}
div.rox-gallery:hover  a.hover3-4{top:47px;right:71px;}
div.rox-gallery:hover  a.hover4-4{bottom:37px;right:71px;}

div.rox-gallery  a.hover1-4{top:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-leftmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover2-4{bottom:-30px;left:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-leftmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover3-4{top:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/top-rightmcolm.png) no-repeat;-webkit-transition:all 500ms}
div.rox-gallery  a.hover4-4{bottom:-30px;right:-50px;width:17px;height:18px;position:absolute;text-indent:-9999em;display:block;background:url(../images/bottom-rightmcolm.png) no-repeat;-webkit-transition:all 500ms}



/*Registration Form*/
.form-actions{background:none;border:0;}
#jform_spacer-lbl{display:none;}
span.framework{padding-left:5px}