@CHARSET "ISO-8859-1";

body
{
	margin: 0;
	padding: 0;
	background: url(images/dotblue.gif) repeat;
	text-align: center; /*center page in older broswers*/
	color: black;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica;
	padding-top: 1px;	
}

img
{
	border: 0; /*Get rid of borders around images*/	
}

#site
{
	width: 797px;
	margin: 0;
	padding: 0;
	margin-left: auto; /*used to center page in modern browsers*/
	margin-right: auto;	
	background: url(images/border.gif) repeat-y left;	
}

#content
{
	text-align: left;
	margin: 0 auto;
	padding-left: 1em;
	padding-bottom: 2em;
	min-height: 300px;
	width: 775px;
}

#tracks
{
	width: 550px;
	text-align: right;
}

#paypal
{
	width: auto;
	text-align: center;
	margin: 1em auto;	
}
* html #content
{
	height: 300px;
}

.image_left
{
	float: left;
	padding-right: .2em;
}

.image_right
{
	float: right;
	padding-right: 2em;
}

.image_container
{
	width: 775px;
	height: 513px;
}

p
{	
	margin-right: 4em;
	text-align: left;
	color: #66666F;
	font-size: .8em;
}

p.important
{
	color: red;
	font-weight: bold;	
}

.youtube
{
	text-align: center;	
}

.youtube p
{	
	font-size: 1em;
	color: #0099FF;
	text-align: center;
	margin: 1em 0;
	padding: 0;
}

h1
{
	color: #666666;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;	
}

h2
{
	color: #999999;
	font-size: 1em;
	font-weight: normal;
	display: inline;
}

h3
{
	color: #0099FF;
	font-size: 1em;
	display: inline;
}

.nbn
{
	color: #0099FF;
}

#banner
{
	width: 775px;
	height: 184px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/banner-top.jpg) repeat top left;	
}

#banner-top
{
	float: left;
	display: inline;	
	width: 775px;
	height: 14px;
	background: url(images/banner-top.jpg) no-repeat top left;
}

#banner-bottom
{
	float: left;
	display: inline;
	width: 775px;
	height: 23px;
	background: url(images/banner-bottom.jpg) no-repeat;
	padding-bottom: 1px;	
}

#banner-left
{
	float: left;
	display: inline;
	width: 506px;
	height: 147px;
	background: url(images/banner-left.jpg) no-repeat;	
}

#banner-right
{
	float: left;
	display: inline;
	width: 18px;
	height: 147px;
	background: url(images/banner-right.jpg) no-repeat;	
}

#banner-link
{
	float: left;
	display: block;
	width: 251px;
	height: 147px;
	background: url(images/banner-link.gif) no-repeat;	
}

a#banner-link:hover
{
	background: url(images/banner-link-read.gif) no-repeat;	
}
	
#footer
{
	margin: 0 auto;
	text-align: right;
	width: 797px;
	background: url(images/footer.jpg) no-repeat top right;
	height: 26px;
	padding: 0;
}

#bottom_border
{
	width: 797px;
	background: url(images/bottom_border.jpg) repeat-x top;
	height: 11px;;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#navbar
{
	width: 775px;
	max-height: 31px;
	background-color: black;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

#navbar ul
{
	margin: 0;
	padding: 0;
	line-height: 30px;
	whitespace: nowrap;
}

#navbar li
{
	padding: 0;
	list-style-type: none;
	display: inline;
}

#navbar a
{
	text-decoration: none;
	border: none;	
}

a#home img 
{
	background: url(images/takpro_17.jpg) top left no-repeat;	
	height: 30px;	
	width: 81px;	
}

a#home:hover img
{
	background: url(images/takprorollover_17.jpg) top left no-repeat;	
}

a#about img 
{
	background: url(images/takpro_18.jpg) top left no-repeat;	
	height: 30px;	
	width: 113px;	
}

a#about:hover img
{
	background: url(images/takprorollover_18.jpg) top left no-repeat;	
}

a#products img 
{
	background: url(images/takpro_19.jpg) top left no-repeat;	
	height: 30px;	
	width: 150px;	
}

a#products:hover img
{
	background: url(images/takprorollover_19.jpg) top left no-repeat;	
}

a#distributors img 
{
	background: url(images/takpro_20.jpg) top left no-repeat;	
	height: 30px;	
	width: 158px;	
}

a#distributors:hover img
{
	background: url(images/takprorollover_20.jpg) top left no-repeat;	
}

a#contact img 
{
	background: url(images/takpro_21.jpg) top left no-repeat;	
	height: 30px;	
	width: 131px;	
}

a#contact:hover img
{
	background: url(images/takprorollover_21.jpg) top left no-repeat;	
}

a
{
	color: #0099FF;	
}

.comments-area
{
	text-align: center;
	margin: 0 auto;	
}

.messageBox
{
	text-align: center;
	margin: 1em auto;
	width: 600px;
	font-size: .8em;
}

.messageBox a
{
	color: lightgrey;	
}

.messageInfo
{
	border: 1px solid black;
	color: white;
	background-color: blue;
	background: url(images/banner-top.jpg) repeat top left;
	text-align: left;
	width: 600px;
}

.message
{
	background-color: lightgrey;	
	border: 1px solid black;
	text-align: left;
	width: 600px;
}

.error
{
	color: red;
}

#sortby
{
	width: 600px;
	margin: 0 auto;
}

#sortby p
{
	padding: 0;
	margin: 0;
	text-align: right;
}

label
{
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

form p
{
	margin-top: 0;
	margin-bottom: 0;
}

#smiley
{
	width: 590px;
	text-align: right;
	margin-right: 0.5em;
}

#post
{	
	margin-left: 6.5em;
}