@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);
*{margin:0;padding:0}
::selection{background:#fd8;color:#000;text-shadow:none}
::-moz-selection{background:#fd8;color:#000;text-shadow:none}
body{font-family:'Maven Pro', serif}
a{text-decoration:none;color:#983}
a:hover{color:#db6}
header, section, article, footer, nav, menu, figure, figcaption, aside{display:block}
section{position:relative}
blockquote{margin:10px}

#nav{
	background:#222;
	box-shadow:0 0 20px rgba(0,0,0,.75) inset;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.75) inset;
	-moz-box-shadow:0 0 20px rgba(0,0,0,.75) inset;
	width:100%;
	height:40px;
	z-index:9;
	font-family:'Maven Pro', sans-serif;
	overflow:hidden
}
#nav ul{
	position:relative;
	width:950px;
	display:block;
	margin:0 auto;
	list-style-type:none;
	height:40px;
}
#nav ul li{float:left}
#nav ul li>a{
	color:#ddd;
	font-weight:bold;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 15px;
}
#nav ul li:not(#contact):hover a,
#nav ul li:not(#contact) a:focus,
#nav ul li:not(#contact) a:active,
#nav ul li.active a{
	color:#fff;
	text-shadow:0 0 10px rgba(255,255,255,.5);
}

#nav ul li.active a{
	background: url('ui.png') 50% 33px no-repeat;
}

#nav ul li#contact{
	float:right;
	text-align:right;
	color:#ddd;
	line-height:40px;
	margin-top:0;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out
}
#nav ul li#contact:hover{
	margin-top:-40px
}
#nav ul li#contact span{font-size:14px}
#nav ul li#contact a{color:#eee}
#nav ul li#contact a:hover{color:#fff}

#header header{
	height:200px;
	background:url('hans.png') left no-repeat;
	width:950px;
	margin:0 auto;
	position:relative;
}
#header h1, #header p{
	position:absolute;
	right:0;
	width:560px;
	font-family:'Maven Pro', sans-serif
}
#header h1{font-size:28px;top:20px}
#header p{font-size:16px;bottom:10px}

#main{
    overflow:hidden;
}
#main article{
    position:absolute;
    width:950px;
    left:50%;
    margin-left:-475px;
	margin-bottom:50px;
    margin-top:1px;
	opacity:0;
	z-index:0;
	-webkit-transition: margin-top .15s ease-out, opacity .15s ease-out;
	-moz-transition: margin-top .15s ease-out, opacity .15s ease-out
}
#main article.active{
	margin-top:30px;
	opacity:1;
}

article h1, article h2{
	text-shadow:0 1px 0 #fff;
	margin-bottom:.5em;
	margin-top:1em;
	font-family:'Maven Pro', sans-serif;
	clear:both
}
article h1{font-size:28px}
article h2{font-size:24px;font-weight:500}
article h3{font-size:18px;font-weight:500;margin-bottom:.5em}
p,cite{color:#333}
cite{font-size:14px;display:block;line-height:1.25em}
p{margin-bottom:1em;font-size:16px}
#disclaimer{opacity:0.75;font-size:14px;margin-bottom:0;clear:both}

#contact{float:right;margin:0 0 20px 30px;}
#contact h1{margin:0;font-size:18px;}
#contact h2{margin:.5em 0;font-size:16px;}
#contact div{font-size:14px}

#acupoints img{float:right}
#acupoints div{float:left;width:650px}

#treatment h2 {font-weight:bolder}

#instructions img{
	display:block;
	margin:0 auto;
}

#faq ul{list-style-type:none}
#faq div:target {
	background:rgba(255,221,136,.5);
	padding:5px 15px;
	border:2px solid #db6;
	border-left:7px solid #db6
}

input[type="submit"] {
	background:#eaeaea;
	background:-webkit-linear-gradient(#eee,#ddd);
	background:-moz-linear-gradient(-90deg,#eee,#ddd);
	padding:3px 8px;
	border:1px solid #aaa;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	font-family:sans-serif;
	font-weight:bold;
	color:#444;
	cursor:pointer;
}
input[type="submit"]:hover {
	background:#77c;
	background:-webkit-linear-gradient(#88c, #55c);
	background:-moz-linear-gradient(-90deg, #88c, #55c);
	border:1px solid #44c;
	color:white
}
input[type="submit"]:active {
	background:-webkit-linear-gradient(#55c, #88c);
	background:-moz-linear-gradient(-90deg, #55c, #88c);
	background:#66c;
}
#purchase img{float:left;margin:20px 40px 20px 0}
#purchase h2 {
	margin-top:10px;
	font-weight:700;
	font-size:22px;
    clear:none;
}
#purchase ul {
	list-style-position:inside;
	font-size:12px;
	color:#444
}
#purchase>div{clear:both}
#purchase .cartbox {
	float:right;
	margin:20px;
	text-align:right
}
#purchase .cartbox h1{font-weight:normal;margin:auto;font-size:16px}
footer{text-align:center;opacity:0.5;font-size:14px;clear:both}
