/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


html, body {
	margin:0;
	padding:0;
	font-family: sans-serif;
	background: #f2f2f2;
	color: #282828;
}


.container {
	width: 940px;
	margin: 0 auto;
}

.top-bar {
	background-color: #636363;
    color: #ffffff;
	font-size: 13px;
	text-align: right;
}

.top-bar > div {
	padding: 10px;
}

.top-bar a {
    color: #ffffff;
	text-decoration: none;
}

.top-bar a:hover {
    color: #303030;
}

.login {
	float: right;
}

.main {
	padding-top: 100px;
	width: 940px;
	float: left;
}

.header, .content {
	width: 100%;
	float: left;
}

.content > div {
	text-align: center;
}

.header {
	margin-top: 30px;
	margin-bottom: 20px;
}


h1 {
	text-align: center;
	font-size: 52px;
	font-weight: 300;
	margin: 0;
}



h2 {
	text-align: center;
	font-size: 30px;
	color: #666666;
	margin-bottom: 10px;
}


h2 strong {
	font-weight: 700;
	font-style: italic;
}


@media screen and (max-width: 568px) {

.container {
	width: 100%;
	margin: 0 auto;
}

.top-bar {
	text-align: center;
}

.main {
	width: 100%;
	float: left;
}

.header, .content, .bottom, .sep2 {
	width: 100%;
	float: left;
}

.header {
	margin-top: 30px;
	margin-bottom: 20px;
}


h1 {
	text-align: center;
	font-size: 52px;
	font-weight: 300;
	margin: 0;
}



h2 {
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}


h2 strong {
	font-weight: 700;
	font-style: italic;
}