@import "css/base.css";
/* body
-------------------------------------------------------------- */
body { background:url('images/bg.jpg') repeat; margin-top: 0px; }
/* Content Area
-------------------------------------------------------------- */
#container{
	width:800px;
	margin:250px auto 0;
}
a.mysticshade,a.mysticshade:active{
	background:url('images/msqr.png') no-repeat -344px 20px;
	width:344px;
	height:140px;
	float:left;
}
a.mysticshade:hover{
	background:url('images/msqr.png') no-repeat -344px -127px;
	width:344px;
	height:140px;
	float:left;
}
a.quadregal,a.quadregal:active{
	background:url('images/msqr.png') no-repeat 0 20px;
	width:344px;
	height:140px;
	float:left;
}
a.quadregal:hover{
	background:url('images/msqr.png') no-repeat 0 -127px;
	width:344px;
	height:140px;
	float:left;
}
.box{
	float:left;
	margin-left:28px;
	margin-right:28px;
	width:344px;
}
.tip {color: #fff; font-size:20px; font-family:arial;font-weight:bold;}
.tip {
	width: 242px;
	margin-left:90px;
	margin-top:13px;
	padding-left:30px;
    padding-top:47px;
	height:98px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/bubble.png) no-repeat top;
}