html, body {
	margin:0;
	height: 100%;
}
body {
	background: #463f2b url(../i/home/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;
}
#clientaccess {
	position: absolute;
	bottom: 350px;
	left: 0;
}
#clientaccess a {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 266px;
	background: transparent url(../i/home/clientaccess.gif) no-repeat;

}
#clientaccess a:hover {
	border-top: 1px dotted #64644c;
	border-right: 1px dotted #64644c;
	border-bottom: 1px dotted #64644c;
	top: -1px;
}
.home #nav {
	position: relative;
	margin: 0 auto;
	width: 553px;
	height: 10px;
	padding-bottom: 20px;
}
.home #navlist {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 10px;
}
.home #navlist li {
	float: left;
	font-size: 0;
}
.home #navlist li a {
	background: transparent url(../i/home/nav-home.gif) no-repeat;
	display: block;
	height: 10px;
}
.home #navlist li a#video {width: 36px; background-position: -640px 0;}
.home #navlist li a#live-action {width: 95px; background-position: 0 0;}
.home #navlist li a#motion-graphics {width: 142px; background-position: -95px 0;}
.home #navlist li a#identity {width: 80px; background-position: -236px 0;}
.home #navlist li a#print {width: 56px; background-position: -316px 0;}
.home #navlist li a#interactive {width: 108px; background-position: -372px 0;}
.home #navlist li a#connect {width: 72px; background-position: -480px 0;}
.home #navlist li a#fun {width: 40px; background-position: -552px 0;}
.home #navlist li a#video:hover, #navlist li a#video.active {background-position: -640px -10px;}
.home #navlist li a#live-action:hover, #navlist li a#live-action.active {background-position: 0 -10px;}
.home #navlist li a#motion-graphics:hover, #navlist li a#motion-graphics.active {background-position: -95px -10px;}
.home #navlist li a#identity:hover, #navlist li a#identity.active {background-position: -236px -10px;}
.home #navlist li a#print:hover, #navlist li a#print.active {background-position: -316px -10px;}
.home #navlist li a#interactive:hover, #navlist li a#interactive.active {background-position: -372px -10px;}
.home #navlist li a#connect:hover, #navlist li a#connect.active {background-position: -480px -10px;}
.home #navlist li a#fun:hover, #navlist li a#fun.active {background-position: -552px -10px;}
/* body content */
.home #body {
	position: relative;
	width: 830px;
	margin: 0 auto;
	padding-top: 25px;
}
.home #text {
	position: relative;
	width: 577px;
	height: 404px;
	margin: 69px auto 28px auto;
	background: transparent url(../i/home/home.gif) 0 16px no-repeat;
}
.home #text #continentalbreakfast {
	position: absolute;
	top: 168px;
	left: 253px;
	width: 139px;
	height: 13px;
}
.home #body #continentalbreakfast:hover {
	border-bottom: 1px dotted #d4520c;
}
.home #text #continentalbreakfast:hover {
	border-bottom: 1px dotted #b1af8d;
}
.home #text #emaillink {
	position: absolute;
	top: 305px;
	left: 263px;
	width: 147px;
	height: 13px;
}
.home #text #accman {
	position: absolute;
	top: 350px;
	left: 246px;
	width: 91px;
	height: 13px;
}
.home #text #artdir {
	position: absolute;
	top: 350px;
	left: 258px;
	width: 66px;
	height: 13px;
}
.home #text #creativemngr {
	position: absolute;
	top: 335px;
	left: 191px;
	width: 203px;
	height: 13px;
}
.home #text #emaillink:hover, .home #text #accman:hover, .home #text #artdir:hover, .home #text #creativemngr:hover {
	border-bottom: 1px dotted #9b9b78;
}
/* hide all the text */
#bug, .home #text, #clientaccess, #navlist li {
	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;}