html, body {
	height: 100%;
	overflow: hidden;
}

body {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #707070;
	background: #f0f0f0;
}

a {
	color: #707070;
	text-decoration: none;
}

a div, a img, a span {
	cursor: pointer;
}

p a:hover {
	color: #fff;
	background: #000;
}

img {
	border: none;
	vertical-align: middle;
}

ul, li {
	padding: 0;
	margin: 0;
}

* {
	outline: none;
}

.clear-line {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

.img-btn {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: left top no-repeat;
}

.alert {
	padding: 11px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #00aeef;
}

.scrollbar {
	position: absolute;
	width: 16px;
	background: url('/assets/img/scrollbar/bg.gif') left top repeat;
	z-index: 11;
}

.scrollbar .btn-up {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background-image: url('/assets/img/scrollbar/btn-up.gif');
}

.scrollbar .slider {
	position: absolute;
	left: 0px;
	width: 16px;
	background: url('/assets/img/scrollbar/slider-middle.gif') left top repeat-y;
}

.scrollbar .slider .top {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 2px;
	font-size: 1px;
	line-height: 1px;
	background-image: url('/assets/img/scrollbar/slider-top.gif');
}

.scrollbar .slider .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 16px;
	height: 2px;
	font-size: 1px;
	line-height: 1px;
	background-image: url('/assets/img/scrollbar/slider-bottom.gif');
}

.scrollbar .btn-down {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	background-image: url('/assets/img/scrollbar/btn-down.gif');
}

.slide-btn {
	display: block;
}

.slide-mouseover {
	position: absolute;
	clip: rect(0 0 auto 0);
}


#alert-size {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url('/assets/img/opacity-50.png');
	*background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/opacity-50.png', sizingMethod='scale');
}

#fwa-banner {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 113px;
	height: 113px;
	background: url('/assets/img/fwa-banner-offset.gif') 100% 0% no-repeat;
	z-index: 10;
}

#main-scroll-panel {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	clip: rect(0px 0px 0px 0px);
}

#main-scroll-panel.preload {
	clip: rect(0, 400px, 0, 400px);
}

#main-scroll-panel.preload2 {
	background-image: url('/assets/img/preload-bg.gif');
	background-position: 50%;
	background-repeat: repeat-y;
}

#site-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#main-app {
	width: 117px;
	height: 100%;
	margin: 0 auto 0;
	overflow: visible;
	background: #fff;
	visibility: hidden;
}

#main-app #intro {
	position: absolute;
	left: 50%;
	top: 145px;
	width: 137px;
	height: 54px;
	margin-left: 72px;
	background: url('/assets/img/intro.gif') left top no-repeat;
	visibility: hidden;
}

#main-app .home-bg {
	position: absolute;
	width: 855px;
	height: 100%;
	margin-left: -370px;
	background: url('/assets/img/home-bg.gif') 57px repeat-y #fff;
	clip: rect(0 485px auto 370px);
}

#main-app .home-bg .bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: #fff;
}

#about {
	position: absolute;
	z-index: 3;
}

.status-case #about .scroll-panel {
	position: absolute;
	width: 117px;
	height: 117px;
	overflow: hidden;
	background: url('/assets/img/about/drop-shade-bg.png') right top repeat-y;
	_background: url('/assets/img/about/drop-shade-bg-ie6.gif') right top repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/about/drop-shade-bg-ie6-filter.png', sizingMethod='scale');
}

#about .footer-pad-bg {
	display: none;
}

.status-case #about .footer-pad-bg {
	display: block;
	position: absolute;
	width: 100%;
	height: 40px;
	background: url('/assets/img/about/footer-pad.gif') 7px top repeat-y;
}

#about .close-bottom {
	display: none;
	visibility: hidden;
	position: absolute;
	width: 26px;
	height: 26px;
	margin: 0 0 0 407px;
	padding-bottom: 40px;
}

.status-case #about .close-bottom {
	margin-left: 662px;
}

#about .close-bottom .slide-mouseover {
	position: absolute;
	width: 91px;
	height: 26px;
	margin-left: -65px;
	clip: rect(0px 91px 26px 91px);
	background-image: url('/assets/img/about/btn-close-mo.gif');
}

#about .close-bottom .placeholder {
	width: 26px;
	height: 26px;
	background: url('/assets/img/btn-close-case.gif') no-repeat left top #fff;
}

.status-case #about .close-bottom .placeholder {
	background: url('/assets/img/btn-close-gray.gif') no-repeat right top;
}

#about .momkai {
	height: 55px;
	padding: 39px 0 51px;
}

#about .momkai-label {
	display: block;
	float: left;
	clear: both;
	width: 83px;
	height: 26px;
	margin: 0 0 3px;
	text-indent: -999em;
	background: url('/assets/img/momkai-label.gif') 0 7px no-repeat #fff;
}

#about .momkai-sublabel {
	display: block;
	float: left;
	clear: both;
	width: 215px;
	height: 26px;
	margin: 0;
	text-indent: -999em;
	background: url('/assets/img/momkai-sublabel.gif') 0 7px no-repeat #fff;
}

#about .block {
	padding-bottom: 20px;
}

#about .left-column {
	display: none;
	position: absolute;
	width: 260px;
	margin-left: -370px;
	margin-bottom: 37px;
	padding: 0 59px 0 51px;
	overflow: visible;
	background: #fff;
	visibility: hidden;
}

#about .left-column .scrollbar {
	top: 117px;
	bottom: 33px;
	right: 0px;
	height: expression((document.body.clientHeight - 117) + 'px');
	visibility: hidden;
}

#about .left-column .content {
	overflow: hidden;
}

#about .left-column .block h1 {
	height: 29px;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #00aeef;
	background: url('/assets/img/about/header-underline-gray.gif') repeat-x left bottom;
}

#about .left-column .block p {
	margin: 11px 0;
	text-align: justify;
}

#about .left-column .block ul {
	margin: 15px 0;
	padding: 0;
	list-style: none;
}

#about .left-column .location table {
	width: 260px;
	margin: 11px 0;
}

#about .left-column .location table .right {
	width: 113px;
	white-space: nowrap;
}

#about .left-column .location table a:hover div span {
	background: #000;
	color: #fff;
}

#about .left-column .location table span.abbr {
	color: #c2c2c2;
}

#about .left-column .jobs table {
	width: 260px;
	margin: 11px 0;
}

#about .left-column .jobs .job-title {
	width: 172px;
}

#about .left-column .jobs .status {
	white-space: nowrap;
	color: #c2c2c2;
}

#about .left-column .jobs a {
	display: block;
	background: url('/assets/img/about/btn-send.gif') right 6px no-repeat;
}

#about .left-column .jobs a:hover {
	background-color: transparent;
}

#about .left-column .jobs a:hover span {
	color: #fff;
	background-color: #000;
}

#about .left-column .current-projects li {
	margin-bottom: 17px;
}

#about .left-column .current-projects li img {
	display: block;
}

#about .left-column .contact form {
	margin: 16px 0;
}

#about .left-column .contact input.text,
#about .left-column .contact textarea {
	width: 244px;
	height: 16px;
	margin-bottom: 16px;
	padding: 4px 8px 3px;
	border: none;
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #707070;
	background: url('/assets/img/about/input-bg.gif') left top no-repeat #f0f0f0;
}

#about .left-column .contact input.hilite,
#about .left-column .contact textarea.hilite {
	background-image: url('/assets/img/about/input-bg-hilite.gif');
}

#about .left-column .contact input.invalid,
#about .left-column .contact textarea.invalid {
	color: #fff;
	background-image: url('/assets/img/about/input-bg-invalid.gif');
	background-color: #f00;
}

#about .left-column .contact input.inactive,
#about .left-column .contact textarea.inactive {
	background-image: url('/assets/img/about/input-inactive.gif');
	background-repeat: repeat;
}

#about .left-column .contact textarea {
	height: 60px;
	margin-bottom: 26px;
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	background-position: -1px -1px;
}

#about .left-column .contact textarea.invalid {
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}


#about .left-column .contact .btn-send {
	float: right;
	width: 85px;
	line-height: 16px;
	color: #707070;
	background: url('/assets/img/about/btn-send.gif') right 6px no-repeat;
}

#about .left-column .contact .btn-send:hover span {
	color: #fff;
	background: #000;
}

#about .left-column .contact .status-sending {
	display: none;
	float: right;
	width: 85px;
	line-height: 11px;
	color: #f00;
	background: url('/assets/img/about/btn-send-active.gif') right 3px no-repeat;
}

#about .left-column .contact .status-ok {
	line-height: 11px;
	color: #00aeef;
	visibility: hidden;
}

#about .left-column .footer-pad {
	height: 21px;
}

#about .right-column {
	display: none;
	position: absolute;
	width: 260px;
	margin-left: 117px;
	padding: 0 52px 0 57px;
	color: #a3a3a3;
	background: #fff;
	visibility: hidden;
}

.status-case #about .right-column {
	background: #f0f0f0;
}


#about .right-column .close-top {
	margin: 39px 0 80px 234px;
}

#about .right-column .close-top .slide-mouseover {
	position: absolute;
	width: 91px;
	height: 26px;
	margin-left: -65px;
	clip: rect(0px 91px 26px 91px);
	background-image: url('/assets/img/about/btn-close-mo.gif');
}

#about .right-column .close-top .placeholder {
	width: 26px;
	height: 26px;
	background: url('/assets/img/btn-close-case.gif') no-repeat left top #fff;
}

.status-case #about .right-column .close-top .placeholder {
	background: url('/assets/img/btn-close.gif') no-repeat right top #fff;
}

#about .right-column .block h1 {
	height: 29px;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #00aeef;
	background: url('/assets/img/about/header-underline-gray.gif') repeat-x left bottom;
}

.status-case #about .right-column .block h1 {
	background-image: url('/assets/img/about/header-underline-white.gif')
}

#about .right-column .projects ul {
	margin: 11px 0;
	padding: 0;
	list-style: none;
}

#about .right-column .featured a {
	margin-top: 16px;
	margin-bottom: 15px;
}
#about .right-column .blog a,
#about .right-column .behance a {
	margin-top: 16px;
	margin-bottom: 10px;
}

#about .right-column .awards a {
	margin: 16px 0 0;
}

#about .right-column .featured div,
#about .right-column .blog div,
#about .right-column .behance div,
#about .right-column .awards div {
	width: 260px;
	height: 57px;
	text-indent: -999em;
}

#about .right-column .awards {
	padding-bottom: 16px;
}

#about .right-column .featured .slide-mouseover {background: left top no-repeat; margin-top: 0}
#about .right-column .featured .slide-placeholder {background: left top no-repeat;}

/*
#about .right-column .featured .nike .slide-mouseover {background: url('/assets/img/about/nike.gif') left top no-repeat; margin-top: 0}
#about .right-column .featured .nike .slide-placeholder {background: url('/assets/img/about/nike-mo.gif') left top no-repeat;}

#about .right-column .featured .advanced-photoshop .slide-mouseover {background: url('/assets/img/about/advanced-photoshop.gif') left top no-repeat; margin-top: 0}
#about .right-column .featured .advanced-photoshop .slide-placeholder {background: url('/assets/img/about/advanced-photoshop-mo.gif') left top no-repeat;}

#about .right-column .featured .get-inspired .slide-mouseover {background: url('/assets/img/about/getinspiredmagazine.jpg') left top no-repeat; margin-top: 0}
#about .right-column .featured .get-inspired .slide-placeholder {background: url('/assets/img/about/getinspiredmagazine-mo.jpg') left top no-repeat;}
*/
#about .right-column .blog .slide-mouseover {background: url('/assets/img/about/new-work.gif') left top no-repeat; margin-top: 0}
#about .right-column .blog .slide-placeholder {background: url('/assets/img/about/new-work-mo.gif') left top no-repeat;}

#about .right-column .behance .slide-mouseover {background: url('/assets/img/about/behance.gif') left top no-repeat; margin-top: 0}
#about .right-column .behance .slide-placeholder {background: url('/assets/img/about/behance-mo.gif') left top no-repeat;}

#about .right-column .awards .slide-mouseover {background: left top no-repeat; margin-top: 0}
#about .right-column .awards .slide-placeholder {background: left top no-repeat;}

/*
#about .right-column .awards .fwa .slide-mouseover {background: url('/assets/img/about/fwa.gif') left top no-repeat; margin-top: 0}
#about .right-column .awards .fwa .slide-placeholder {background: url('/assets/img/about/fwa-mo.gif') left top no-repeat;}

#about .right-column .awards .webby .slide-mouseover {background: url('/assets/img/about/webby.gif') left top no-repeat; margin-top: 0}
#about .right-column .awards .webby .slide-placeholder {background: url('/assets/img/about/webby-mo.gif') left top no-repeat;}

#about .right-column .awards .spin-awards .slide-mouseover {background: url('/assets/img/about/spin-awards.gif') left top no-repeat; margin-top: 0}
#about .right-column .awards .spin-awards .slide-placeholder {background: url('/assets/img/about/spin-awards-mo.gif') left top no-repeat;}

#about .right-column .awards .esprix .slide-mouseover {background: url('/assets/img/about/esprix.gif') left top no-repeat; margin-top: 0}
#about .right-column .awards .esprix .slide-placeholder {background: url('/assets/img/about/esprix-mo.gif') left top no-repeat;}

#about .right-column .awards .sjp .slide-mouseover {background: url('/assets/img/about/sjp.gif') left top no-repeat; margin-top: 0}
#about .right-column .awards .sjp .slide-placeholder {background: url('/assets/img/about/sjp-mo.gif') left top no-repeat;}
*/
#about .right-column .footer-pad {
	height: 57px;
}


#momkai-logo {
	position: absolute;
	background: #fff;
	width: 117px;
}

#momkai-logo .close {
	visibility: hidden;
	position: absolute;
	width: 91px;
	margin: 46px auto auto 142px;
}

#momkai-logo .close .btn-close {
	width: 26px;
	height: 26px;
	background-image: url('/assets/img/btn-close-case.gif');
}
#momkai-logo .close .btn-close-mo {
	position: absolute;
	width: 92px;
	height: 26px;
	clip: rect(0px 0px 26px 0px);
	background-image: url('/assets/img/btn-close-case-mo.gif');
}

#momkai-logo .logo {
	display: block;
	width: 69px;
	height: 69px;
	margin: 24px;
}

#about .scrollbar {
	display: none;
	height: 100%;
	margin-left: 740px;
}


#case-view {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 117px;
	height: 100%;
	/*height: expression((document.body.clientHeight) + 'px');*/
	visibility: hidden;
}

#case-view .index {
	width: 262px;
	height: 100%;
	background: url('/assets/img/case_view/pattern.gif');
}

#case-view .index .momkai {
	margin: 40px auto 0 24px;
}

#case-view .index .momkai .momkai-label,
#case-view .index .momkai .momkai-sublabel {
	cursor: pointer;
}

#case-view .index .momkai-label {
	display: block;
	width: 83px;
	height: 26px;
	margin: 0 0 2px 0px;
	background: url('/assets/img/momkai-label-gray.gif') 12px 7px no-repeat #f0f0f0;
}

#case-view .index .momkai-label .mouseover {
	position: absolute;
	display: block;
	width: 83px;
	height: 26px;
	text-indent: -999em;
	clip: rect(0px 83px 26px 83px);
	background: url('/assets/img/momkai-label-mo.gif') 12px 7px no-repeat #000;
}

#case-view .index .momkai-sublabel {
	display: block;
	width: 215px;
	height: 26px;
	margin: 0;
	background: url('/assets/img/momkai-sublabel-gray.gif') 8px 7px no-repeat #f0f0f0;
}

#case-view .index .momkai-sublabel .mouseover {
	position: absolute;
	display: block;
	width: 215px;
	height: 26px;
	text-indent: -999em;
	clip: rect(0px 215px 26px 215px);
	background: url('/assets/img/momkai-sublabel-mo.gif') 8px 7px no-repeat #000;
}

#case-view .index .close {
	position: absolute;
	left: 213px;
	top: 152px;
}

#case-view .index .close .placeholder {
	width: 26px;
	height: 26px;
	background-image: url('/assets/img/case_view/index/btn-close.gif');
}

#case-view .index .close .slide-mouseover {
	position: absolute;
	width: 91px;
	height: 26px;
	margin-left: -65px;
	background-image: url('/assets/img/case_view/btn-close-case-mo.gif');
	clip: rect(0px 91px 26px 91px);
}

#case-view .index .arrow-up {
	width: 53px;
	height: 53px;
	margin: 46px auto auto 24px;
	background-image: url(/assets/img/case_view/index/arrow-up.gif);
}

#case-view .index .seperator {
	width: 215px;
	height: 2px;
	margin: 20px auto auto 24px;
	font-size: 1px;
	line-height: 1px;
	background: #fff;
}

#case-view .index .content {
	position: absolute;
	display: inline;
	overflow: hidden;
	top: 235px;
	bottom: 87px;
	width: 215px;
	/*height: expression((document.body.clientHeight - 235 - 87) + 'px');*/
	margin: 0 0 0 24px;
}

#case-view .index .content ul {
	width: 215px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#case-view .index .content li {
	display: inline;
	float: left;
	clear: both;
	margin: 0 0 2px;
	white-space: nowrap;
	background: #e4e4e4;
}


#case-view .index .content li .mouseover {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 26px;
	white-space: nowrap;
	background: #fff;
}

#case-view .index .content li a {
	position: absolute;
	display: block;
	padding: 5px 10px;
	white-space: nowrap;
	color: #242424;
}

#case-view .index .content li.video-item a {
	padding-right: 31px;
	background-image: url('/assets/img/case_view/index/video-indicator.gif');
	background-position: right 10px;
	background-repeat: no-repeat;
}

#case-view .index .content li a:hover {
	text-decoration: none;
}

#case-view .index .content li .placeholder {
	padding: 5px 10px;
	visibility: hidden;
}

#case-view .index .content li.video-item .placeholder {
	padding-right: 31px;
}

#case-view .index .arrow-down {
	position: absolute;
	bottom: 14px;
	width: 53px;
	height: 53px;
	margin: auto auto 0 24px;
	background-image: url(/assets/img/case_view/index/arrow-down.gif);
}

#case-view .items {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*width: expression((document.body.clientWidth - 379) + 'px');
	height: expression((document.body.clientHeight) + 'px');*/
	margin-left: 262px;
	text-align: center;
}

#case-view .items .close-top {
	position: absolute;
	right: 23px;
	top: 40px;
}

#case-view .items .close-top .placeholder {
	width: 26px;
	height: 26px;
	background-image: url('/assets/img/btn-close.gif');
}

#case-view .items .close-top .slide-mouseover {
	position: absolute;
	width: 91px;
	height: 26px;
	margin-left: -65px;
	background-image: url('/assets/img/case_view/btn-close-case-mo.gif');
	clip: rect(0px 91px 26px 91px);
}

#case-view .items .close-bottom {
	position: static;
	float: right;
	margin-top: -26px;
	margin-bottom: 26px;
}

#case-view .items .close-bottom .placeholder {
	width: 26px;
	height: 26px;
	background-image: url('/assets/img/btn-close.gif');
}

#case-view .items .close-bottom .slide-mouseover {
	position: absolute;
	width: 91px;
	height: 26px;
	margin-left: -65px;
	background-image: url('/assets/img/case_view/btn-close-case-mo.gif');
	clip: rect(0px 91px 26px 91px);
}

#case-view .items .scrollbar {
	top: 0;
	bottom: 0;
	right: 0;
	/*height: expression((document.body.clientHeight) + 'px');*/
}

#case-view .items .content {
	position: absolute;
	left: 50%;
	height: 100%;
	padding: 0 23px;
	overflow: hidden;
	text-align: justify;
}

#case-view .items .txt-similar-tag {
	display: block;
	height: 26px;
	margin-top: 40px;
	/*visibility: hidden;*/
}

#case-view .items .tag-name {
	display: block;
	height: 26px;
	margin-top: 2px;
	margin-bottom: 24px;
	/*visibility: hidden;*/
}

#case-view .items .case-list {
	margin: 118px 0 0;
	padding: 0;
	list-style: none;
}

#case-view .items .tag-view .case-list {
	margin-top: 0;
}

#case-view .items .case-header {
	width: 100%;
	margin-bottom: 28px;
}

#case-view .items .case-footer {
	width: 100%;
	margin-top: -26px;
	margin-bottom: 54px;
}

#case-view .items .case-header .client-label {
	/*display: block;*/
	height: 26px;
	margin-bottom: 2px;
}

#case-view .items .case-header .new {
	background: url('/assets/img/case_view/new-indicator.gif') right top no-repeat;
}

#case-view .items .case-header .update {
	background: url('/assets/img/case_view/update-indicator.gif') right top no-repeat;
}

#case-view .items .case-header .new div,
#case-view .items .case-header .update div {
	width: 33px;
}

#case-view .items .case-header .case-label {
	/*display: block;*/
	height: 26px;
}

#case-view .items .case-header .view-site .btn-site,
#case-view .items .case-header .view-site .btn-case,
#case-view .items .case-footer .view-site .btn-site {
	display: inline;
	float: right;
}

#case-view .items .case-header .view-site a.btn-site .slide-mouseover,
#case-view .items .case-header .view-site a.btn-site .placeholder,
#case-view .items .case-footer .view-site a.btn-site .slide-mouseover,
#case-view .items .case-footer .view-site a.btn-site .placeholder {
	display: block;
	padding: 5px 27px 5px 9px;
	background: url('/assets/img/case_view/view-site.gif') right 11px no-repeat;
}

#case-view .items .case-header .view-site a.btn-case .slide-mouseover,
#case-view .items .case-header .view-site a.btn-case .placeholder {
	display: block;
	padding: 5px 27px 5px 9px;
	background: url('/assets/img/case_view/view-case.gif') right 11px no-repeat;
}

#case-view .items .case-header .view-site a.btn-site .slide-mouseover,
#case-view .items .case-header .view-site a.btn-case .slide-mouseover,
#case-view .items .case-footer .view-site a.btn-site .slide-mouseover {
	position: absolute;
	color: #fff;
	background-color: #000;
	clip: rect(0px 0px auto 0px);
}

#case-view .items .case-header .view-site a.btn-site .placeholder,
#case-view .items .case-header .view-site a.btn-case .placeholder,
#case-view .items .case-footer .view-site a.btn-site .placeholder {
	color: #4e4d4d;
	background-color: #fff;
}

#case-view .items .case-header .view-site a.btn-site {
	margin-left: 2px;
}

#case-view .items .case-header .view-site a.btn-case {
	background: url('/assets/img/case_view/view-case.gif') right 11px no-repeat #fff;
}

#case-view .items .item-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#case-view .items .item-list li.item {
	margin-bottom: 54px;
}

#case-view .items .item-list .item-border {
	padding: 13px;
	margin-bottom: 18px;
	background: #fff;
}

#case-view .items .item-list .no-border .item-border {
	background: none;
}

#case-view .items .item-list .item-border .preloader-bg {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: url('/assets/img/case_view/preloader-bg.gif') repeat;
}

#case-view .items .item-list .item-border img {
	float: left;
	background: url('/assets/img/case_view/preloader.gif') 50% 50% no-repeat
}
#case-view .items .item-list .item-border .preloader {
	display: block;
	background: url('/assets/img/case_view/preloader.gif') 50% 50% no-repeat
}

#case-view .items .item-list .item-border .preloader img {
	display: none;
}

#case-view .items .item-list .item-border .drop-shadow-sw {
	position: absolute;
	width: 299px;
	height: 72px;
	margin: -47px auto auto -20px;
	background: url('/assets/img/case_view/drop-shadow-sw.gif') left bottom no-repeat;
	z-index: -1;
}

#case-view .items .item-list .no-border .item-border .drop-shadow-sw {
	display: none;
}

#case-view .items .item-list .item-border .drop-shadow-se-placer {
	float: right;
	width: 299px;
	height: 0px;
	overflow: visible;
}

#case-view .items .item-list .no-border .item-border .drop-shadow-se-placer {
	display: none;
}

#case-view .items .item-list .item-border .drop-shadow-se {
	position: absolute;
	width: 299px;
	height: 103px;
	margin: -79px auto auto 23px;
	background:url('/assets/img/case_view/drop-shadow-se.gif') right bottom no-repeat;
	z-index: -1;
}

#case-view .items .item-list .case-details {
	width: 100%;
}

#case-view .items .item-list .case-details td {
	vertical-align: top;
}

#case-view .items .item-list .case-details h2 {
	margin: 0;
	padding-bottom: 12px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #00aeef;
	background: url('/assets/img/case_view/details-header-bg.gif') bottom repeat-x;
}

#case-view .items .item-list .case-details p,
#case-view .items .item-list .case-details ul {
	margin-top: 11px;
	margin-bottom: 11px;
}

#case-view .items .item-list .case-details td.about {
	width: 277px;
	padding-left: 13px;
}

#case-view .items .item-list .case-details td.about h2,
#case-view .items .item-list .case-details td.about p {
	width: 277px;
}

#case-view .items .item-list .case-details td.what h2,
#case-view .items .item-list .case-details td.what ul {
	width: 196px;
	margin: 0 auto;
}

#case-view .items .item-list .case-details td.what ul {
	margin: 11px auto;
}

#case-view .items .item-list .case-details td.what ul {
	padding: 0;
	list-style: none;
}

#case-view .items .item-list .case-details td.what a {
	color: #707070;
}

#case-view .items .item-list .case-details td.what a:hover,
#case-view .items .item-list .case-details td.what a.hilite {
	color: #000;
	background: #fff200;
}

#case-view .items .item-list .case-details td.year h2,
#case-view .items .item-list .case-details td.year ul {
	width: 29px;
}

#case-view .items .item-list .case-details td.year ul {
	padding: 0;
	list-style: none;
}

#case-view .items .item-list .item-details {
	width: 100%;
}

#case-view .items .item-list .item-details td {
	padding-bottom: 11px;
}

#case-view .items .item-list .item-details .left {
	padding-left: 13px;
	text-align: left;
	background: url('/assets/img/case_view/details-header-bg-2.gif') left bottom no-repeat;
}

#case-view .items .item-list .item-details .right {
	padding-right: 13px;
	text-align: right;
	color: #707070;
	background: url('/assets/img/case_view/details-header-bg-2.gif') right bottom no-repeat;
}

#case-view .items .item-list .divider {
	height: 26px;
	margin-bottom: 54px;
	line-height: 1px;
	background: url('/assets/img/case_view/divider-bg.gif') right top no-repeat #ddd;
	overflow: hidden;
}

#case-view .items .item-list .divider img {
	/*display: block;*/
	height: 26px;
}

#case-view .tag-mouseover {
	position: absolute;
	width: 146px;
	height: 54px;
	background: url('/assets/img/case_view/tag-mouseover.gif') left top no-repeat;
	visibility: hidden;
}


#case-list {
	position: absolute;
	width: 117px;
	height: 100%;
	/*height: expression((document.body.clientHeight) + 'px');*/
	z-index: 2;
}

#case-list .momkai {
	height: 78px;
	padding: 39px 0 0;
}

#case-list .momkai * {
	cursor: pointer;
}

#case-list .index .momkai .momkai-label,
#case-list .index .momkai .momkai-sublabel {
	cursor: pointer;
}

#case-list .momkai-label {
	position: absolute;
	display: block;
	width: 83px;
	height: 26px;
	margin: 0 0 3px -98px;
	background: url('/assets/img/momkai-label.gif') 12px 7px no-repeat #fff;
}

#case-list .momkai-label .mouseover {
	position: absolute;
	display: block;
	width: 83px;
	height: 26px;
	text-indent: -999em;
	clip: rect(0px 83px 26px 83px);
	background: url('/assets/img/momkai-label-mo.gif') 12px 7px no-repeat #000;
}

#case-list .momkai-sublabel {
	position: absolute;
	display: block;
	width: 215px;
	height: 26px;
	margin: 29px auto auto -230px;
	background: url('/assets/img/momkai-sublabel.gif') 8px 7px no-repeat #fff;
}

#case-list .momkai-sublabel .mouseover {
	position: absolute;
	display: block;
	width: 215px;
	height: 26px;
	text-indent: -999em;
	clip: rect(0px 215px 26px 215px);
	background: url('/assets/img/momkai-sublabel-mo.gif') 8px 7px no-repeat #000;
}

#case-list .logo-seperator {
	height: 26px;
	background: url('/assets/img/case_list/logo-seperator.gif') left top repeat-x;
	visibility: hidden;
}

#case-list .arrow-up {
	display: none;
	width: 53px;
	height: 53px;
	margin: 0 32px;
	background-image: url('/assets/img/case_list/arrow-up.gif');
}

#case-list .content ul {
	position: static;
	top: 215px;
	bottom: 87px;
	/*height: expression((document.body.clientHeight - 215 - 87) + 'px');*/
	width: 133px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#case-list .content li {
	height: 54px;	
	margin: 24px 24px 0;
}

#case-list .content li.first {
	margin: 0 24px;
}

#case-list .content li a {
	display: block;
}

#case-list .content li .case-labels {
	position: absolute;
	margin-left: 107px;
}

#case-list .content li .case-labels .mouseover {
	position: absolute;
	clip: rect(0 50px 26px 0);
}

#case-list .content li .case-labels .new-indicator {
	position: absolute;
	display: inline;
	width: 22px;
	height: 9px;
	margin: 10px auto auto 6px;
	background: url('/assets/img/case_list/new-indicator.gif') left top no-repeat;
}

#case-list .content li .case-labels .update-indicator {
	position: absolute;
	display: inline;
	width: 33px;
	height: 9px;
	margin: 10px auto auto 6px;
	background: url('/assets/img/case_list/update-indicator.gif') left top no-repeat;
}

#case-list .content li .case-labels .label-client {
	white-space: nowrap;
}

#case-list .content li .case-labels .label-case {
	margin-top: 2px;
}

#case-list .content li .case-labels .label-link {
	position: absolute;
}

#case-list .content li .case-labels .label-link img {
	visibility: hidden;
}

#case-list .content li .thumb-holder {
	white-space: nowrap;
}

#case-list .content li .thumb {
	width: 69px;
	height: 54px;
}

#case-list .content li .current-indicator {
	position: absolute;
	display: inline;
	width: 16px;
	height: 33px;
	margin: 10px auto auto 24px;
	background: url('/assets/img/case_list/current-indicator.gif') -16px 50% no-repeat;
	/*visibility: hidden;*/
}

#case-list .arrow-down {
	display: none;
	position: absolute;
	bottom: 14px;
	width: 53px;
	height: 53px;
	margin: 0 32px;
	background-image: url('/assets/img/case_list/arrow-down.gif');
}

#case-list .footer-pad {
	height: 180px;
}

#case-list-tooltip {
	position: absolute;
	display: none;
	font-size: 1px;
	line-height: 1px;
}

#case-list-tooltip img {
	display: block;
	margin-bottom: 2px;
}

.case-list-tooltip {
	position: absolute;
	display: none;
	font-size: 1px;
	line-height: 1px;
}

.case-list-tooltip img {
	display: block;
	position: absolute;
}

.case-list-tooltip img.project {
	margin-top: 28px;
}

#made-by-momkai {
	position: absolute;
	bottom: 0;
	width: 117px;
	height: 156px;
	z-index: 3;
}

#made-by-momkai .momkai {
	display: block;
	height: 54px;
	margin: 0 0 24px;
	background: url('/assets/img/made_by_momkai/trigger.gif') 50% top no-repeat;
}

#made-by-momkai .momkai-label {
	position: absolute;
	display: block;
	width: 83px;
	height: 26px;
	text-indent: -999em;
	clip: rect(0px 83px 26px 83px);
	margin: 0 0 3px -98px;
	background: url('/assets/img/momkai-label-mo.gif') 12px 7px no-repeat #000;
}

#made-by-momkai .momkai-sublabel {
	position: absolute;
	display: block;
	width: 215px;
	height: 26px;
	margin: 28px auto auto -230px;
	clip: rect(0px 215px 26px 215px);
	text-indent: -999em;
	background: url('/assets/img/momkai-sublabel-mo.gif') 8px 7px no-repeat #000;
}

#made-by-momkai .copyright {
	display: block;
	height: 54px;
	margin: 24px;
	background: url('/assets/img/made_by_momkai/copyright.gif') 50% top no-repeat;
}

#home-scrollbar {
	top: 0;
	bottom: 0;
	right: 0;
	/*height: expression((document.body.clientHeight) + 'px');*/
}