/*tags*/
	html, body {position: relative;margin: 0;padding: 0;width: 100%;height: 100%;}
	html>body {min-width: 100%;width: auto;min-height: 100%;height: auto;}
	body.black {background-color: #000;}
	body.white {background-color: #fff;}
	a, a:hover, a:active, a:visited {color: #333;}

/*classes*/


/*ids*/
	#mainBox {width: 100%;height: 100%;}
	#contentBox {margin: 0;padding: 0 0 235px;width: 1000px;}
	body.work #contentBox {background: url(/img/work.header.png) no-repeat 356px 0;}
	body.info #contentBox {background: url(/img/info.header.png) no-repeat 374px 0;}
	#contentBox div.lcol {float: left;width: 243px;padding: 124px 0 28px;}
	#contentBox div.rcol {float: left;width: 555px;padding: 134px 71px 0px 131px;}
	body.white #contentBox div.rcol {width: 708px;padding: 0 0px 0px 48px;}

	#pageTitle {display: none;}
	#subscription {margin: 0px -2px;width: 559px;height: 80px;}
	body.work #subscription {background: url(/img/citat-works.png) no-repeat 0 0;}
	body.info #subscription {background: url(/img/citat-info.png) no-repeat 0 0;}
	
	#logo {margin: 0 0 65px;width: 243px;height: 85px;}
	body.black #logo {background: url(/img/logo.white.png) no-repeat 23px 10px;}
	body.white #logo {background: url(/img/logo.black.png) no-repeat 23px 10px;}
	#logo a {display: block;width: 243px;height: 85px;}
	#logo span {display: none;}
	
	#worksBox div.item {position: relative;padding: 28px 0px 43px 0px;width: 555px;}
	#worksBox div.item div.div {margin: 0px 0px 28px;width: 52px;height: 4px;background-color: #fff;overflow: hidden;}
	#worksBox div.item div.ofh {position: relative;width: 555px;}
	#worksBox div.item p {margin: 0 0 14px;}
	#worksBox div.item p br {display: none;}
	#worksBox div.item div.navInfo {position: absolute;bottom: 20px;width: 555px;height: 40px;}
	#worksBox div.item div.navInfo a {position: absolute;top: 5px;display: block;width: 34px;height: 33px;}
	#worksBox div.item div.navInfo a.prev {left: -7px;background: url(/img/larr.png) no-repeat 5px 5px;}
	#worksBox div.item div.navInfo a.next {left: 34px;background: url(/img/rarr.png) no-repeat 4px 5px;}
	#worksBox div.item div.navInfo a.info {left: 71px;top: -3px;background: url(/img/info.btn.png) no-repeat 11px 3px;width: 42px;height: 44px;}
	#worksBox div.item p a span.plus {position: absolute;left: 232px;top: 155px;display: block;width: 92px;height: 92px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/plus.bg.png', sizingMethod='image');}
	#worksBox div.item p a>span.plus {background: url(/img/plus.bg.png) no-repeat 0 0;}
	#worksBox div.item p span.info {position: absolute;top: 0px;left: 0px;width: 555px;height: 401px;}
		#worksBox div.item p a,
		#worksBox div.item p span.info,
		#worksBox div.item p img 
			{display: block;}

	#waiNav {position: relative;z-index: 999;margin: 65px 23px;width: 191px;height: 234px;}
	body.black #waiNav {background: url(/img/wai.black.png) no-repeat;}
	body.white #waiNav {background: url(/img/wai.white.png) no-repeat;}
	#waiNav ul {margin: 0;padding: 0;list-style-type: none;}
	#waiNav ul li {position: absolute;display: block;}
	#waiNav ul li span {display: none;}
	#waiNav ul li a {display: block;}
	#waiNav ul li b {position: absolute;display: block;overflow: hidden;background-color: #fff;}
	#waiNav ul li.work {left: 0px;top: 0px;width: 190px;height: 112px;}
	#waiNav ul li.work a {width: 190px;height: 112px;}
	#waiNav ul li.work b {top: 48px;left: 3px;width: 187px;height: 4px;}
	#waiNav ul li.info {left: 105px;top: 111px;width: 55px;height: 123px;}
	#waiNav ul li.info a {width: 55px;height: 123px;}
	#waiNav ul li.info b {top: 45px;left: -7px;width: 69px;height: 4px;}
	#waiNav ul li.art {left: 0;top: 111px;width: 105px;height: 123px;}
	#waiNav ul li.art a {width: 105px;height: 123px;}
	#waiNav ul li.art b {top: 45px;left: 3px;width: 113px;height: 4px;background-color: #000;}
	#waiNav div.workLayer {position: absolute;width: 635px;height: 164px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/work.alt.png', sizingMethod='image');}
	#waiNav>div.workLayer {background: url(/img/work.alt.png) no-repeat;}
	#waiNav div.artLayer {position: absolute;width: 410px;height: 164px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/art.alt.png', sizingMethod='image');}
	#waiNav>div.artLayer {background: url(/img/art.alt.png) no-repeat;}
	#waiNav div.infoLayer {position: absolute;width: 491px;height: 164px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/info.alt.png', sizingMethod='image');}
	#waiNav>div.infoLayer {background: url(/img/info.alt.png) no-repeat;}
	
	#info {position: relative;padding: 28px 0 107px;margin: 0 0 28px;}
	#info div.div {margin: 0px 0px 28px;width: 52px;height: 4px;background-color: #fff;overflow: hidden;}
	#info div.photo {float: left;width: 182px;}
	#info div.info {float: right;width: 373px;}
	#info div.info div {display: none;}
	#info div.mail {position: absolute;left: 175px;bottom: 0px;}
	#info div.mail a {display: block;width: 65px;height: 55px;overflow: hidden;background: url(/img/mail.ico.png) no-repeat 0 0;text-indent: -999px;}
	#info div.mail a span {display: none;}
	#info div.pdf {position: absolute;left: 243px;bottom: 0px;}
	#info div.pdf a {display: block;width: 65px;height: 55px;background: url(/img/pdf.ico.png) no-repeat 0 0;}
	#info div.pdf a span {display: none;}
	
	#artBox {}
	#artBox div.art {position: relative;width: 708px;height: 296px;background-repeat: no-repeat;}
	#artBox a.active1, #artBox a.active2, #artBox a.active3 {position: absolute;top: 0px;display: block;width: 196px;height: 296px;background-position: 0 -296px;background-repeat: no-repeat;}
	#artBox a.active1:hover, #artBox a.active2:hover, #artBox a.active3:hover {background-position: 0 0;}
	#artBox a.active1 {left: 80px;}
	#artBox a.active2 {left: 276px;}
	#artBox a.active3 {left: 472px;}
	
	#footer {position: absolute;left: 0px;bottom: 0px;padding: 0 0 59px 374px;}
	#footer div.div {margin: 0px 0px 19px;width: 52px;height: 4px;background-color: #fff;overflow: hidden;}
	#footer div.workinfo {position: relative;left: -1px;margin: 0px 0px 54px;width: 512px;height: 65px;}
	#footer div.workinfo a.work {position: absolute;left: 0px;top: 0px;display: block;width: 281px;height: 65px;background: url(/img/workinfo.nav.png) no-repeat 0 0;}
	#footer div.workinfo a.work:hover {background-position: 0 -65px;}
	#footer div.workinfo a.info {position: absolute;left: 285px;top: 0px;display: block;width: 227px;height: 65px;background: url(/img/workinfo.nav.png) no-repeat 100% 0;}
	#footer div.workinfo a.info:hover {background-position: 100% -130px;}
	#footer div.artinfo {position: relative;left: -1px;margin: 0px 0px 54px;width: 420px;height: 65px;}
	#footer div.artinfo a.art {position: absolute;left: 0px;top: 0px;display: block;width: 188px;height: 65px;background: url(/img/artinfo.nav.png) no-repeat 0 0;}
	#footer div.artinfo a.art:hover {background-position: 0 -65px;}
	#footer div.artinfo a.info {position: absolute;left: 193px;top: 0px;display: block;width: 227px;height: 65px;background: url(/img/artinfo.nav.png) no-repeat 100% 0;}
	#footer div.artinfo a.info:hover {background-position: 100% -130px;}
	#footer p.copyright {margin: 0;width: 555px;height: 12px;}
	body.white #footer p.copyright {background: url(/img/copyright.white.png) no-repeat;}
	body.black #footer p.copyright {background: url(/img/copyright.black.png) no-repeat;}
	#footer span {display: none;}
	
	#sb-container #sb-loading {background: url(/img/ajax-loader.gif) no-repeat center center;}