.hoverbox {	
	width: 625px;
	height: 342px;
	margin: 0px;
	padding: 0px;	
}

.hoverbox #preview {
	float: left;
	width: 356px;
	height: 342px;
	background: no-repeat;	
}

.hoverbox .buttons {
	float: right;
	width: 269px;
	height: 342px;			
}

.hoverbox .buttons div {
	text-align: center;
	width: 269px;
	height: 114px;							
}

.hoverbox .buttons div img {
	padding: 30px 10px 30px 10px;	
}

.hoverbox .buttons a {
	display: block;
	width: 100%;	
}

.hoverbox #button1 {
	position: relative;
	background: #F7931E url("images/hoverbg1.gif") repeat-x;	
}

.hoverbox #button2 {
	background: #FBC312 url("images/hoverbg2.gif") repeat-x;	
}

.hoverbox #button3 {
	position: relative;
	background: #FB4C12 url("images/hoverbg3.gif") repeat-x;	
}

.hoverbox #button1:hover, #button2:hover, #button3:hover {
	background: #23272b;	
}

.hoverbox img {
	border: none;	
}