/* Eric Meyer's CSS Reset Reloaded */
html, body, div, span, applet, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; }
:focus {
	outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white; }
ol, ul {
	list-style: none; }
table {
	border-collapse: separate;
	border-spacing: 0; }
caption, th, td {
	text-align: left;
	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }
blockquote, q {
	quotes: "" ""; }

body {
	font: small/1.2em Arial, Helvetica, sans-serif; }
em { font-style: italic; }
strong { font-weight: bold; }
#wrap {
	width: 850px;
	margin: 0 auto;
	position: relative;
	font-size: 90%;
	background: #fff url(../images/bg.gif) repeat-y; }
.col {
	float: left; }

/* Header and top navigational elements. */
h1 a {
	display: block;
	width: 286px;
	height: 158px;
	background: transparent url(../images/banner.gif) no-repeat; 
	position: absolute;
	left: 210px;
	top: 0;
	z-index: 1; }
h1 a span {
	display: none; }
#topnav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;}
#topnav li {
	float: left;
	padding-left: 3px; }
#topnav li a {
	display: block;
	padding: 10px 8px 3px 8px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 110%;
	color: #000;
	background-color: #fc0;
	text-decoration: none; }
#topnav li a:hover, #topnav li a.active {
	padding-top: 15px;
	background-color: #fd0; }

/* Left sidebar. */
#left {
	clear: left;
	width: 198px; }
#left hr {
	margin: 10px 0 5px 0;
	border: 0;
	height: 1px;
	color: #fff;
	background-color: #fff; }	
#left a {
	color: #fff; }
#left p, #left ul {
	margin-left: 10px; }
#left ul {
	padding: 5px 0; }
#left ul li {
	margin-bottom: 1em; }
#left ul li a {
	text-decoration: none;
	font-weight: bold; }
#left ul li a:hover {
	color: #ddd; }
#left ul.big {
	font-size: 110%; }

#right {
	width: 200px;
	margin-top: 50px;
	padding: 5px 5px 0 5px;
	border-left: 1px solid #ccc; 
	color: #666; }
#right h2 {
	color: #999;
	font-size: 110%;
	font-weight: bold; }
#right h3 {
	font-size: 120%;
	color: #d93d2e;
	font-weight: bold; }
#right a {
	color: #666;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none; }
#right a:hover {
	color: #999; }
#right p {
	margin-bottom: 1em; }
#right hr {
	border: 0;
	height: 1px; 
	color: #ccc;
	background-color: #ccc;
	margin: 10px 0; }
#right ul {
	padding: 5px 10px 15px 15px; }
#right ul li {
	margin-bottom: .8em; }
#right form {
	background-color: #ebebeb;
	padding: 5px; }
#right form button {
	margin: 1em 0 0 100px; }
#right form .error {
	font-weight: bold;
	color: #c00; }
#right form .success {
	font-weight: bold;
	color: #508299; }

/* Middle column styles */
#middle {
	width: 410px;
	padding: 220px 16px 20px 15px; }
#middle h2 {
	font-size: 160%;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	margin-bottom: .25em;
	color: #666; }
#middle h3 {
	font-size: 120%;
	color: #d93d2e;
	font-weight: bold; }
#middle p {
	margin-bottom: 1em; }
#middle .small {
	font-size: 80%; }

#middle form {
	margin: 1.5em 0; }
#middle form label {
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	width: 160px; }
#middle form input {
	float: left;
	width: 200px; }
#middle form button {
	clear: both;
	margin: 1em 0;
	margin-left: 160px; }	
#middle form p {
	clear: left; }
#middle form p#nospam {
	margin-left: 160px; }
#middle #msg {
	background-color: #ffd3d3;
	color: #c00;
	border-top: 1px solid #c00;
	padding: 5px 10px; }
#middle #msg p {
	margin-bottom: 0; }

#middle table#bonusad {
	border: 1px solid #ccc;
	margin-bottom: 40px; }
#middle table#bonusad h3 {
	font-size: 100%; }
#middle table#bonusad ul {
	clear: none;
	margin: .5em 0 .5em 15px; }
#middle table#bonusad a {
	font-weight: bold;
	color: #000;
	text-decoration: none; }
#middle table#bonusad a:hover {
	color: #999; } 

#middle table#extras {
	margin-top: 15px; }	
#middle table#extras h4 {
	font-weight: bold;
	font-size: 110%;
	padding: 5px 0; }
#middle table#extras p {
	margin: 0;
	font-size: 90%; }

#middle ul#bonus {
	margin-top: 1em; }	
#middle ul#bonus li.opened a {
	width: 300px;
	color: #f68d3c;
	background: transparent url(/toolsjigs/images/bar.gif) repeat-x left;}
#middle ul#bonus li.opened a span {
	background-color: #fff;
	padding-right: 5px; }	
#middle ul#bonus li a {
	display: block;
	color: #000;
	font-size: 120%;
	text-decoration: none;
	margin-bottom: 1em; }
#middle ul#bonus li a:hover {
	color: #f68d3c; }	
#middle ul#bonus li ul.submenu {
	display: none;
	position: absolute;
	top: 170px;
	left: 420px;
	width: 190px;
	border-left: 1px solid #ccc;
	background: #fff url(/toolsjigs/images/bar.gif) no-repeat bottom left; }
#middle ul#bonus li ul.submenu li.first {
	background: #fff url(/toolsjigs/images/bar.gif) no-repeat top left;
	padding-top: 3px;  }
#middle ul#bonus li ul.submenu li a {
	background: none;
	color: #000;
	width: 190px;
	font-size: 100%;
	margin-bottom: .5em; 
	padding-left: 7px;}
#middle ul#bonus li ul.submenu li a:hover {
	color: #f68d3c; }
#middle ul#bonus li ul#router-sub {
	top: 300px; }
#middle ul#bonus li ul#tablesaw-sub {
	top: 300px; }
#middle ul#bonus li ul#cutting-sub {
	top: 260px; }
#middle ul#bonus li ul#cabinets-sub {
	top: 380px; }
#middle ul#bonus li ul#gluning-sub {
	top: 190px; }
#middle ul#bonus li ul#shop-sub {
	top: 200px; }
#middle ul#bonus li ul#sanding-sub {
	top: 420px; }
#middle table#vindex {
	margin-top: 40px; }
#middle table#vindex tr td {
	padding-right: 15px; }
#middle #video {
	margin: 15px 0; }

/* Footer styles. */
#footer {
	clear: both; 
	padding-left: 213px; 
	font-size: 80%;}
#footer a {
	text-decoration: none;
	color: #000; }
#footer a:hover {
	text-decoration: underline; }