/* 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-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: 975px; text-align: center;
			color: #c0c0c0; background-color: #000000;
		}
	
		div.left_address {margin: 0 0 0 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: center;}
		
			h1.title {font-style: italic; color: #000000; font-size: 120%;}
			
			img.pic {border: 1px solid #b0c4de;}
			
			div.comment
			{
				text-align: left; font-size: 80%; padding: 0 40px 0 40px; text-align: justify;
			}

			p.repair {background-color: #ffff00; font-weight: bold; padding: 0.75em; border: 1px solid black;}

		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;
		}