html { background-color: #3E2101; }

body {
	width: 973px;
	margin: 6px auto 15px;
	padding: 0;
	background-color: #3E2101;
	font: 12px/15px "Trebuchet MS", Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #85BACB;
	text-decoration: none;
}

a:hover { color: #FFF; }

img { border: none; }

div#header {
	position: relative;
	height: 203px;
	background-image: url("../images/2010-09/header_bg.jpg");
}

div#header h1 {
	position: absolute;
	left: 49px;
	width: 121px;
	height: 135px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-image: url("../images/2010-09_teaser/connect_logo.png");
}

div#header h2 {
	position: absolute;
	left: 191px;
	top: 43px;
	width: 239px;
	height: 18px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url("../images/2010-09_teaser/tagline.png") no-repeat;
}

div#header div#links {
	position: absolute;
	top: 16px;
	right: 0;
}

div#header div#links ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#header div#links ul#nav li {
	float: left;
	margin: 0 0 0 8px;
	padding: 0 9px 0 0;
	border-right: 1px solid #F6821F;
}

div#header div#links ul#nav li.last {
	padding-right: 0;
	border-right: none;
}

div#header div#links ul#nav li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #3E2101;
	background: rgba(62, 33, 1, 0.8);
}

div#header div#links ul#nav li ul li {
	float: none;
	margin: 0;
	padding: 0 0 8px 10px;
	border-right: none;
}

div#header div#links ul#nav li ul li.first {
	padding: 8px 0 8px 10px;
	border: none;
}

div#header div#links ul#nav a { outline: none; }

div#products {
	width: 973px;
	height: 532px;
}

div#products ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#products ul li {
	float: left;
	width: 82px;
	margin: 0;
	padding: 0;
}

div#products ul li.last { width: 71px; }

div#products ul li a {
	display: block;
	width: 71px;
	height: 532px;
	text-indent: -9999px;
	outline: none;
}

div#products ul li a.juno-gi { background: url("../images/2010-09/nav/juno-gi.jpg") no-repeat; }
div#products ul li a.rd-700nx { background: url("../images/2010-09/nav/rd-700nx.jpg") no-repeat; }
div#products ul li a.ax-synth { background: url("../images/2010-09/nav/ax-synth.jpg") no-repeat; }
div#products ul li a.sd-sh01 { background: url("../images/2010-09/nav/sd-sh01.jpg") no-repeat; }
div#products ul li a.octa-capture { background: url("../images/2010-09/nav/octa-capture.jpg") no-repeat; }
div#products ul li a.cube-xl { background: url("../images/2010-09/nav/cube-xl.jpg") no-repeat; }
div#products ul li a.st-2 { background: url("../images/2010-09/nav/st-2.jpg") no-repeat; }
div#products ul li a.ps-6 { background: url("../images/2010-09/nav/ps-6.jpg") no-repeat; }
div#products ul li a.fp-7f { background: url("../images/2010-09/nav/fp-7f.jpg") no-repeat; }
div#products ul li a.hpi-6f { background: url("../images/2010-09/nav/hpi-6f.jpg") no-repeat; }
div#products ul li a.hpi-7f { background: url("../images/2010-09/nav/hpi-7f.jpg") no-repeat; }
div#products ul li a.c-380 { background: url("../images/2010-09/nav/c-380.jpg") no-repeat; }

div#products ul li a:hover { background-position: 0 -534px; }

div#footer {
	height: 33px;
	text-align: right;
}

div#footer img { margin-top: 15px; }