/* colors
#936 puce
#feb light beige text
#444 dk gray
#333 dkr gray
#777 mid gray
#101
#770 dark green (glows nicely as border against gray)
#C7CF47 light green
*/
html {margin:0; padding:0;}
body {
	background-color: #101;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
/*	font-size: 76%;*/
	font-family: Trebuchet, "Trebuchet MS", Arial, sans-serif;
}

table {
	border: 1px solid #999;
/*	border-collapse: collapse;*/
	border-spacing: 0;
}

.title_row {
	background-color: #fee;
	font-weight: bold;
}
.even_row {
	background-color: #eef;
}

.odd_row {
	background-color: #ccf;
}

td {
	padding: 3px;
	margin: 0;
	border: 1px solid #999;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #777;
}

.odd_row:hover, .even_row:hover {
	background-color: #ff7;
	color: #606;
}

#wrapper {
	background-color: #ccc;
	width: 800px; 
	margin: 0 auto;
	border: 3px solid #301;
	border-top: none;
	border-bottom: none;
	min-height: 700px;
}
/*#main_nav, #catalog_nav { width: 770px; margin: 0 auto;}*/
#main_nav {
	background-color: #C7CF47;
	background-image: url(../images/936labels.jpg);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	text-align: center;
	line-height: 1em;
	border-bottom: 1px solid #440;/*same as background-color of tabs in main-nav a!*/
	margin: 0 0 1px;
	padding: 0 1em 1px;
	height: auto;
	
}

#sub_nav {
	background-image: url(../images/770_c7cf47labels.jpg);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: .7em 1em .5em;
	width: auto;
	height: 1em;
	background-color: #777;
	color: #aaa;
	border-top: 1px solid #aa0;
	text-align: left;
	line-height: 1em;
	font-size: .9em;
}

#main_nav a {
	background-color: #440;
	color: #feb;
	font-size: 1em;
	text-decoration: none;
	padding: .1em .5em 0;
	margin-right: 0;
	border-left: 2px solid #aa0;
	border-bottom: 1px  solid #440;
	border-right: 1px solid #777;
	border-top: 1px solid #bb0;
	font-weight: normal;
}

#main_nav a:hover {
	color: #eee;
/*	text-decoration:;*/
	padding-bottom: 0;
	padding-top: .3em;
}

#sub_nav a {
	background-color: #770;
	color: #feb;/*#210;nice redish black*/
	text-decoration: none;
	margin-right: .5em;
	padding: .1em .2em 0;
	border-left: 3px solid #550;
	border-bottom: 1px solid #550;
	border-right: 0px solid #888;
	border-top: 1px solid #aa0;
	font-weight: normal;
}

#sub_nav a:hover {
	background-color:#770;
	color: #fff;
	padding-bottom: 0;
	padding-top: .3em;
}

#home #main_nav .home,
#catalog #main_nav .catalog,
#veneer #main_nav .veneer,
#throcknockers #main_nav .throcknockers,
#about_us #main_nav .about,
#audio #main_nav .audio,
#news #main_nav .news,
#dealers #main_nav .dealers,
#contact #main_nav .contact {
	background-color: #770;
	border-top: 1px solid #cfc747;
	border-right: 1px solid #cfc747;
	border-left: 2px solid #aa0;
	border-bottom: 3px solid #770;
	padding-top: .2em;
}

/* Home section
------------------------------------*/
#home img {
	border: 1px solid #936;
}
/* Catalog section
------------------------------------*/
.catalog_section {
	position: relative;
	background-color: #936;
	color: #feb;
	padding: 0 20px 10px;
	width: 600px;
	border: 1px solid #feb;
	border-top: 1px solid #825;#936;
	margin: 0 auto;
}
.catalog_section h1 {
	border-bottom: 1px solid #feb;
}

.catalog_list_item {
	position: relative;
	float: left;
	text-align: center;
/*	border: 1px solid #999;*/
	width: 145px;
	height: 200px;
	margin: 1px;
}
.catalog_list_item h5 {
	position: relative;
	margin: 1px 0;
}
.catalog_list_item_img {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background-color: transparent;
	border: none;
	padding: 0;
}
.catalog_list_item_img a, .catalog_list_item_img a:hover { padding:0; margin:0; background-color: transparent;}
.catalog_list_item img {
	margin: 0;
	border: 1px solid #999;
}
.catalog_section_clear {
	clear: both;
}
.show {
	background-color: #eee;
	border: 1px solid #999;
	margin: 10px auto;
	padding: 1em 1.5em;
	text-align: center;
}
.item_name {
	color: #936;
	border-bottom: 1px solid #936;
	text-align: left;
	font-size: 1.3em;
}
.show img {
	border: 1px solid #999;
	margin-top: 5px;
}
.item_description {
	background-color: #fff;
	padding: 3px 5px;
	border: 1px solid #999;
	text-align: left;
	text-indent: 2em;
}
#header {
	background: #DDD url(../images/tmd_770c7cf47metal800x100.jpg) no-repeat scroll top center;
	width: 800px;
	height: 100px;
	margin: 0 auto;
}
.content {
	background-color: #444;
	text-align: center;
}
.content h2 {
	color: #feb;
	font-weight: normal;
}
.content span {
	background-color: #777;
	padding: .4em .8em;
	margin: 10px;
}
#home #yield {
	text-align: center;
	width: 650px;
	margin: 0 auto;
}
#yield {
	width: 650px;
	margin: 0 auto;
}
#yield h2, #home #yield h2, #about_us #yield h2 {
	color: #936;
	border-bottom: .1em solid #936;
	padding-left: .1em;
}
#about_us #yield p {
/*	width: 600px;*/
/*	margin: 10px auto;*/
}
/* General Links
================*/
a {
	color: #feb;
}
a:hover {
	color: #fff;
	background-color: #311;
}
.flash_notice, .errorExplanation {
	margin: 5px 50px;
	padding: 2px 10px;
	border: 2px solid #C7CF47;
	background-color: #770;
	color: #c7cf47;
}
body #yield .errorExplanation h4, body #yield .errorExplanation p {
	margin: 1px 2px;
	color: #efe;
	background-color: #911;
	font-weight: normal;
	border: none;
	font-family: monospace;
}
/* Throcknockers section
-------------------------*/
#throcknockers .about_throcknockers {
	background-color: #eee;
	border: 1px solid #bbb;
	margin-top: 0;
}
#throcknockers p {
	position: relative;
	padding: 5px;
	margin: 0;
	font-size: .9em;
}
.throcknocker {
	position: relative;
	clear: both;
	margin-top: 20px;
	background-color: #eee;
	padding: 5px;
	border: 1px solid #bbb;
}
.throcknocker h3 {
	margin: 0 0 5px;
	color: #936;
	border-bottom: 1px solid #936;
}
.throcknocker .link {
	position: relative;
	margin: 0;
	color: #770;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	border-bottom: 1px dashed #936;
	font-family: monospace;
}
.throcknocker .link:hover {
	color: #936;
	background-color: #C7CF47;
}
#throcknockers #yield .throcknocker p {
	position: relative;
	margin: auto;
	padding: auto;
}
.throcknocker img {
	position: relative;
	margin: 2px 5px 5px 0;
}
.throcknocker .clear {
	clear: both;
}
#throcknockers .left_img {
	float: left;
	margin-right: 10px;
	border: 1px solid #936;
}
#throcknockers .right_img {
	float: right;
	margin-left: 10px;
	margin-right: 1px;
	border: 1px solid #936;
}
/* About Us section
-------------------------*/
#about_us .p {
	position: relative;
	padding: 10px;
	font-size: .9em;
	background-color: #eee;
	margin: 0;
	border: 1px solid #bbb;
	font-size: .9em;
}
#about_us .clear {
	position: relative;
	clear: both;
	margin: 0;
}
#about_us .left_img {
	position: relative;
	float: left;
	margin-right: 10px;
	border: 1px solid #936;
}
#about_us .right_img {
	position: relative;
	float: right;
	margin-left: 10px;
	border: 1px solid #936;
}

/* Audio section
-----------------------------*/
#audio h3 {
	margin-bottom: 0;
	border-top: 1px solid #aaa;
}
#audio h3 a {
	color: #936;
	text-decoration: none;
	padding: 1px 4px;
}
#audio h3 a:hover {
	background-color: #936;
	color: #C7CF47;
}
#audio img.smaller {
	height: 20px;
	width: 20px;
	vertical-align: text-bottom;
}
#audio h3 img {
	vertical-align: middle;
}
#audio p {
	background-color: #eee;
	padding: 10px;
	margin: 0;
	border: 1px solid #bbb;
	font-size: .9em;
}
/* News section
---------------------------------*/
.news_story {
	background-color: #eee;
	border: 1px solid #bbb;
	margin-bottom: 20px;
}
.news_story h3, .news_story h4 {
	color: #201;#936;
	margin: 0;
	padding: .2em 10px .1em;
}
.news_story h3 {
/*	text-decoration: underline;*/
	letter-spacing: 1px;
	font-family: sans-serif;
	font-size: 1.7em;
	margin-bottom: 0;
	margin-top: 5px;
}
.news_story h4, .news_story span.news_date {
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0em;
	font-family: monospace;
	font-size: 50%;
}
.news_story p {
	padding: 10px;
/*	text-indent: 1.3em;*/
/*	font-family: serif;*/
	font-size: .9em;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 5px 10px 10px;
}
/* Dealers section 
---------------------------------*/
.dealer {
	background-color: #ddd;
	border: 1px double #bbb;
	padding: 10px;
}
.dealer h3, .dealer h4 {
	color: #333;
	margin: 0;
}
.dealer h3 {
	background-color: #333;
	border: 1px solid #666;
	padding: 2px;
}
.dealer h4 {
	padding: 3px;
	font-weight: normal;
}
.dealer p {
	padding: 4px;
}

/* Contact section
-----------------------------*/
#contact #yield {
	position: relative;
}
#contact .contact_info_left {
	background-color: #ddd;
	margin-right: 10px;
	width: 230px;
	font-size: .9em;
}
#contact .contact_info_left p {
	margin: 3px;
	padding: 10px;
}
#contact .contact_info {
	border-top: 1px solid #ccc;
}
#contact_form {
/*	border: 1px dotted red;*/
	text-align: right;
	width: 380px;
	margin: 0;
	background-color: #ddd;
	position: relative;
	float: right;
	padding: 0 5px;
}
#contact_form h4 {
	margin: 8px;
}
#contact_form p {
	margin: 0;
	padding: 0;
}
#contact .text_field, #contact .text_area {
	text-align: center;
	color: #936;
	font-size: .8em;
	border-bottom: 1px solid #ccc;
}
#contact .text_area {
	text-align: center;
/*	border: none;*/
}
#contact .text_field input, #contact .text_area textarea {
	width: 350px;
}
#contact textarea {
	height: 13em;
}
#message_sender_name,
#message_sender_email,
#message_message_title {
	color: #123;
	background-color: #eee;
	border: 1px solid #aaa;
	font-size: 1em;
}
#message_message_body {
	border: 1px solid #aaa;
	background-color: #eee;
}
#submit_button {
	text-align: center;
}

/* My own blurb */
#jj {
	margin: 5px auto;
	text-align: center;
	color: #936;
	padding: 2px;
	border: 1px solid #770;
	font-size: .9em;
	width: 796px;
}
#jj a {
	padding: 1px 3px;
}
#jj a:hover {
	background-color: #feb;
	color: #100;
}