body {
	margin:0 auto;
	padding:0;
	border:0;
	width:100%;
	background:#fff;
	color:#000;
	min-width:320px;
	max-width: 1200px;
	font-size:90%;
	font-family: Verdana, Geneva, sans-serif;
}

a:link, a:visited, a:hover, a:active {
	color:#0000ff;
}

h1 {
	margin:1em 0 0 0;
	padding: 0;
	font-size:24px;
	text-align:center;
}

h2, h3 {
	margin:1.5em 0 .6em 0;
	padding:0;
	font-size:14px;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	border:none;
}

#header {
	height:100px;
	width:100%;
	margin-top:10px;
}
#header {
	border-bottom:1px solid #000;
}
#logo {
	float:left;
	width:200px;
	height:94px;
	margin-left:50px;
}

.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
}

.threecol {
	background:#d8ecf7;
}
.threecol .colmid {
	right:25%;
	background:#fff;
}
.threecol .colleft {
	right:50%;
	background:#d8ecf7;
}
.threecol .col1 {
	width:46%;
	left:102%;
	font-size:13px;
	line-height:22px;
}
.threecol .col2 {
	width:21%;
	left:31%;
}
.threecol .col3 {
	width:21%;
	left:85%;
}

.top {
	width:768px;
	height:90px;
}
.middle {
	width: 300px;
	height: 250px;
}
.left {
	width: 300px;
	height: 600px;
}

.adsense-middle { margin: 20px; }
.adsense-sidebar { margin: 20px auto; }

#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	font-size:12px;
	padding:10px;
	margin:0;
	text-align:center;
}

#top {
	float:right;
	width:768px;
	height:90px;
}
#left, #right {
	margin:10px auto 0 auto;
}
#middle {
	width:310px;
	height:260px;
	float:right;
	margin:6px 0 0 10px;
}
#center {
	margin-top: 40px;
	text-align:center;
}

#pogo_store {
	float: left;
	margin-right: 10px;
	border: none;
}

@media only screen and (max-width: 1050px) {
	#top { max-width:468px; float:left; display:block; overflow:hidden; margin:20px 0 0 15px; }
	.top { width: 468px; height: 60px; }
}

@media only screen and (max-width: 768px) {
	.threecol,.threecol .colmid,.threecol .colleft { background:#fbfbfb; }
	.threecol .colmid { right:50%; }
	.threecol .colleft { right:50%; }
	.threecol .col1 { width: 96%; }
	.threecol .col2, .threecol .col3 {
		width: 96%;
		left: 102%;
		font-size:14px;
		margin-top: -25px;
	}
	h1 { font-size: 22px; }
	h2 { font-size: 18px; }
	.col1 p, .col2 p, .col3 p { font-size: 16px; line-height: 22px; }
	#header, #top, #logo { display:none; }
	#middle { float:none; margin:10px auto; }
	#footer { background:#f2f9ff; }
	#footer a { display:inline-block; }
}
@media screen and (max-width: 640px) {
	#middle, .middle { width: 468px; height: 60px; }
	#left, .left { 	width: 300px; height: 250px; }
}
@media only screen and (max-width: 360px) {
	#middle, .middle { width: 320px; height: 100px; }
}