html, img, body { margin: 0px; border: 0px; padding: 0px; }

body { position: relative; color: #FFFFFF; font: 10px Tahoma,sans-serif; }



body.dark { background-color: #231f20; }

body.light { background-color: #231f20; }



div#container { position: absolute; left: 50%; top: 250px; }

	div#container div#logo { position: absolute; left: 0px; top: 4px; line-height: 0px; font-size: 0px; }

	div#container div#menu { position: absolute; left: 220px; top: 0px; width: 205px; line-height: 0px; font-size: 0px; }

		div#container div#menu img { margin-right: 8px; cursor: pointer; }

	div#container div#info { position: absolute; left: 220px; top: 25px; width: 190px; line-height: 14px; display: none; }

		div#container div#info a { color: #FFF; text-decoration: none; }

		div#container div#info a:hover { color: #FFF; }

	

div#work { position: absolute; right: 50%; top: 100px; width: 704px; margin-right: -352px; color: #959595; background-color: #f8f8f8; z-index: 2; }

	div#work div.border { font-size: 0px; line-height: 0px; }

		div#work div.content { position: relative; height: 430px; background: url(../_img/work/background.gif) repeat-y; }

		 
		div#work div.item { position: absolute; width: 293px; }

			div#work div.r1 { top: 30px; } div.r2 { top: 175px; } div.r3 { top: 320px; }

			div#work div.c1 { left: 30px; } div.c2 { left: 380px; }

			

			div#work div.item div.img { line-height: 0px; font-size: 0px; cursor: pointer; }

			div#work div.item div.img a {height:50px; display:block; text-indent:-99999px; margin-bottom:15px; }

			div#work div.item div.img a.web:hover,

			div#work div.item div.img a.editorial:hover,

			div#work div.item div.img a.identity:hover,

			div#work div.item div.img a.packaging:hover,

			div#work div.item div.img a.promotional:hover,

			div#work div.item div.img a.signage:hover {background-position:0px -50px;}

			div#work div.item div.img a.web {background:url(../_img/work/menu/web.jpg) no-repeat top left;}

			div#work div.item div.img a.editorial {background:url(../_img/work/menu/editorial.gif) no-repeat top left;}

			div#work div.item div.img a.identity{background:url(../_img/work/menu/identity.gif) no-repeat top left;}

			div#work div.item div.img a.packaging{background:url(../_img/work/menu/packaging.gif) no-repeat top left;}

			div#work div.item div.img a.promotional{background:url(../_img/work/menu/promotional.gif) no-repeat top left;}

			div#work div.item div.img a.signage{background:url(../_img/work/menu/signage.gif) no-repeat top left;}

			div#work div.item div.clients { margin: 10px 0px; }

				div#work div.item div.clients a { color: #959595; text-decoration: none; }

				div#work div.item div.clients a:hover { color: #515151; }

				

div#client { position: absolute; left: 50%; top: 100px; width: 704px; margin-left: -352px; }

	div#client div#photo { position: relative; height: 341px; text-align: center; line-height: 0px; font-size: 0px; }

		div#client div#photo img.photo { position: absolute; left: 50%; top: 0px; margin-left: -254px; border: 1px solid #b4b4b4; }

			div#client div#photo img.show { display: inline; }

			div#client div#photo img.hide { display: none; }

	div#client div#credits { display: none; position: absolute; right: 50%; bottom: 85px; margin-right: -255px; padding: 2px 4px; color: #333; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); cursor: default; }

	div#client div#caption { width: 524px; margin: 20px auto 0px; }

		div#client div.border { font-size: 0px; line-height: 0px; }

		div#client div.top { height: 7px; background: url(../_img/work/border_top.gif) no-repeat; }

		div#client div.content { position: relative; height: 50px; background: url(../_img/work/background.gif) repeat-y; }

			div#client div.content div.caption { position: absolute; top: 16px; left: 30px; color: #4e4e4e; }

			div#client div.content div.arrows { position: absolute; top: 12px; left: 320px; }

				div#client div.content div.arrows img { cursor: pointer; }

				div#client div.content div.arrows div#left { position: absolute; top: 0px; left: 0px; line-height: 0px; font-size: 0px; }

				div#client div.content div.arrows div#right { position: absolute; top: 0px; left: 30px; line-height: 0px; font-size: 0px; }

			div#client div.content div.logo { position: absolute; top: 10px; left: 410px; line-height: 0px; font-size: 0px; }

		div#client div.bottom { height: 7px; background: url(../_img/work/border_bottom.gif) no-repeat; }

		

	div#client div#icon { position: absolute; right: 0px; top: 0px; line-height: 0px; font-size: 0px; cursor: pointer; }

	

	div#work div#icon { position: absolute; right: -30px; top: 5px; line-height: 0px; font-size: 0px; cursor: pointer; }

		

	a.home {height:9px; background:url(../_img/work/home.gif) no-repeat top; width:18px; display:block; text-indent:-99999px; margin-bottom:15px;}

	a.menu {height:12px; background:url(../_img/work/menu.gif) no-repeat top; width:18px; display:block; text-indent:-99999px; margin-bottom:15px;}

	a.slide {height:16px; background:url(../_img/work/slide.gif) no-repeat top; width:18px; display:block; text-indent:-99999px; margin-bottom:15px;}

	

	a.home:hover {background-position:0px -9px; }

	a.menu:hover {background-position:0px -12px; }

	a.slide:hover {background-position:0px -16px; }