@import url('reset.css');

html, body{
        margin:0;
        padding:0;
        width:100%;
        height:100%;
		background:#000 url('../img/gradient.jpg') repeat-x;
}
    #CenterBlock{
        background:#000 url('../img/main.jpg');
        width:960px;
        height:550px;
        position:absolute;
        top:50%;
        left:50%;
        margin:-275px 0 0 -480px;
}
	#buttons{
		width:510px;
		margin:450px auto 0 auto;
	}
/* Link styling */
a {
color: #999999;
text-decoration: none;
}
a:hover { text-decoration: none; }

#button1 {float:left;}
#button1 a {
	display:block;
	width:200px;
	height:41px;
	background: url(../img/buttons.png);
	text-align:center;
	color:#fff;
}
#button1 a:hover {
	background-position:0px -41px;
}
#button1 a:active {
	background-position:0px -39px;
}
#button2 {float:left;}
#button2 a {
	display:block;
	width:120px;
	height:41px;
	background: url(../img/buttons.png);
	background-position:-200px 0px;
	text-align:center;
	color:#fff;
}
#button2 a:hover {
	background-position:-200px -41px;
}
#button2 a:active {
	background-position:-200px -39px;
}
#button3 {float:left;}
#button3 a {
	display:block;
	width:100px;
	height:41px;
	background: url(../img/buttons.png);
	background-position:-320px 0px;
	text-align:center;
	color:#fff;
}
#button3 a:hover {
	background-position:-320px -41px;
}
#button3 a:active {
	background-position:-320px -39px;
}
#button4 {float:left;}
#button4 a {
	display:block;
	width:90px;
	height:40px;
	background: url(../img/buttons.png);
	background-position:-420px 0px;
	text-align:center;
	color:#fff;
}
#button4 a:hover {
	background-position:-420px -41px;
}
#button4 a:active {
	background-position:-420px -39px;
}