*{margin:0;padding:0}
html{background-color:#f3f3f3}
body{font-family:'LucidaGrande','LucidaSansUnicode',sans-serif;font-size:12px;line-height:1.5;color:#333;background-color:white;min-width:1020px;width:1020px;outline:1px solid #eee;border-top:10px solid #333;margin:0 auto;}
a{color:#333;text-decoration:none;}
.header,.content,.footer{display:block;margin:0auto;overflow:auto;padding:0 30px 28px 40px;width:950px;border-bottom:1px solid #f3f3f3;}
.header h1 a{display:block;height:59px;margin:50px 0 80px;width:600px;font-size:30px;text-transform:uppercase;}
.header img{position:absolute;top:62px;margin-left:804px;}
.content p.first{height:28px}
.content p.social{background:#f5f5f5;border:0px solid #333;padding:10px;font-size:14px;font-weight:bold;margin-bottom:3px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.content p.social a{display:block;}
.content p.social a .hint{display:none;float:right;padding-top:3px;font-size:11px;font-style:italic;font-weight:normal;color:#777}
.content p.social a:hover .hint,.content p.social a:focus .hint{display:inline;}
.footer p{padding-top:28px}
.footer p.left{float:left;}
.footer p.right{float:right;text-align:right;}

@media only screen and (max-width : 663px) {
	body{min-width:95%;width:95%;}
	.content p.social a .hint{display:none}
	.content p.social a:hover .hint,.content p.social a:focus .hint{display:none;}
	.header,.content,.footer{width:75%;}
	.header h1 a{width:100%;margin:25px 0 0;font-size:15px;height:20px}
	.header img{display:none}
}