@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #f4f4f4;
	background-image: url(../images/back.gif);
	background-repeat: repeat;
}
#container  {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 550px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainContent  {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#container #top {
	float: left;
	height: 185px;
	width: 950px;
}
#container #main .left {
	float: left;
	height: 240px;
	width: 10px;
}
#container #main {
	float: left;
	height: 240px;
	width: 100%;
}
#container #main .center {
	float: left;
	height: 240px;
	width: 310px;
	background-color: #FFF;
	padding-right: 310px;
	padding-left: 310px;
}
#container #main .center .button {
	height: 85px;
	width: 310px;
}
#container #main .right {
	float: left;
	height: 240px;
	width: 10px;
}
#container #main .center .buttons {
	height: 35px;
	width: 310px;
	margin-top: 35px;
}
#container #main .center .buttons .one {
	text-align: left;
	width: 100px;
}
#container #main .center .buttons .two {
	text-align: center;
	width: 110px;
}
#container #main .center .buttons .three {
	text-align: right;
	width: 100px;
}
#container #main .center img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}