@import "../mixins.less";
@import "../Style.less";
/*---- banner --------------------------*/

#moshi_main{
	position: relative;
	overflow: hidden;
	 /*background-color: #f4f1ed;*/
}


#moshi_main_top_shadow{
	position: absolute;
	height: 21px;
	width: 100%;
	z-index: 10;
	top: 0;
	background-image: url(../../images/banner_top_shadow.png);
	background-repeat: repeat-x;
}

#moshi_main_bottom_shadow{
	position: absolute;
	bottom: 0;
	height: 21px;
	width: 100%;
	z-index: 10;
	background-image: url(../../images/banner_bottom_shadow.png);
	background-repeat: repeat-x;
}


#homepage_moshi_main_slider{
	 height: 420px;
  position: relative;
  /*width: 1284px;*/

  margin: auto;
  display: block;
  
  /*z-index:-1;*/
}

.moshi_main_frame {
	position: absolute;
    border: none;
    height: 420px;
    width: 100%;
}
.moshi_main_frame {
  position: absolute;
  border: none;
  height: 420px;
  width: 100%;
}
#slider_bullets {
  text-align: center;
  width: 1000px;
  margin: 10px auto;
}
#slider_bullets ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* For IE7 */

}
#slider_bullets li {
  display: inline;
  float: left;
}
#slider_bullets a {
    width: 28px;
    height: 28px;
    background-color: #DFDFDF;
    border-radius: 15px;
    text-indent: -9999px;
    display: block;
    margin: 0px;
    border: 10px solid rgb(255, 255, 255);
}
#slider_bullets a.active {
  background-color: #99CA3C;
}
#loading {
    width: 300px;
    color: #99cc33;
    text-align: center;
    margin: 0;
    margin-left: -150px;
    font-size: 32px;
    font-family: Arial;
    position: absolute;
    top: 200px;
    left: 50%;
	z-index: 9;
}
#loadingDevice {
    height:30px;
    width: 175px;
    padding:20px 0 0 0;
    
}

/*----new_releales----------------------------------------------------*/
#new_releales {
	width: 100%;
	overflow:hidden;
    background-color: @color5;
	text-align: center;
    margin-bottom: 30px;
}
#new_releales .w_1280{
	width: 100%;
	max-width: 1240px;
	margin: 0px auto;
	overflow:hidden;
	
}
#new_releales .group_center{
	
	width: 1000px;
	
}
#new_releales .group_w215{
	width: 230px;
	/*height: 260px;*/
	overflow:hidden;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	/*background-color: #9FC;*/
}

#new_releales .new_releales_line{
	width: 230px;
	/*height: 260px;*/
	overflow: hidden;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../Images/new_releales_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#new_releales .group_w215 {
	.transition (all, 0.4s, ease-in 0s)
	
}
#new_releales .group_w215 a.imgover{
	position:relative;
	display:block;
	width: 215px;
	height: 250px;
	margin: 30px 0px -10px 0px;
	padding: 0px 0px 0px 0px;
}
#new_releales .group_w215 a img{
	display: block;
	.transition (all, 0.4s, ease-in 0s)
}
#new_releales .group_w215 a:hover img{
	.transition (all, 0.2s, ease-out 0s)
	
}
#new_releales .group_w215 a.imgover:hover img{
	margin-top: -10px;
}
#new_releales .group_w215 a.imgover img{
	display: block;
	position: relative;
	z-index: 2;
	
}

#new_releales .group_w215:hover{
	
}

 
#new_releales h2{
	width: 100%;
	
	margin: 27px 10px 10px 20px;
	float: left;
	text-align: left;
	.font(400,14px,18px);
	color: #313131;
	
}
.imgover p {
    margin: 0px 0px 0px 0px;
    .font(400,12px,18px);
}
#new_releales h4{
	width: 100%;
	
	margin: 10px 0px 10px 0px;
	float:left;
	text-align:center;
	.font(600,16px,21px);
	color: #58585a;
	
	line-height:16px;
	opacity:1;
	
	.transition (all, 0.15s, ease-out)
	
}
#new_releales p{
	width: 100%;
	/*height: 20px;*/
	float: left;
	text-align: center;
	.font(400,14px,18px);
	color: #b1b1b1;
	opacity: 1;
	.transition (all, 0.15s, ease-out)
}
 

/*----news_events----------------------------------------------------*/
#news_events {
	width: 100%;
	height: 185px;
    background-color: #f1f1f1;
	text-align: center;
}

#news_events .w_1280{
	width: 100%;
	max-width: 1240px;
	margin: 0px auto;
	overflow:hidden;
	height: 185px;
    
}
#news_events .group_center{
	margin: 0px auto;
	overflow:hidden;
	width: 1000px;
	/*border: 1px dotted #993;*/
}
#news_events .group_w430{
	width: 460px;
	margin: 0px 15px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
	/*border: 1px dotted #993;*/
}

#news_events .group_w430 a{
	text-align: left;
	
	color: #58585a;
	.font(normal,12px,18px);
}
#news_events .group_w430 a:hover{
	
	
	
	color: #000;
	
}

#news_events h2{
	width: 100%;
	height: 20px;
	margin: 15px 10px 10px 20px;
	float: left;
	text-align: left;
	
	color: #313131;
	
	.font(400,14px,40px);
}
#news_events img{
	width:85px;
	height: 85px;
	float:left;
	
}
#news_events p{
	width: 340px;
	/*height: 20px;*/
	margin: 20px 0px 5px 10px;
	float: left;
	text-align: left;
	
	font-size: 12px;
	line-height:20px;
	/*color: #89bdd4;*/
	text-decoration: none;
	font-weight: 400;
	font-variant: normal;
	/*border: 1px dotted #993;*/
}



 
#news_events .bt_more{
	width: 100%;
	/*height: 20px;*/
	margin: 0px 0px 20px -25px;
	padding: 10px 0px 0px 0px;
	text-align:right;
	clear: both;
	.font(normal,12px,18px);
	
	
}
#news_events .bt_more a{
	
	
	
	color: #58585a;
	text-decoration: none;
	
}
#news_events .bt_more a:hover{
	
	color: #000;
	
}

/*------------------------Austin----------------------------*/

.box-img-home {
    clear: both;
    float: left;
    margin-bottom: 40px;
    margin-top: 40px;
}

.box-img-home ul {
    padding: 0px;
    margin: 0px;
   list-style: disc outside none;
    padding-left: 1.5em;
}

.box-img-home ul li {
    float: left;
    width: 304px;
    list-style-type: none;
    overflow: hidden;
    padding-left: 2px;
    padding-right: 2px;
}

.ct_home {
    float: left;
    width: 290px;
    padding-left: 7px;
    padding-right: 7px;
    color: rgb(92, 92, 92);
    font-size: 12px;
    font-family: Arial;
    min-height: 255px;
    height: auto !important;
}

.ct_home .img {
    clear: both;
    text-align: center;
}

.ct_home .img a, .ct_home .img a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.home-highlights h6 {
    font-size: 2.5em;
    
    text-align: center;
    font-weight: 300;
}

.home-highlights p {
   
    font-size: 14px;
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
    margin-top: 12px;
    color: #818181;
}
