html, body {
	margin:0;
	height: 100%;
}
body {
	background: #231f15 url(../i/sub/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/sub/safeco.gif) no-repeat;
}
#bug {
	position:absolute;
	top:63px;
	left:-10px;
	width: 73px;
}
#bug a {
	display: block;
	width: 73px;
	height: 73px;
	background: transparent url(../i/sub/bug.gif) center 20px 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/sub/nav-sub.gif) no-repeat;
	display: block;
	height: 14px;
}
.sub #navlist li#prev a {width: 51px; background-position: 0 -34px;}
.sub #navlist li#next a {width: 51px; background-position: -51px -34px;}
.sub #navlist li#return a {margin-top: 8px;width: 102px; background-position: 0 -54px;}
.sub #navlist li#prev a:hover {background-position: 0 0;}
.sub #navlist li#next a:hover {background-position: -51px 0;}
.sub #navlist li#return a:hover {background-position: 0 -20px;}

.sub #navlist li#prev.off {width: 51px;height: 14px;background:none;}
.sub #navlist li#next.off {width: 51px;height: 14px;background:none;}

.sub #navlist li#connect a{
	width:102px;
	position: relative;
	display:block;
	margin-top:6px;
	height: 18px;
	font-size: 0;
	background: transparent url(../i/sub/section.gif) no-repeat 0 36px;background-position: -12px -72px;}


#section-label {
	position: relative;
	margin: 0 auto 40px auto;
	width: 127px;
	height: 18px;
	font-size: 0;
	background: transparent url(../i/sub/section.gif) no-repeat 0 36px;
}
.motion #section-label {background-position: 0 0;}
.interactive #section-label {background-position: 0 -18px;}
.identity #section-label {background-position: 0 -36px;}
.print #section-label {background-position: 0 -54px	;}
.connect #section-label {background-position: 0 -72px;}
.live-action #section-label {background-position: 0 -90px;}


/* body content */
#body #nav {
	position: absolute;
	top: 612px;
	left:50%;
	}
#body #nav #navlist{
	position:relative;
	margin-left:-50px;}


.connect #body {
	position: relative;
	width: 830px;
	margin: 0 auto;
	padding-top: 50px;
}
.connect #body #connect-map {
	margin: 0 auto;
	width: 825px;
	height: 410px;
}
.connect #body #nav {
	position: absolute;
	top: 450px;
	left: 80px;
}
.connect #body #nav #arrow {
	position: absolute;
	top: 11px;
	left: 4px;
	width: 10px;
	height: 12px;
	background: transparent url(../i/sub/nav-sub.gif) no-repeat -40px 0;
}
.connect #body #text {
	margin: 10px 0 0 219px;
}
.connect #body #text a:hover, .connect #body #text a:active {
	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;}
.identity #body, .print #body, .interactive #body {
	position: relative;
	margin: 0 auto;
	width: 812px;
	padding-top: 25px;
}
.identity #body #frame, .print #body #frame, .interactive #body #frame, .motion sub #body #frame, .live-action sub #body #frame  {
	width: 812px;
	padding: 11px 12px 40px 56px;
	margin-bottom: 20px;
	background: transparent url(../i/sub/frame.gif) no-repeat;
}
.identity #body #frame #text p, .print #body #frame #text p, .interactive #body #frame #text p, .interactive #body #swap #text p {
	margin: 18px 0 0 0;
	color: #bebe9c;
	letter-spacing: 2px;
}
.interactive #body #swap #text {
	margin-left: 112px;
}
.interactive #body #swap #text p a:link, .interactive #body #swap #text p a:visited, .interactive #body #text p a:link, .interactive #body #text p a:visited, #text p a:link, #text p a:visited  {
	color: #d4520c;
}
.interactive #body #swap #text p a:hover, .interactive #body #swap #text p a:active, .interactive #body #text p a:hover, .interactive #body #text p a:active, #text p a:hover, #text p a:active {
	border-bottom: 1px dotted #d4520c;
}
.interactive #body #swap {
	position: relative;
	margin: 0 auto 20px auto;
	width: 880px;
}
.interactive #body #swap #swapa, .interactive #body #swap #swapb {
	width: 400px;
}
.interactive #body #swap #swapa:hover, .interactive #body #swap #swapb:hover {
	cursor: pointer;
}
.interactive #body #swap #swapa {
	position: relative;
	z-index: 200;
	margin: 0 0 52px 100px;
}
.interactive #body #swap #swapb {
	position: absolute;
	z-index: 100;
	top: 40px;
	left: 300px;
}

.live-action #body, .motion #body {
	position: relative;
	margin: 0 auto;
	width: 606px;
	padding-top: 25px;
}
.live-action #body #frame, .motion #body #frame {
	width: 606px;
	padding: 10px 11px 38px 55px;
	margin-bottom: 20px;
	background: transparent url(../i/liveaction_motion/frame.jpg) no-repeat;
}
.live-action #body.wide, .live-action #body.shortwide, .motion #body.wide, .motion #body.sq {
	position: relative;
	margin: 0 auto;
	width: 706px;
	padding-top: 25px;
}

.live-action #body.wide #frame, .live-action #body.shortwide #frame, .motion #body.wide #frame, .motion #body.sq #frame {
	width: 706px;
	padding: 10px 11px 38px 55px;
	margin-bottom: 20px;
	background: transparent url(../i/liveaction_motion/frame-wide.jpg) no-repeat;
}
.motion #body.sq #frame {padding-left:135px;}

.live-action #body.shortwide #frame{
	background: transparent url(../i/liveaction_motion/frame-shortwide.jpg) no-repeat;
}
.motion #body.sq #frame{
	background: transparent url(../i/liveaction_motion/frame-sq.jpg) no-repeat 80px top ;
}
.live-action #body #frame #text p, .motion #body #frame #text p {
	margin: 17px 0 0 0;
	color: #bebe9c;
	letter-spacing: 2px;
}


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

ul#logowall{
	width:746px;height:340px;
	margin:0;padding:0;}
	
ul#logowall li{
	list-style:none;
	float:left;}
	
ul#logowall li a{
	display:block;}
	
ul#logowall li#gamecrazy a, ul#logowall li#royalarms a, ul#logowall li#petes a, ul#logowall li#pittock a, ul#logowall li#portlandstate a, ul#logowall li#concordia a{
	height:113px; width:208px; background-color:#c00;}
ul#logowall li#thenines a, ul#logowall li#laprima a, ul#logowall li#asylum a, ul#logowall li#euroleague a, ul#logowall li#mactarnahans a, ul#logowall li#workbench a{
	height:113px; width:165px; background-color:#cc0;}
ul#logowall li#portlandstate a, ul#logowall li#concordia a, ul#logowall li#mactarnahans a, ul#logowall li#workbench a{ height:114px;}

ul#logowall li#gamecrazy a:link, ul#logowall li#gamecrazy a:visited{ background: transparent 0 -340px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#thenines a:link, ul#logowall li#thenines a:visited{ background: transparent -208px -340px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#laprima a:link, ul#logowall li#laprima a:visited{ background: transparent -373px -340px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#royalarms a:link, ul#logowall li#royalarms a:visited{ background: transparent -538px -340px no-repeat url(../i/portfolio/id_logowall.jpg);}

ul#logowall li#petes a:link, ul#logowall li#petes a:visited{ background: transparent 0 -453px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#asylum a:link, ul#logowall li#asylum a:visited{ background: transparent -208px -453px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#euroleague a:link, ul#logowall li#euroleague a:visited{ background: transparent -373px -453px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#pittock a:link, ul#logowall li#pittock a:visited{ background: transparent -538px -453px no-repeat url(../i/portfolio/id_logowall.jpg);}

ul#logowall li#portlandstate a:link, ul#logowall li#portlandstate a:visited{ background: transparent 0 -566px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#mactarnahans a:link, ul#logowall li#mactarnahans a:visited{ background: transparent -208px -566px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#workbench a:link, ul#logowall li#workbench a:visited{ background: transparent -373px -566px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#concordia a:link, ul#logowall li#concordia a:visited{ background: transparent -538px -566px no-repeat url(../i/portfolio/id_logowall.jpg);}

ul#logowall li#gamecrazy a:hover, ul#logowall li#gamecrazy a:active{ background: transparent 0 0 no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#thenines a:hover, ul#logowall li#thenines a:active{ background: transparent -208px 0 no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#laprima a:hover, ul#logowall li#laprima a:active{ background: transparent -373px 0 no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#royalarms a:hover, ul#logowall li#royalarms a:active{ background: transparent -538px 0 no-repeat url(../i/portfolio/id_logowall.jpg);}

ul#logowall li#petes a:hover, ul#logowall li#petes a:active{ background: transparent 0 -113px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#asylum a:hover, ul#logowall li#asylum a:active{ background: transparent -208px -113px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#euroleague a:hover, ul#logowall li#euroleague a:active{ background: transparent -373px -113px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#pittock a:hover, ul#logowall li#pittock a:active{ background: transparent -538px -113px no-repeat url(../i/portfolio/id_logowall.jpg);}

ul#logowall li#portlandstate a:hover, ul#logowall li#portlandstate a:active{ background: transparent 0 -226px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#mactarnahans a:hover, ul#logowall li#mactarnahans a:active{ background: transparent -208px -226px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#workbench a:hover, ul#logowall li#workbench a:active{ background: transparent -373px -226px no-repeat url(../i/portfolio/id_logowall.jpg);}
ul#logowall li#concordia a:hover, ul#logowall li#concordia a:active{ background: transparent -538px -226px no-repeat url(../i/portfolio/id_logowall.jpg);}

#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/sub/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#live-action.here {background-position: -52px -78px;}
#mainnav ul li a#motion-graphics.here {background-position: -149px -78px;}
#mainnav ul li a#identity.here {background-position: -275px -78px;}
#mainnav ul li a#print.here {background-position: -349px -78px;}
#mainnav ul li a#interactive.here {background-position: -404px -78px;}
#mainnav ul li a#connect.here {background-position: -504px -78px;}