/* Copyright D 'n A Electronics 2011 */
/* Stylesheet for http://www.dnaelectronics.ca/specs/brand.html, where brand will be marantz, pioneer, sae, etc. */

body {margin: 0 auto; padding: 0; background-color: #000040;}

	a.links {color : #0000ff;}

		a.links:link {color : #0000ff; text-decoration : underline;}

		a.links:hover {color : #ff0000;}

	p.content {font-size: 80%;}

	div.main_wrapper { margin: 0 auto; padding: 0; width: 980px; background-color: #f0f0f0; height: 100%;}
	
		div.logo {margin: 0; padding:0; float: left; width: 480px; height: 80px;}
		
		div.ticker_1 {margin: 0 0 0 480px; padding: 0; width: 500px; height: 80px; background-color: #000000;}
		
			div.ticker_1_txt
			{
				margin: 0 0 0 0; padding: 1em 0 0 0; font-size: 100%; font-weight: bold; 
				text-align: center; background-color: #000000; color: #ffffff;
			}
			
			div.ticker_2_txt
			{
				margin: 0 0 0 0; padding: 1em 0 0 0; font-size: 80%; font-weight: bold; text-align: center;
				background-color: #000000; color: #caad4d;
			}
		
		div.address
		{
			margin: 0 0 0 0; padding: 0 0 0 5px; width: 980px; text-align: center;
			color: #c0c0c0; background-color: #000000;
		}
	
		div.left_address {margin: 0; padding 0; float: left; width: 25%; text-align: left;}
		
		div.wrapper_address {margin: 0 0 0 25%; padding: 0; width: 75%;}
		
			div.centre_address {margin: 0; padding 0; float: left; width: 50%; text-align: left;}
			
			div.right_address {margin: 0 0 0 50%; padding: 0; width: 50%; text-align: left;}
		
		a.address {color: #b0c4de;}

			a.address:link {color: #b0c4de; text-decoration : underline;}

			a.address:hover {color: #ff0000;}

		span.address_labels {font-size: 80%;}
		
		span.phone_number {font-size: 80%; font-weight: bold;}
		
		span.email {font-size: 80%; font-weight: bold;}
		
		span.street {font-size: 80%; font-weight: bold;}
		
		div.navigation {margin: 0 0 5px 5px; padding: 0.5em 0 0.5em 0; width: 970px; text-align: center;}
		
			span.site_map_title {font-size: 80%; font-weight: bold;}
			
			span.site_map_links {font-size: 80%;}
			
			sup.blog {font-size: 60%;}
		
		div.quality
		{
			background-image: url("../gfx/title_pattern.gif"); margin-left: 4px; border: 1px solid #b0c4de;
			padding: 5px 0 10px 0; width: 970px; text-align: center; font-size: 100%; font-style: italic;
			font-weight: bold;
		}
		
			hr.quality {width: 800px; height: 1px; border: none; color: #c5a35a; background-color: #c5a35a;}
			
			div.comp_types
			{
				font-size: 80%; font-style: italic; font-weight: normal; text-align: center; padding: 0.5em 0 0.5em 0;
				color: #4040ff;
			}
			
		div.top_pics {width: 970px; height: 90px; padding: 5px 0 5px 0; margin-left: 5px;}
		
			img.top_pics {padding-left: 1px; border: none;}
		
		hr.top {width: 970px; height: 1px; border: none; color: #c5a35a; background-color: #c5a35a;}
		
		div.left {margin: 0 10px 0 5px; padding: 5px 5px 5px 0; width: 360px; float: left;}
		
			div.topics
			{
				width: 350px; padding: 5px; border: 1px solid #b0c4de; background-image: url("../gfx/toc_pattern.gif");
			}
			
			span.topics {font-size: 100%; font-weight: bold;}
			
			hr.topics {width: 270px; height: 1px; border: none; background-color: #b0c4de; color: #b0c4de;}
			
			span.topic {font-size: 90%; font-weight: bold;}
			
			div.topic {margin: 5px 0; font-size: 80%; text-align: left;}
			
			div.topic_img {text-align: center; padding: 2px 0;}
			
			img.topic_img {border: 2px solid;}
		
		div.right {width: 595px; margin: 0 0 0 380px; text-align: left;}
		
			h1.title {font-style: italic; color: #000000; text-align: center; font-size: 120%;}
			
			h2.subtitle {font-style: italic; color: #000000; text-align: center; font-size: 100%;}
			
			div.txt {margin: 0; padding: 0 60px 0 60px; font-size: 80%;}
			
			div.models
			{
				margin: 0 60px; padding: 1em 10px; text-align: center; line-height: 2em; word-spacing: 1em;
				border: thin solid #b0c4de; background-color: #e0e0e0; font-weight: bold;
			}

		div.about {background-color: #f0f0f0; margin: 0 auto; padding: 5px; width: 970px; clear: both; font-size: 80%;}
		
			hr.bottom {width: 728px; position: relative; margin-top: 1em;}

		div.footer
		{
			font-size: 80%; background-color: #000000; margin: 0 auto; padding: 5px; width: 970px; color: #f0f0f0;
			clear: both;
		}