/*-- general --*/
h2 {
	margin:0;
	font-size:150%;
}

h3 {
	margin:0;
	font-size:100%;
}

/*-- body --*/
body {
	font-size:16px;
	font-family: "Verdana", "Arial", "Helvetica", "serif";
	padding-top: 50px;
	background-color:#444;
}

/*-- body > header --*/
body > header {
	margin:0;
	padding:0;
}

body > header > nav {
}

@media (min-device-width: 640px) {
	body > header > nav {
		-moz-box-shadow:    0px 0px 15px 0px #000;
		-webkit-box-shadow: 0px 0px 15px 0px #000;
		box-shadow:         0px 0px 15px 0px #000;
	}
}

/*-- body > footer --*/
body > footer {
	padding:10px 0 30px 0;
	font-size:16px;
	line-height:30px;
	color:#888;
	background-color:black;
}

@media (min-device-width: 640px) {
	body > footer {
		font-size:14px;
		line-height:18px;
		-moz-box-shadow:    0px 0px 15px 0px #000;
		-webkit-box-shadow: 0px 0px 15px 0px #000;
		box-shadow:         0px 0px 15px 0px #000;
	}
}

body > footer > .gotop {
	margin:5px 0;
	text-align:center;
}

body > footer > .main {
	margin:5px auto 5px auto;
	padding:5px;
	width:100%;
	max-width:960px;
	text-align:center;
	border:0px solid red;
}

body > footer > .main > .box {
	display:inline-block;
	*zoom:1;
	*display:inline;

	margin:0px;
	padding:10px;
	vertical-align:top;

	text-align:left;

	width:100%;
	max-width:280px;
	height:auto;

	border:0px solid green;
}

body > footer a,
body > footer a:visited,
body > footer a:hover,
body > footer a:active {
	color:#bbf;
}

body > footer > .copyright {
	text-align:center;
	font-size:12px;
}