@charset "utf-8";
@import "reset.css";
body {
	background:#333;
	color:#666666
}
#wrapper {
	font-family:Arial;
	width:850px;
	margin:auto;
	background:#fff;
	border:1px solid #d6d6d6;
	padding:20px
}
.logo-container {
	padding-bottom: 10px;
	clear:both;
	width:100%; overflow:hidden
}
.logo-container h1 {	
	text-align:center;
	font-size:60px;
	letter-spacing:-5px;
	line-height:122px;
}
.wrap {
	width:540px;
	float:left
}
#logo {
	background:url(../images/logo.png) no-repeat;
	width:288px;
	height:122px;
	float:left
}
#inner {
}
#inner p.par {
	padding-top:20px;
	padding-bottom:10px;
	font-size:14px
}
#header {
	display:block;
	clear:both
}
.text-container {
}
.list {
	list-style:decimal;
	padding-left:20px
}
.text-container .bold {
	font-weight:bold;
	font-size:16px !important;
	color:#333
}
.enter-here {
	background:#06C;
	padding:10px 20px 10px 20px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.exit-here {
	background:#303030;
	padding:10px 20px 10px 20px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	float:left;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.enter-here:hover, a.exit-here:hover {
	background:#666666;
}
.buttons {
    margin: 20px auto auto;
    overflow: hidden;
    width: 278px;
}
.preview {
	width:900px;
	margin:auto;
	clear:right
}
.preview img {
	float:left;
	margin-left:4px
}