*{	border: 0;	margin: 0;	padding: 0;}

/* =Basic HTML
---------------------------------------------------------------------*/
a{	text-decoration: none;}

body{	background: #fff;	color: #777;	margin: 0 auto; padding-top:30px; position: relative;	}


p{	clear: both;	padding: 10px 0;	text-align: center;}

p a{	background: inherit;	color: #777;}

p a:hover{	background: inherit;	color: #000;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{ width:1300px; 	cursor: default;	list-style: none;}
.hoverbox a{	cursor: default;}
.hoverbox a .preview{	display: none;}
.hoverbox a:hover .preview{	display: block;	position: absolute;	top: -30px;	left: -45px;	z-index: 1;}
.hoverbox img{	background: #fff;	border-color: #aaa #ccc #ddd #bbb;	border-style: solid;	border-width: 1px;	color: inherit;	padding: 2px;	vertical-align: top;
	width: 150px;	height: 109px;}
.hoverbox li{	background: #eee;	border-color: #ddd #bbb #aaa #ccc;	border-style: solid;	border-width: 1px;	color: inherit;	display: inline;	float: left;
	margin: 3px;	padding: 5px;	position: relative;}

.hoverbox .preview{	border-color: #f2f2f2;	width: 450px;	height: auto;
}

/* =Hoverbox2 Code
----------------------------------------------------------------------*/
.hoverbox2{ width:1300px; 	cursor: default;	list-style: none;}

.hoverbox2 a{	cursor: default;}

.hoverbox2 a .preview{	display: none;}

.hoverbox2 a:hover .preview{	display: block;	position: absolute;	top: -30px;	left: -5px; z-index: 1;}

.hoverbox2 img{	background: #fff;	border-color: #aaa #ccc #ddd #bbb;	border-style: solid;	border-width: 1px;	color: inherit;	padding: 2px;	vertical-align: top;
	width: 150px;
	height: 208px;}

.hoverbox2 li{	background: #eee;	border-color: #ddd #bbb #aaa #ccc;	border-style: solid;	border-width: 1px;	color: inherit;	display: inline;	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;}

.hoverbox2 .preview{	border-color: #f2f2f2;	width: 300px;	height: auto;}