/* Stylesheet for dnaelectronics.ca/specs/some_component.html */

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-style: italic;*/ 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;/*#b0c4de;*/
			}
		
		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;
			/*border: 1px solid #c5a35a; position: relative; margin-top: 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%;
			}

			div.txt
			{
				margin: 0; padding: 0 60px 0 60px; font-size: 80%;
			}
			
		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;
		}