/**
 * @version   1.0 April 25, 2013
 * @author    ThemeRox http://www.themerox.com
 * @copyright Copyright (C) 2007 - 2013 ThemeRox
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* basic scrollbar styling */
/* vertical scrollbar */
#rox_scroller_wrapper{}

/*---------------------------------------------box-shadow: 1px 1px 1px rgba(0,0,0,0.20);*/
div.rox_scroll{overflow:hidden; position:relative; margin: 0px 0; padding-left:15px;}
.mask-wrapper{padding:0}/*padding:10px*/
.rox-head{background:url(../images/icon.png) no-repeat 2% 15%;padding:13px 2px 2px 0px;margin-bottom:25px}
.roxtext{font-size:28px; color:#fff;text-align:center}
.view-eighth .mask {
	width:300px;
	height:100%;
	position:absolute;
	overflow:hidden;
   top: +150px;
   filter: alpha(opacity=0);
   opacity: 1;
    -webkit-transition:all 1.3s;
}
div.small_mask{
width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
   top: 220px;
   filter: alpha(opacity=0);
   opacity: 1;
    -webkit-transition:all 1.3s;

}
.view-eighth:hover  div.small_mask{top:150px}


.view-eighth .color1{background:url("../images/alpha60.png") repeat scroll left top rgba(0, 0, 0, 0)}
.view-eighth .color2{background:rgba(70,170,31,0.8)}
.view-eighth .color3{background:rgba(64,138,250,0.8)}
.view-eighth .color4{background:rgba(233,154,30,0.8)}
.view-eighth:hover .mask {
   opacity: 1;
   top: 0px;
}
div.rox_scroll img{

/* -webkit-transition:all 1.3s;*/
}

div.rox_scroll a{color:#fff}
/*Font Style For Header*/
.mask-wrapper h2 {
font-weight: 200;
text-shadow: 1px 1px 1px rgba(0,0,0,0.20);
font-size: 18px;
line-height:10px;
margin: 4px 0;
}
.mask-wrapper span{
font-size: 13px;
}

/*-------------------------------------------*/