/* ----------------------------------------------------------------------- */
/*                                   general                               */

body {
	background-image:url(../zz_images/background.jpg);
	margin:0px;
	padding:0px;
	color:#333333;
    font-family:arial, helvetica, sans-serif;
    font-size:11px;
	font-weight:normal;
	line-height:14px;
	/* background: #333333; */
	/* overflow:-moz-scrollbars-vertical; */
}


p {
    margin:0px;
    padding:0px;
}



/* ----------------------------------------------------------------------- */
/*                              div layers                                 */


#header {
	position:static;
	left:0px;
	top:0px;
    width:990px;
    height:245px;
	/*  background-color: #333333; */
}


#corporate {
	position:relative;
	left:0px;
	top:0px;
	width:990px;
	/*  background-color: #333333; */
}


#corporate_preview {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:585px;
	background-image:url(../images/bg_corporate_v1.jpg);
	/*  background-color: #333333; */
}


#web {
	position:relative;
	left:0px;
	top:0px;
	width:990px;
	/*  background-color: #333333; */
}


#web_preview {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:680px;
	background-image:url(../zz_images/web/bg_web.jpg);
	/*  background-color: #333333; */
}


#packaging {
	position:relative;
	left:0px;
	top:0px;
	width:990px;
	/*  background-color: #333333; */
}


#packaging_preview {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:266px;
	background-image:url(../zz_images/packaging/bg_packaging.jpg);
	/*  background-color: #333333; */
}

#print {
	position:relative;
	left:0px;
	top:0px;
	width:990px;
	/*  background-color: #333333; */
}


#print_preview {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:480px;
	background-image:url(../zz_images/print/bg_print.jpg);
	/*  background-color: #333333; */
}


#experimental {
	position:relative;
	left:0px;
	top:0px;
	width:990px;
	/*  background-color: #333333; */
}


#experimental_preview {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:480px;
	background-image:url(../zz_images/experimental/bg_experimental.jpg);
	/*  background-color: #333333; */
}


#footer {
	position:relative;
	left:0px;
	top:0px;
    width:990px;
    height:297px;
	background-image:url(../zz_images/footer.jpg);
	/*  background-color: #333333; */
}


#footer .about {
	width:310px;
	height:70px;
	float:left;
	margin-top:140px;
	color:#FFFFFF;
	margin-left:215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	/*  background-color: #333333; */
}



/* ----------------------------------------------------------------------- */
/*                               noscript                                  */


#noscript {
	/* The Alert Layer if JavaScript is disabled */
	position: absolute;
	padding-top: 300px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	filter: Alpha(Opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	width:100%;
	height:1200px;
	z-index: 200;
}


.alertheadline {
	/* This is the NoScript JavaScript disabled alert */
	font-family: arial, helvetica, sans-serif;
    padding: 0px;
	font-size: 1.6em;
	font-weight: bold;
	color: #333333;
	/*  background-color: #333333; */
}


.alerttext {
	/* This is the NoScript JavaScript disabled alert */
	font-family: arial, helvetica, sans-serif;
    padding: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	/*  background-color: #333333; */
}



/* ----------------------------------------------------------------------- */
/*                              copyright                                  */


#footer_copyright {
	position:relative;
	height:30px;
	width:810px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	padding:5px 15px 0px 25px;
	/*  background-color: #333333; */
}

#footer_copyright .copyright a {
	color:#fff;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
	/*  background-color: #333333; */
}

#footer_copyright .copyright a:hover {
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#000;
	text-decoration:none;
	background:#fff;
	/*  background-color: #333333; */
}

#footer_copyright .copyright {
	float:left;
	padding:5px 0;
	/*  background-color: #333333; */
}

#footer_copyright .validate {
	float:right;
	padding:5px 0;
	/*  background-color: #333333; */
}

#footer_copyright .validate a {
	color:#fff;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	/*  background-color: #333333; */
}

#footer_copyright .validate a:hover {
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#000;
	text-decoration:none;
	background:#fff;
	/*  background-color: #333333; */
}



/* ----------------------------------------------------------------------- */
/*                               navigation                                */

div.section ul.navigation {
    margin:0px;
    padding:0px;
    list-style-type: none;
	/*  background-color: #333333; */
}


div.section ul.navigation li {
	margin:0px;
    padding:0px;
	list-style-type: none;
	list-style-position: outside;
	/*  background-color: #333333; */
}


div.section ul.navigation {
    margin:0px;
    padding:0px;
    list-style-type: none;
	list-style-position: outside;
	/*  background-color: #333333; */
}


#link_corporate_web {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_web.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_corporate_web:hover {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_web.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_corporate_packaging {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_packaging.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_corporate_packaging:hover {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_packaging.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_corporate_print {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_print.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_corporate_print:hover {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_print.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_corporate_experimental {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_experimental.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_corporate_experimental:hover {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/corporate/navi_experimental.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_web_corporate {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_corporate.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_web_corporate:hover {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_corporate.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_web_packaging {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_packaging.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_web_packaging:hover {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_packaging.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_web_print {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_print.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_web_print:hover {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_print.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_web_experimental {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_experimental.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_web_experimental:hover {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/web/navi_experimental.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_packaging_corporate {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_corporate.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_packaging_corporate:hover {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_corporate.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_packaging_web {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_web.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_packaging_web:hover {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_web.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_packaging_print {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_print.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_packaging_print:hover {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_print.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_packaging_experimental {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_experimental.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_packaging_experimental:hover {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/packaging/navi_experimental.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_print_corporate {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_corporate.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_print_corporate:hover {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_corporate.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_print_web {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_web.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_print_web:hover {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_web.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_print_packaging {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_packaging.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_print_packaging:hover {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_packaging.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_print_experimental {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_experimental.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_print_experimental:hover {
	width:142px;
	height:56px;
	display:block;
	background:url(./../zz_images/print/navi_experimental.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_experimental_corporate {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_corporate.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_experimental_corporate:hover {
	width:144px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_corporate.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_experimental_web {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_web.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_experimental_web:hover {
	width:152px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_web.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_experimental_packaging {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_packaging.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_experimental_packaging:hover {
	width:105px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_packaging.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}


#link_experimental_print {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_print.jpg) no-repeat 100% 0px;
	/*  background-color: #333333; */
}


#link_experimental_print:hover {
	width:162px;
	height:56px;
	display:block;
	background:url(./../zz_images/experimental/navi_print.jpg) no-repeat 100% -56px;
	/*  background-color: #333333; */
}




/* ----------------------------------------------------------------------- */
/*                            project popups                               */


#work_print {
	position:absolute;
	left:0px;
	top:0px;
    width:800px;
    height:585px;
	background-image:url(./../zz_work/print/bg_print.jpg);
	/*  background-color: #333333; */
	z-index:1;
}


#work_print_title {
	position:absolute;
	left:27px;
	top:522px;
    width:600px;
    height:55px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	/*  background-color: #333333; */
}

#work_print_previous {
	position:absolute;
	left:0px;
	top:394px;
    width:74px;
    height:50px;
	z-index:3;
	/*  background-color: #333333; */
}

#work_print_next {
	position:absolute;
	left:726px;
	top:394px;
    width:74px;
    height:50px;
	z-index:4;
	/*  background-color: #333333; */
}


#work_packaging {
	position:absolute;
	left:0px;
	top:0px;
    width:800px;
    height:585px;
	background-image:url(./../zz_work/packaging/bg_packaging.jpg);
	/*  background-color: #333333; */
	z-index:1;
}


#work_packaging_title {
	position:absolute;
	left:27px;
	top:522px;
    width:600px;
    height:55px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	/*  background-color: #333333; */
}


#work_packaging_previous {
	position:absolute;
	left:0px;
	top:394px;
    width:74px;
    height:50px;
	z-index:3;
	/*  background-color: #333333; */
}


#work_packaging_next {
	position:absolute;
	left:726px;
	top:394px;
    width:74px;
    height:50px;
	z-index:4;
	/*  background-color: #333333; */
}


#work_corporate {
	position:absolute;
	left:0px;
	top:0px;
    width:800px;
    height:585px;
	background-image:url(../images/bg_corporate_v1.jpg);
	/*  background-color: #333333; */
	z-index:1;
}


#work_corporate_title {
	position:absolute;
	left:27px;
	top:522px;
    width:600px;
    height:55px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	/*  background-color: #333333; */
}

#work_corporate_previous {
	position:absolute;
	left:670px;
	top:535px;
    width:23px;
    height:38x;
	z-index:3;
	/*  background-color: #333333; */
}

#work_corporate_next {
	position:absolute;
	left:706px;
	top:535px;
    width:23px;
    height:38px;
	z-index:4;
	/*  background-color: #333333; */
}

#work_corporate_forward {
	position:absolute;
	left:736px;
	top:535px;
    width:23px;
    height:38px;
	z-index:4;
	/*  background-color: #333333; */
}


#work_corporate_back {
	position:absolute;
	left:635px;
	top:535px;
    width:23px;
    height:38px;
	z-index:4;
	/*  background-color: #333333; */
}


#work_web {
	position:absolute;
	left:0px;
	top:0px;
    width:800px;
    height:585px;
	background-image:url(./../zz_work/web/bg_web.jpg);
	/*  background-color: #333333; */
	z-index:1;
}


#work_web_title {
	position:absolute;
	left:27px;
	top:522px;
    width:600px;
    height:55px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	/*  background-color: #333333; */
}

#work_web_previous {
	position:absolute;
	left:0px;
	top:394px;
    width:74px;
    height:50px;
	z-index:3;
	/*  background-color: #333333; */
}

#work_web_next {
	position:absolute;
	left:726px;
	top:394px;
    width:74px;
    height:50px;
	z-index:4;
	/*  background-color: #333333; */
}


#work_experimental {
	position:absolute;
	left:0px;
	top:0px;
    width:800px;
    height:585px;
	background-image:url(./../zz_work/experimental/bg_experimental.jpg);
	/*  background-color: #333333; */
	z-index:1;
}


#work_experimental_title {
	position:absolute;
	left:27px;
	top:522px;
    width:600px;
    height:55px;
	color:#AAAAAA;
	margin-top:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	/*  background-color: #333333; */
}

#work_experimental_previous {
	position:absolute;
	left:0px;
	top:394px;
    width:74px;
    height:50px;
	z-index:3;
	/*  background-color: #333333; */
}

#work_experimental_next {
	position:absolute;
	left:726px;
	top:394px;
    width:74px;
    height:50px;
	z-index:4;
	/*  background-color: #333333; */
}




/* ----------------------------------------------------------------------- */
/*                              bookshelf                                  */

#nycblog {
	position:absolute;
	left:844px;
	top:403px;
    width:146px;
    height:120px;
	/* background-color: #333333; */
}

td.description a {
	color:#FA1A73;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
		
		
td.description a:hover {
	text-decoration:underline;
}

		
div.back {
	text-align:left;
	padding-top:10px;
}


div.back a,
div.back a:hover {
	font-weight:normal;
	color:#FA1A73;
}


body div.move_container {
	position:absolute;
	left:0px;
	top:0px;
	width:146px;
	height:197px;
	clip:rect(0px 192px 140px 0px);
	overflow:hidden;
}


body div#bookshelf {
	position:absolute;
	top:-197px;
}


table.bookshelf {
	width:120px;
}


table.bookshelf td {
	height:197px;
	vertical-align:top;
}


table.bookshelf td.description {
	padding:0px 0px 0px 10px;
	color:#CCCCCC;
	
}


table.bookshelf td.visual {
	padding:0px 0px 0px 0px;
}


table.bookshelf td.visual img {
	margin-bottom:18px;
}





/* ----------------------------------------------------------------------- */
/*                              portfolio                                  */

#portfoliobutton {
	position:absolute;
	left:844px;
	top:550px;
    width:146px;
    height:120px;
	/* background-color: #333333; */
}

td.description a {
	color:#FA1A73;
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
}
		
		
td.description a:hover {
	text-decoration:underline;
}


td.description a.head {
	font-weight:bold;
}

td.description a.textlink {
	color:#CCCCCC;
	font-weight:normal;
}

td.description a.textlink:hover {
	text-decoration:underline;
}
		
div.portfolioback {
	text-align:left;
	padding-top:10px;
}


div.portfolioback a,
div.portfolioback a:hover {
	font-weight:normal;
	color:#FA1A73;
}


body div.move_portfolio {
	position:absolute;
	left:0px;
	top:0px;
	width:146px;
	height:197px;
	clip:rect(0px 192px 140px 0px);
	overflow:hidden;
}


body div#portfolio {
	position:absolute;
	top:-197px;
}


table.portfolio {
	width:120px;
}


table.portfolio td {
	height:197px;
	vertical-align:top;
}


table.portfolio td.description {
	padding:0px 0px 0px 10px;
	color:#CCCCCC;
	
}


table.portfolio td.visual {
	padding:0px 0px 0px 0px;
}


table.portfolio td.visual img {
	margin-bottom:18px;
}