body {margin: 0;background-image:url(../images/backgrounds.gif);}
a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#000;text-decoration:none;}
a:hover {text-decoration:underline;}
.all_tab {
	border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #9532D3;
	width:800px;
	background-color:#331745;
}
.john_logo {width:800px;height:374px;}
.hallo {
	color: #fff;
	font-size: 28px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -2px;
	line-height: 38px;
	font-weight: bold;
	display: inline;
}
.john_thumb {
	width:260px;
	height:210px;
	text-align: center;
	padding: 3px;
	background-color: #ccc;
	margin: 6px 18px 6px 18px;
	border-width: 8px 24px 8px 24px; border-style: solid; border-color: #9532D3;
}
A:hover .john_thumb, A:active .john_thumb {
	border-color: #9532D3;
	background-color: #fff;
	padding: 1px;
	width:264px;
	height:214px;
}
.bottom_txt {
	color: #fff;
	font-size: 44px;
	font-family: Impact;
	line-height: 60px;
	letter-spacing: -1px;
	font-weight: bold;
	display: inline;
}

@media screen and (max-width: 1920px) {body {min-width:1600px;}}
@media screen and (max-width: 1600px) {body {min-width:1236px;}}
@media screen and (max-width: 1260px) {body {min-width:996px;}}

@media screen and (max-width: 1000px) {
body {min-width:768px;}
.john_logo {width: 760px;height:auto}
.hallo {width: 760px;}
.john_thumb {margin: 8px;}
.all_tab {width: 760px;}
}

@media screen and (max-width: 788px) {
body {min-width:620px;}
.john_logo {width: 610px;height:auto}
.hallo {width: 610px;font-size:22px;line-height:25px;}
.all_tab {width: 610px;}
}

@media screen and (max-width: 620px) {
body {min-width:500px;}
.john_logo {width: 490px;height:auto}
.hallo {width: 490px;font-size:20px;line-height:auto;}
.bottom_txt {font-size: 34px;line-height: 50px;}
.john_thumb {zoom: 1.4;border:0;}
.all_tab {width: 490px;}
}

@media screen and (max-width: 520px) {
body {min-width:300px;}
.john_logo {width: 290px;height:auto}
.hallo {width: 290px;font-size:15px;line-height:auto;letter-spacing: -1px;}
.bottom_txt {font-size: 34px;line-height: 40px;letter-spacing: 0;}
.john_thumb {zoom: 0.98;margin:5px 10px 5px 10px;border:0;}
.all_tab {width: 290px;}
}