* { margin: 0; padding: 0; border: 0; }

body 			{ margin: 0; text-align: center;}
body, p, div, td{ font: 11px/16px  Verdana, Helvetica; Arial,"Trebuchet MS"; color: #000000;}
p				{ margin-top: 6px; margin-bottom: 8px; }
a			 	{ color:#0000FF; text-decoration:underline; }
a:hover 		{ color:#FF0000; text-decoration:none; }
h1, h2, h3, h4	{ font-size: 12px;}

#container			{ width: 760px; margin: 0px auto; background-color: #FFFFFF; text-align: left;}
#header				{ width: 760px; height: 334px; background: url(../_img/bg_header.jpg) bottom right no-repeat;}
#heading			{ width: 760px; height: 63px; background: url(../_img/bg_heading.gif) top left no-repeat; }
#heading h1			{ width: 325px; height: 63px; float: left;}
#heading h1 span 	{ display: none; }
#nav				{ width: 300px; height: 20px; padding-top: 26px; padding-right: 20px; text-align: right; float: right; color: #3D3D3D;}
#nav a				{ color: #3D3D3D; text-decoration: none;}

#menu					{ position: relative; width: 760px; height: 37px; background: url(../_img/bg_menu.gif) top left no-repeat; }

#intro					{ position: relative; width: 760px; height: 226px; background: url(../_img/bg_intro.gif) top left no-repeat; margin-top: 2px;overflow: hidden;}
div.intro				{ width: 181px; margin: 0px 12px;  }
div.intro p				{ font: 10px/11px  Verdana, Helvetica; Arial,"Trebuchet MS"; color: #FFFFFF; margin-bottom: 0px; } 
#holder					{ width: 760px; margin-top: 2px; }

#leftpane				{ width: 230px;  background: url(../_img/bg_holder.gif) top left repeat-y; padding-left: 20px; padding-right: 30px;padding-top: 20px;}
#content				{ width: 480px; padding-top: 20px;}


#footer 		{  width: 760px; height: 49px; background: url(../_img/bg_footer.gif) top left repeat-x; margin-top: 2px; 
				   font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF; 
				   text-align: center; line-height: 45px;  text-transform: lowercase;}
#footer a		{ color: #FFFFFF; text-decoration:none;}
#footer a:hover { color:#CCCCCC; text-decoration:none; }

#copyright 		{ text-align: center;font-size: 10px; color:#3D3D3D; }
#copyright  a 	{ color:#3D3D3D; }
				   
div.line		{ display: block; width: 760px; height: 8px; background: url(../_img/bdr_horizontal.gif) top left repeat-x; }
div.news_stub p,
div.news_stub	{ color: #3D3D3D; font: 10px/12px  Verdana, Helvetica; Arial,"Trebuchet MS"; }

h2#docking_easy 	{width: 100%; height: 45px; background: url(../_img/hd_docking_easy.gif) bottom left no-repeat;  }
h2#latest_news		{width: 100%; height: 20px; background: url(../_img/hd_latest_news.gif) top left no-repeat; margin-top: 20px; }
h2#price_list		{width: 100%; height: 20px; background: url(../_img/hd_price_list.gif) top left no-repeat; margin-top: 20px; }
h2#contact			{width: 100%; height: 20px; background: url(../_img/hd_contact.gif) top left no-repeat; margin-top: 20px; }
h2#links			{width: 100%; height: 20px; background: url(../_img/hd_links.gif) top left no-repeat; margin-top: 20px; }
h2#video			{width: 100%; height: 20px; background: url(../_img/hd_video.gif) top left no-repeat; margin-top: 20px; }

h1#welcome			{width: 480px; height: 164px; background: url(../_img/hd_welcome.gif) top left no-repeat; margin-top: 0px; }

h1#welcome span,
h2 span				{display: none;}

#menu a 				{ width: 85px; height: 37px;  }
#menu a span.menuitem	{ display: none; text-indent: -5000px;}

#menu a#about			{ width: 88px; float: left; margin-left: 314px; background: url(../_img/btn_about.gif) top left no-repeat;}
#menu a#video			{ float: left; background: url(../_img/btn_video.gif) top left no-repeat; }
#menu a#purchase		{ float: left; background: url(../_img/btn_purchase.gif) top left no-repeat; }
#menu a#links			{ float: left; background: url(../_img/btn_links.gif) top left no-repeat; }
#menu a#contact			{ width: 90px; float: left; background: url(../_img/btn_contact.gif) top left no-repeat; }

#menu a#about:hover			{ width: 88px; float: left; margin-left: 314px; background: url(../_img/btn_about_on.gif) top left no-repeat;}
#menu a#video:hover			{ float: left; background: url(../_img/btn_video_on.gif) top left no-repeat; }
#menu a#purchase:hover		{ float: left; background: url(../_img/btn_purchase_on.gif) top left no-repeat; }
#menu a#links:hover			{ float: left; background: url(../_img/btn_links_on.gif) top left no-repeat; }
#menu a#contact:hover		{ width: 90px; float: left; background: url(../_img/btn_contact_on.gif) top left no-repeat; }




.tip 				{ font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:270px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}
li					{ margin-left: 30px;}
table.lined td,
#price_table td		{ border-bottom: 1px solid #3D3D3D;}

#content img.right		{ margin-left: 15px; }