/*
Company:	Atterotech
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the generic layout shell of pages on of the site
Modules - styles for content modules (non-generic layouts, special non-nav elements, rich content, etc.)
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere (IE hacks, clear elements, etc.)
*/

/* @group HTML, Body */
	html {
		background-color: #e9eae9;
	}
	body {
	
	}
/* @end */

/* @group Layout */
	/* Page Wrapper Elements */
		div#container {
			width: 789px;
			margin: 0 auto;
			height: 1%;
		}
	
		div#container-inner {
			padding: 0;
			height: 1%;
		}
	
		div#container-inner-most {
			background-color: #FFF;
			padding: 0 18px 35px 23px;
			height: 1%;
		}

	/* Header */
		/* Head Container */
			div#hd {
				position: relative;
				padding: 11px 22px 0 17px;
				height: 1%;
			}
		
			div#hd-inner {
				border-bottom: 1px solid #333;
				height: 1%;
			}

		/* Logo */
			div.logo {float: left;}
		
			div.logo a:link, div.logo a:visited {
				display: block;
				width: 375px;
				height: 53px;
				text-indent: -9999px;
				background: url(/images/bg-logo.gif) top left no-repeat;
			}

		/* Search */
			div.search {
				float: right;
				padding: 13px 0 0 0;
			}
		
			div.search .txt {
				border: 1px solid #000;
				width: 136px;
				vertical-align: top;
			}
		
			div.search .btn {vertical-align: top;}

	/* Content Page (Tabbed) */
		/* Breadcrumb is in nav.css */
	
		/* Page Wrapper Tweaks */
			div#container-inner .inside-page {padding: 0 18px 22px 23px;}

		/* Tabbed Container */
			div.content-container {
				clear: both;
				background: url(/images/bg-content-tile.png) top left repeat-y;
				height: 1%;
			}

			div.content-container-inner {
				background: url(/images/bg-content-top.png) top left no-repeat;
				height: 1%;
			}

			div.content-container-inner-most {
				background: url(/images/bg-content-bottom.png) bottom left no-repeat;
				padding: 28px 33px 32px 33px;
				height: 1%;
				position: relative;
			}

			div.content-container-inner-most .product-splash-nav {
				padding-top: 8px;
			}

	/* Footer */
		div#ft {
			width: 912px;
			margin: 0 auto;
			padding: 14px 0 30px 0;
		}
	
		div#ft ul {
			margin: 0;
			float: right;
		}
	
		div#ft ul li {
			float: left;
			list-style: none;
			font-size: 77%;
			background: url(/images/bg-ft-link.gif) center right no-repeat;
			padding: 0 21px 0 0;
			margin: 0 21px 0 0;
		}
	
		div#ft ul li.last {
			background: none;
			margin: 0;
			padding: 0;
		}
	
		div#ft ul li.last a:link, div#ft ul li.last a:visited {text-decoration: none;}
		div#ft ul li a:link, div#ft ul li a:visited {color: #333333;}
/* @end */

/* @group Modules */
	/* Two-Column Layout */
		/* Two Columns */
		div.two-cols {
			padding: 0 0 0 30px;
			background: url(/images/bg-two-cols.gif) 374px 0 no-repeat;
		}
	
		div.two-cols h3 {
			margin: 0 0 7px 0;
			font-size: 123.1%;
		}
	
		div.two-cols p {
			font-size: 93%;
			line-height: 1.4em;
			margin: 0 0 6px 0;
		}
	
		div.two-cols div.col-one {
			width: 315px;
			float: left;
			margin: 0 64px 0 0;
		}
	
		div.two-cols div.col-two {
			width: 315px;
			float: left;
		}
	
		/* Learn More Link */
		span.cols-continue {padding: 0 0 0 26px;}

	/* Product Details Layout */
		/* Container Spacing */
			div.product-content {
				width: 483px;
				float: left;
				margin: -10px 0 0 0;
			}

		/* Product Overview, details */
			body.overview-on div#overview {display: block;}
			body.overview-on div#details {display: none;}
			body.details-on div#details {display: block;}
			body.details-on div#overview {display: none;}
		
			div#overview, div#details {padding: 10px 0 0 0;}
			div#overview ul {margin: 0;
			position: relative;
			z-index: 4;}
		
			div#overview ul li {
				list-style: none;
				padding: 0 0 28px 53px;
				position: relative;
			}
		
			div#overview ul li img {
				position: absolute;
				left: 0;
				top: 0;
			}
	
		/* Specs */
			div.specs {padding: 10px 0 17px 0;}
		
			div.specs h4 {
				font-size: 100%;
				margin: 0 0 4px 0;
			}
		
			div.specs dl {
				padding: 0 0 0 7px;
				margin: 0;
				font-size: 85%;
			}
		
			div.specs dl dt {
				float: left;
				width: 213px;
				padding: 0 0 5px 0;
				margin: 0;
				display: block;
				font-weight: normal;
			}
		
			div.specs dl dt.sub {
				position: relative;
				left: 14px;
			}
		
			div.specs dl dd {
				float: left;
				width: 263px;
				padding: 0 0 5px 0;
				margin: 0;
				display: block;
			}

		/* Bottom Page Persistent Section */
 			div.prod-variations, div.call-to-action-icons {
				clear: both;
				background: url(/images/hr-soft.png) top center no-repeat; 
				padding-top: 25px;
				overflow: hidden;
				width: 100%;
			}
			
			div.prod-variations ul, div.call-to-action-icons ul {
				margin: 0;
				position: relative;
				left: 50%;
				float: left;
			}

			div.prod-variations ul li, div.call-to-action-icons ul li {
				float: left;
				position: relative;
				right: 50%;
				list-style: none;
				margin: 0;
			}

			div.call-to-action-icons ul li a, div.call-to-action-icons ul li p,
			div.prod-variations ul li a, div.prod-variations ul li p {
				float: left;
				background-position: center top;
				background-color: none;
				background-repeat: no-repeat;
			}

				/* Product Variations */
				div.prod-variations ul li {
					width: 174px;
					margin: 0 26px 25px;
				}

				div.prod-variations ul li p {
					margin: 10px 0 0;
				}
	
				/* CTA Links */
				div.call-to-action-icons ul li a:link,
				div.call-to-action-icons ul li a:visited {
					font-size: 77%;
					text-transform: uppercase;
					width: 110px;
					height: 26px;
					color: #333333;
					text-decoration: none;
					font-weight: bold;
					padding-top: 35px;
					margin: 0 13px 13px;
					text-align: center;
					background-repeat: no-repeat;
					background-position: center 0;
				}
				
			
				div.call-to-action-icons ul li a:hover {color: #f58425; background-position: center -61px;}

		/* Call To Action Icons and Hover States */
			li.icon-manual a:link, li.icon-manual a:visited {background-image: url(/images/icon-manual.gif);}
			li.icon-tech-brief a:link, li.icon-tech-brief a:visited {background: url(/images/icon-tech-brief.gif);}
			li.icon-pricing a:link, li.icon-pricing a:visited {background: url(/images/icon-pricing.gif);}
			li.icon-software a:link, li.icon-software a:visited {background: url(/images/icon-software.gif);}
			li.icon-buy-now a:link, li.icon-buy-now a:visited {background: url(/images/icon-buy-now.gif);}
			li.icon-contact-us a:link, li.icon-contact-us a:visited {background: url(/images/icon-contact-us.gif);}
			li.icon-previous a:link, li.icon-previous a:visited {background: url(/images/icon-previous.gif);}
			li.icon-next a:link, li.icon-next a:visited {background: url(/images/icon-next.gif);}
			li.icon-find-a-rep a:link, li.icon-find-a-rep a:visited {background: url(/images/icon-find-a-rep.gif);}

	/* Informational Page Layout */
		/* Sidebar/Pull Quotes */

			div.content-container-inner-most span.sidebar, div.content-container-inner-most span.leftsidebar {
				padding-top: 15px;
				position: relative;
				right: -22px;
				line-height: 150%;
				color: #fff;
				font-size: 75%;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background: url(/images/bg-sidebar-t.png) no-repeat top left;
				float: right;
				right: -22px;
				margin: 11px 0 9px -9px;
			}

			span.sidebar div {
				width: 305px;
				background:#000 url(/images/bg-sidebar-b.png) no-repeat bottom left;
				padding: 0px 15px 15px 17px;
				overflow: hidden;
			}
				span.sidebar div div { background: none; padding: 0 0 0 15px; width: auto; }
				span.sidebar div.pullquote, span.leftsidebar div.pullquote { width: 330px; }
				span.sidebar div.pullquote p, span.leftsidebar div.pullquote p { margin: 0 0 10px; line-height: 24px; font-size: 150%; font-weight: bold; }
				span.sidebar div.picture, span.leftsidebar div.picture { width: 400px; }
				/* Contact List Sidebar is in NAV.CSS */
				span.sidebar div.picture p { float:left; overflow: hidden; margin-bottom: 0;}
				span.sidebar div p.last, span.sidebar div p.last { margin-bottom: 0; }

				/* Left-Side Versions */
				div.content-container-inner-most span.leftsidebar {
					background: url(/images/bg-leftsidebar-t.png) no-repeat top right;
					float: left;
					left: -22px;
					margin: 11px -9px 9px 0;
				}
				span.leftsidebar div {
					width: 305px;
					background:#000 url(/images/bg-leftsidebar-b.png) no-repeat bottom right;
					padding: 0px 17px 15px 15px;
					overflow: hidden;
				}
					span.leftsidebar div div { background: none; padding: 0 15px 0 0; width: auto; }
					span.leftsidebar div.picture p { float: right; overflow: hidden; margin-bottom: 0; }


		/* Table Layout */
			div.table {
				border: 3px black;
				border-style: solid;
				overflow: hidden;
				width: 662px;
				margin: 18px auto 22px;
			}

			.table div { padding: 10px; }

			.table h3 { font-size: 110%; text-align: center; margin: 1em auto .66em auto; }

			.table p { margin: 0; }

			.table ul { margin: 0 0 0 14px; }

			.table li { padding-bottom: 6px; }

			.table .cell-full { background-color: white; border-bottom: 3px solid black; }

			/* 3-Column Table */
				div.tablethirds { background: transparent url(/images/bg-table-div.gif) scroll repeat-y top left; }
				.tablethirds .cell { width: 30.1%; float: left; }

		/* Tech Brief Layout */		
			.techbrief .content-container-inner-most h2 {
				font-size: 150%;
				margin-bottom: 10px;
			}

			.techbrief .content-container-inner-most p {
				line-height: 14pt;
			}
/* @end */

/* @group Common Text Styles */
/* @end */

/* @group Default Headings */
	div.product-content h2 {
		font-size: 153.9%;
		margin: 0 0 10px 0;
		padding: 0 0 0 9px;
	}

	.content-container-inner-most h1 {
		font-size: 175%;
		margin: 0 0 7px 225px;
	}

	.backed, .backed-title {
		position: relative; top: -24px; left: -30px; margin: 0 !important;
		background-position: 6px 7px; background-repeat: no-repeat; 
		border-bottom: solid 1px #000;
	}
	.background-title .backed {
		font-size: 210% !important;
		color: #FFF;
		height: 117px;
		width: 490px;
		padding: 88px 0 0 252px;
		text-shadow: 0.075em 0.06em #000;
	}
	.background-title .backed-title {
		font-size: 1px !important;
		color: #000;
		height: 205px;
		width: 742px;
		padding: 0;
	}

/*		#bghead-engineering {background-image: url(/images/bg-eng-splash.jpg);} */
		#bghead-gremlin {background-image: url(/images/bg-eng-gremlin.jpg);}
		#bghead-shirt {background-image: url(/images/bg-eng-shirt.jpg);}
		#bghead-home {background-image: url(/images/bg-eng-home.jpg);}
		#bghead-church {background-image: url(/images/bg-eng-church.jpg);}
		#bghead-nerd {background-image: url(/images/bg-eng-nerd.jpg);}
		#bghead-cobranet-about {background-image: url(/images/bg-about-cobranet.jpg);}
		#bghead-about-attero {background-image: url(/images/bg-about-attero.png);}
/* @end */

/* @group Default Lists */
	/* product detail overviews */
		.product-content ul li {
			background-postion: top left;
			background-repeat: no-repeat;
			background-color: transparent;
			background-attachment: scroll;
		}
			.product-content li.test-it { background-image: url(/images/list-icons/list-icon-test-it.gif); }
			.product-content li.superior-dsp { background-image: url(/images/list-icons/list-icon-superior-dsp.gif); }
			.product-content li.summary-voicebox { background-image: url(/images/list-icons/list-icon-summary-voicebox.gif); }
			.product-content li.summary-squawkbox { background-image: url(/images/list-icons/list-icon-summary-squawkbox.gif); }
			.product-content li.summary-boombox { background-image: url(/images/list-icons/list-icon-summary-boombox.gif); }
			.product-content li.summary-outbox { background-image: url(/images/list-icons/list-icon-summary-outbox.gif); }
			.product-content li.summary-matchbox { background-image: url(/images/list-icons/list-icon-summary-matchbox.gif); }
			.product-content li.summary-inbox { background-image: url(/images/list-icons/list-icon-summary-inbox.gif); }
			.product-content li.summary-cobranet-le { background-image: url(/images/list-icons/list-icon-summary-cobranet-le.gif); }
			.product-content li.summary-cdk-developer-platform { background-image: url(/images/list-icons/list-icon-summary-cobranet-le.gif); }
			.product-content li.summary-gearbox { background-image: url(/images/list-icons/list-icon-summary-gearbox.gif); }
			.product-content li.software { background-image: url(/images/list-icons/list-icon-software.gif); }
			.product-content li.simplified-dsp {background-image: url(/images/list-icons/list-icon-simplified-dsp.gif); }
			.product-content li.serial-bridging { background-image: url(/images/list-icons/list-icon-serial-bridging.gif); }
			.product-content li.programmable-dsp { background-image: url(/images/list-icons/list-icon-programmable-dsp.gif); }
			.product-content li.pro-sound { background-image: url(/images/list-icons/list-icon-pro-sound.gif); }
			.product-content li.poe-power { background-image: url(/images/list-icons/list-icon-poe-power.gif); }
			.product-content li.outie { background-image: url(/images/list-icons/list-icon-outie.gif); }
			.product-content li.mass-manufacturing { background-image: url(/images/list-icons/list-icon-mass-manufacturing.gif); }
			.product-content li.innie { background-image: url(/images/list-icons/list-icon-innie.gif); }
			.product-content li.in-out { background-image: url(/images/list-icons/list-icon-in-out.gif); }
			.product-content li.hmi-options { background-image: url(/images/list-icons/list-icon-hmi-options.gif); }
			.product-content li.flexibility { background-image: url(/images/list-icons/list-icon-flexibility.gif); }
			.product-content li.documentation { background-image: url(/images/list-icons/list-icon-documentation.gif); }
			.product-content li.deploy-it { background-image: url(/images/list-icons/list-icon-deploy-it.gif); }
			.product-content li.dac-adc { background-image: url(/images/list-icons/list-icon-dac-adc.gif); }
			.product-content li.consumer-electronics { background-image: url(/images/list-icons/list-icon-consumer-electronics.gif); }
			.product-content li.computer-audio { background-image: url(/images/list-icons/list-icon-computer-audio.gif); }
			.product-content li.cdk-8duart { background-image: url(/images/list-icons/list-icon-cdk-8duart.gif); }
			.product-content li.cdk-8dhmi { background-image: url(/images/list-icons/list-icon-cdk-8dhmi.gif); }
			.product-content li.cdk-8d { background-image: url(/images/list-icons/list-icon-cdk-8d.gif); }
			.product-content li.advanced-dsp { background-image: url(/images/list-icons/list-icon-advanced-dsp.gif); }
/* @end */

/* @group Forms */
/* @end */

/* @group Default Links - link visited hover active */
	a:link, a:visited {
		color: #f58425;
		text-decoration: none;
	}
	
	/*a:visited {color: #bc651c;}*/
	
	a:hover {
		text-decoration: none;
	}
/* @end */

/* @group Misc */
	.icon-left {float: left;}
	.img-right {float: right; margin: 0 0 0 15px;
	position: relative;
	z-index: 5;}
	.img-left {float: left; margin: 0 15px 0 0;}
	.img-center {display: block; margin: 0 auto 15px;}

	.clear {
		clear: both;
	}

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	.features li {padding-bottom: 5px;}

	.right {float: right;}
	.left {float: left;}
	.indent {text-indent: 5%;}
	.unbold {font-weight: normal;}
	a.dullink, .dullink a {color: #8B1515;}

	h1 span, h2 span, h3 span, h4 span, h5 span {
		display: block;
		font-size: 70%;
		letter-spacing: 1px;
		font-weight: normal;
		margin-top: -2px;
	}
	
	hr.hr-soft {
		padding: 20px 0 21px 0;
		background: url(/images/hr-soft.png) no-repeat center center;
		border: none;
	}

	h4 {font-size: 125%; margin-bottom: .5em; }

	/* Remove Link Outline in Mozilla-Based Browsers */
		a { outline: none; }

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */
/* @end */

.banner {
	clear: both;
	text-align: center;
	font-size: 30pt;
	background-color: #f58425;
}

.banner a {
	color: black;
}

.crosslink-middle {
	color: black;
	background-color: #f58425;
	border-left: 4px solid black;
	width: 114px;
}