@charset "utf-8";

@import "reset-min.css";

body{
	font-size:12px;
	line-height:1.5;
}

#wrapper{
	width:540px;
	margin:auto;
}

h1{
	margin:18px 0;
}

#main{
	margin-bottom:16px;
	border:1px solid #ccc;
	background:#f5f5f5;
}

#main h2{
	padding:0 0 29px 1em;
}

.tabNav{
	position:relative;
	z-index:10;
	padding-left:1em;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border-top:1px solid #ccc;
	padding:1em;
	background:#fff;
}

.tabContent h3{
	font-weight:bold;
	margin-bottom:0.75em;
}

.tabContent dl{
	border-top:1px dotted #ccc;
	padding-top:0.75em;
}
.tabContent p{
	padding-bottom:0.75em;
	border-bottom:1px dotted #ccc;
	margin-bottom:0.75em;
}

#copy{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999;
}