html, body {
	margin:0;
	height: 100%;
}
body {
	background: #463f2b url(../i/connect/footer.gif) no-repeat bottom left;
	color: #9b9b78;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}
a {
	outline: none;
	color: #9b9b78;
	text-decoration: none;
}
img {
	border: none;
}
#safeco {
	position: absolute;
	width: 279px;
	height: 105px;
	background: transparent url(../i/home/safeco.gif) no-repeat;
}
#bug {
	margin: 0 auto;
	width: 200px;
}
#bug a {
	display: block;
	width: 200px;
	height: 73px;
	background: transparent url(../i/sub/bug.gif) center 25px no-repeat;
}
/* subpage nav */
.sub #nav {
	position: relative;
	margin: 0 auto;
	width: 102px;
	height: 33px;
	padding-bottom: 20px;
}
.sub #navlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sub #navlist li {
	float: left;
	font-size: 0;
}
.sub #navlist li a {
	background: transparent url(../i/connect/nav-sub.gif) no-repeat;
	display: block;
	height: 14px;
}
.sub #navlist li a#return {margin-top: 8px;width: 102px; background-position: 0 -53px;}
.sub #navlist li a#return:hover {background-position: 0 -19px;}
#section-label {
	position: relative;
	margin: 0 auto 30px auto;
	width: 127px;
	height: 19px;
	font-size: 0;
	background: transparent url(../i/connect/section.gif) no-repeat 0 36px;
}
.connect #section-label {background-position: 0 -72px;}
.clientaccess #section-label {background-position: 0 -108px;}
/* body content */
.connect #body {
	position: relative;
	/*width: 830px;*/
	width: 830px;
	margin: 0 auto;
	padding-top: 25px;
}
.connect #body #connect-map {
	margin: 0 auto;
	width: 825px;
	height: 410px;
}
.connect #body #nav {
	position: absolute;
	top: 500px;
	left: 80px;
}
.connect #body #nav #arrow, .clientaccess #body #nav #arrow {
	position: absolute;
	top: 11px;
	left: 4px;
	width: 10px;
	height: 12px;
	background: transparent url(../i/connect/nav-sub.gif) no-repeat -40px 0;
}
.connect #body #text {
	margin: 10px 0 0 219px;
}
.connect #body #text a:hover {
	border-bottom: 1px dotted #9b9b78;
}
.connect #body #text div {
	float: left;
}
.connect #body #text div p {
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 1.4;
}
.connect #body #text div p span {
	font-weight: bold;
}
.connect #body #text #phone-address {width: 124px;}
.connect #body #text #email-links {width: 205px;padding-left: 24px;}
.connect #body #text #job-openings {width: 234px;padding-left: 24px;}
.clientaccess #body {
	position: relative;
	margin: 0 auto;
	width: 812px;
	padding-top: 50px;
}
.clientaccess #body #nav {
	position: absolute;
	top: 50px;
	left: 80px;
}
.clientaccess #body #frame #text p {
	margin: 18px 0 0 0;
	color: #bebe9c;
	letter-spacing: 2px;
}


/* hide all the text */
#bug, #navlist li, #section-label {
	text-indent: -1000em;
}

#mainnav {
	position: relative;
	margin: 50px auto;
	width: 476px;
	height: 39px;
}
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 39px;
}
#mainnav ul li {
	float: left;
	font-size: 0;
	text-indent:-9999px;
}
#mainnav ul li a {
	background: transparent url(../i/home/nav-main.gif) no-repeat;
	display: block;
	height: 39px;
}
#mainnav ul li a#home {width: 52px; background-position: 0 0;}
#mainnav ul li a#video {width: 52px; background-position: -630px 0;}
#mainnav ul li a#live-action {width: 97px; background-position: -52px 0;}
#mainnav ul li a#motion-graphics {width: 128px; background-position: -149px 0;}
#mainnav ul li a#identity {width: 74px; background-position: -275px 0;}
#mainnav ul li a#print {width: 55px; background-position: -349px 0;}
#mainnav ul li a#interactive {width: 100px; background-position: -404px 0;}
#mainnav ul li a#connect {width: 78px; background-position: -504px 0;}
#mainnav ul li a#blog {width: 50px; background-position: -582px 0;}
#mainnav ul li a#video:hover, #navlist li a#video.active {background-position: -630px -39px;}
#mainnav ul li a#live-action:hover, #navlist li a#live-action.active {background-position: -52px -39px;}
#mainnav ul li a#motion-graphics:hover, #navlist li a#motion-graphics.active {background-position: -149px -39px;}
#mainnav ul li a#identity:hover, #navlist li a#identity.active {background-position: -275px -39px;}
#mainnav ul li a#print:hover, #navlist li a#print.active {background-position: -349px -39px;}
#mainnav ul li a#interactive:hover, #navlist li a#interactive.active {background-position: -404px -39px;}
#mainnav ul li a#connect:hover, #navlist li a#connect.active {background-position: -504px -39px;}
#mainnav ul li a#blog:hover, #navlist li a#blog.active {background-position: -582px -39px;}

#mainnav ul li a#connect {background-position: -504px -78px;}