* {
  margin:		0px;
  padding:		0px;
  border:		0px;
  outline:		0px;
}
body {
  font:			11px arial, sans serif;
  color:		#666666;
  background:		#FEE600;
}
h2 {
  font:			38px arial, sans serif;
  line-height:		38px;
  font-weight:		normal;
  margin-bottom:	0.3em;
}
h3 {
  font:			26px arial, sans serif;
  line-height:		26px;
  margin-bottom:	1em;
}
h4 {
  font-size:		11px;
  color:		#C3C3C3;
}
a:link,
a:visited {
  color:		#666666;
  text-decoration:	none;
}
a:hover {
  color:		#000000;
}
ul {
  list-style:		none;
}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.header {
  width:		960px;
  margin:		0px auto;
  text-align:		right;
}
.header .logo {
  width:		215px;
  height:		34px;
  padding:		30px 0px 10px 0px;
  float:		right;
}
/*--------------------------------------------------------------*/
.container {
  position:		relative;
  clear:		both;
}
.container .frame {
  position:		relative;
  width:		960px;
  margin:		0px auto;
}
.container .info {
  position:		relative;
  width:		700px;
  padding-left:		45px;
  float:		left;
}
.container .nav {
  position:		relative;
  width:		215px;
  float:		right;
}
/*--------------------------------------------------------------*/
.footer {
}
.footer .container .frame .nav {
  padding:		20px 0px;
}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.content {
  width:		100%;
  background:		#FEE600 url(/img/bg-body.gif) repeat-y center top;
  float:		left;
}
.content .menuLink {
  width:		100%;
  border-bottom:	1px solid #FEE600;
  padding:		1px 0px;
  display:		block;
  float:		left;
}
.content .menuLink:hover {
  cursor:		pointer;
}
.content .menuLink span {
  width:		215px;
  display:		block;
  margin:		0 auto;
  padding-left:		745px;
}
.content .menuLink span.btnOpen,
.content .menuLink span.btnClose {
}
.content .menuLink span.btnClose {
  color:		#000000;
  background:		url(/img/btn-close.gif) no-repeat 940px center;
}
.content .menuLink span.btnOpen {
  background:		url(/img/btn-open.gif) no-repeat 940px center;
}


/*--------------------------------------------------------------*/
#homeContent .frame {
  background:		#FFFFFF;
}
#homeContent .info .space {
  width:		100%;
  height:		68px;
  float:		left;
}
#homeContent .info .show {
  position:		relative;
  width:		580px;
  height:		550px;
  float:		left;
}
#homeContent .info .show .showcase {
  position:		absolute;
  top:			20px;
  width:		580px;
  height:		450px;
  overflow:		hidden;
  float:		left;
}
#homeContent .info .show .showcase ul {
  position:		absolute;
  width:		580px;
  list-style:		none;
  float:		left;
}
#homeContent .info .show .showcase ul li {
  width:		830px;
  height:		450px;
  float:		left;
}
#homeContent .nav {
  padding-top:		285px;
}


/*--------------------------------------------------------------*/
#worksContent {
  position:		relative;
  background:		#FEE600 url(/img/bg-body.gif) repeat-y center top;
  overflow:		hidden;
}
#worksContent .info,
#worksContent .nav {
  margin-top:		20px;
}
#worksContent .info .workSlide {
  position:		absolute;
  width:		915px;
  height:		450px;
  overflow:		hidden;
  float:		left;
}
#worksContent .info .workSlide ul {
  position:		absolute;
  width:		915px;
  list-style:		none;
  overflow:		hidden;
}
#worksContent .info .workSlide ul li {
  width:		830px;
  height:		450px;
  float:		left;
}
#worksContent .info .workSlide ul li strong {
  color:		#555555;
}
#worksContent .info .workSlide #workDescription {
  left:			0px;
  background:		#FFFFFF;
  width:		500px;
  height:		420px;
}
/*
#worksContent .info .workSlide #workDescription li {
  padding:		15px;
}
#worksContent .info .workSlide #workDescription li .plain {
  width:		520px;
  height:		390px;
  display:		block;
  padding:		15px;
  font-size:		16px;
  color:		#333333;
  line-height:		18px;
}
*/
#worksContent .info .slideBrowser {
  top:			480px;
}
#worksContent .info .slideBrowser ul.handles li {
  background:		#FFE600;
}
#worksContent .info .slideBrowser ul.handles li:hover,
#worksContent .info .slideBrowser ul.handles li.active {
  cursor:		pointer;
  background:		#000000;
}
#worksContent .info .slideBrowser ul.handles .type {
  margin-left:		15px;
}
#worksContent .nav .workTypes {
  position:		absolute;
  width:		278px;
  height:		64px;
  right:		0px;
  border-bottom:	2px solid #FFE600;
  float:		left;
}
#worksContent .nav .workTypes ul {
  position:		relative;
  top:			2px;
  list-style:		none;
  float:		left;
  border-bottom:	2px solid #FFFFFF;
}
#worksContent .nav .workTypes ul li {
  position:		relative;
  top:			2px;
  width:		13px;
  height:		60px;
  margin-right:		3px;
  float:		left;
  border-bottom:	2px solid #FFE600;
  background:		no-repeat left bottom;
  text-indent:		-1000em;
}
#worksContent .nav .workTypes ul li span {
  display:		none;
}
#worksContent .nav .workTypes .identity_es {
  background-image:	url(/img/sub-identity-es.gif);
}
#worksContent .nav .workTypes .print_es {
  background-image:	url(/img/sub-print-es.gif);
}
#worksContent .nav .workTypes .digital_es {
  background-image:	url(/img/sub-digital-es.gif);
}
#worksContent .nav .workTypes .design3d_es {
  background-image:	url(/img/sub-design3d-es.gif);
}
#worksContent .nav .workTypes .identity_en {
  background-image:	url(/img/sub-identity-en.gif);
}
#worksContent .nav .workTypes .print_en {
  background-image:	url(/img/sub-print-en.gif);
}
#worksContent .nav .workTypes .digital_en {
  background-image:	url(/img/sub-digital-en.gif);
}
#worksContent .nav .workTypes .design3d_en {
  background-image:	url(/img/sub-design3d-en.gif);
}
#worksContent .nav .worksList {
  position:		absolute;
  right:		0px;
  top:			75px;
  width:		278px;
  height:		375px;
  margin-top:		20px;
  float:		left;
  overflow:		hidden;
}
#worksContent .nav .worksList #works {
  position:		absolute;
  top:			-10px;
  right:		0px;
}
#worksContent .nav .worksList #works ul {
  list-style:		none;
  float:		left;
}
#worksContent .nav .worksList #works ul li {
  float:		left;
}
#worksContent .nav .worksList #works ul li a {
  width:		276px;
  height:		15px;
  display:		block;
}
#worksContent .nav .worksList #works ul li .type,
#worksContent .nav .worksList #works ul li .blank {
  width:		15px;
  height:		15px;
  display:		block;
  float:		left;
}
#worksContent .nav .worksList #works .type {
  background:		url(/img/btn-activity.gif) no-repeat center top;
}
#worksContent .nav .worksList #works .project {
  color:		#333333;
  width:		212px;
  height:		15px;
  padding-left:		4px;
}
#worksContent .nav .worksList #works .active {
  background:		url(/img/btn-activity.gif) no-repeat center bottom;
}
#worksContent .nav .worksList #works .on,
#worksContent .nav .worksList #works .on a:hover {
  background:		#FEE600;
}
#worksContent .nav .worksList #works a:hover {
  background:		#E5E5E5;
  color:		#000000;
}
#worksContent .nav .worksUp,
#worksContent .nav .worksDown {
  clear:		both;
  position:		absolute;
  left:			0px;
  width:		10px;
  height:		10px;
}
#worksContent .nav .worksUp {
  top:			75px;
  background:		url(/img/btn-up.gif) no-repeat left top;
}
#worksContent .nav .worksDown {
  top:			480px;
  background:		url(/img/btn-down.gif) no-repeat left top;
}
#worksContent .nav .worksUp:hover,
#worksContent .nav .worksDown:hover {
  cursor:		pointer;
}


/*--------------------------------------------------------------*/
#whatContent {
  position:		relative;
  background:		#FFE600;
  overflow:		hidden;
}
#whatContent .info {
  padding:		20px 0px 80px 45px;
}
#whatContent .slide {
  background:		url(/img/image-what.jpg) no-repeat left top;
}
#whatContent h2.es {
  width:		460px;
  height:		91px;
  background:		url(/img/title-we_design_information-es.gif) no-repeat left top;
  text-indent:		-1000em;
}
#whatContent h2.en {
  width:		373px;
  height:		107px;
  background:		url(/img/title-we_design_information-en.gif) no-repeat left top;
  text-indent:		-1000em;
}


/*--------------------------------------------------------------*/
#profileContent {
  position:		relative;
  background:		#FFE600;
  overflow:		hidden;
}
#profileContent .info {
  padding:		20px 0px 80px 45px;
}
#profileContent .info #profileDefinitionContent,
#profileContent .info #profileFactsContent {
  position:		absolute;
  top:			20px;
  left:			45px;
  height:		520px;
}
#profileContent .slide {
  background:		url(/img/image-profile.jpg) no-repeat left top;
}
#profileContent .nav ul {
  list-style:		none;
  padding-top:		50px;
}
#profileContent .nav ul li a {
  position:		relative;
  left:			-10px;
  width:		195px;
  padding:		2px 20px 2px 10px;
  display:		block;
}
#profileContent .nav .active {
  background:		#FFFFFF;
}
#profileContent .slideBrowser {
  top:			480px;
  left:			0px;
}
#profileContent #profileDefinitionContent h2.t02.es {
  width:		283px;
  height:		178px;
  background:		url(/img/title-massustancia_is-es.gif) no-repeat left top;
  text-indent:		-1000em;
}
#profileContent #profileDefinitionContent h2.t03.es {
  width:		354px;
  height:		27px;
  background:		url(/img/title-substance-identity-es.gif) no-repeat left top;
  text-indent:		-1000em;
}
#profileContent #profileDefinitionContent h2.t02.en {
  width:		308px;
  height:		184px;
  background:		url(/img/title-massustancia_is-en.gif) no-repeat left top;
  text-indent:		-1000em;
}
#profileContent #profileDefinitionContent h2.t03.en {
  width:		357px;
  height:		67px;
  background:		url(/img/title-substance-identity-en.gif) no-repeat left top;
  text-indent:		-1000em;
}



/*--------------------------------------------------------------*/
#contactContent {
  background:		#FEE600 url(/img/bg-body.gif) repeat-y center top;
  overflow:		hidden;
}
#contactContent .slide {
  margin-top:		60px;
  background:		url(/img/image-contact.jpg) no-repeat left top;
}
#contactContent .slide ul {
  padding:		0px;
}
#contactContent .info .pdfLink {
  clear:		both;
  width:		100px;
  margin-top:		10px;
  padding-left:		12px;
  font-weight:		bold;
  background:		url(/img/btn-click.gif) no-repeat -3px center;
  float:		left;
}
#contactContent .nav {
  position:		absolute;
  right:		0px;
  top:			58px;
  color:		#333333;
  padding-top:		0px;
}
#contactContent .nav p {
  margin-bottom:	1em;
}
#contactContent .nav #showMap {
  position:		relative;
  width:		220px;
  left:			-10px;
  padding:		2px 0px 2px 10px;
  display:		block;
  color:		#000000;
  background:		#FFE600 no-repeat 205px center;
}
#contactContent .nav #showMap:hover {
  cursor:		pointer;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.slide {
  clear:		both;
  position:		relative;
  width:		640px;
  height:		385px;
  margin-top:		30px;
  overflow:		hidden;
  float:		left;
}
.slide ul {
  position:		relative;
  padding:		15px;
  float:		left;
}
.slide ul li {
  width:		580px;
  height:		325px;
  margin:		0px 30px 30px 0px;
  padding:		15px;
  float:		left;
}
.slide {
  color:		#FFFFFF;
}
.slide .plain {
  color:		#000000;
  background:		#FFE600;
  opacity:		0.95;
}
.slide ul li p {
  width:		460px;
  font-size:		16px;
  line-height:		18px;
}
/*--------------------------------------------------------------*/
.slideBrowser {
  position:		absolute;
  top:			500px;
  left:			45px;
  width:		450px;
  height:		15px;
}
.slideBrowser ul {
  list-style:		none;
}
.slideBrowser ul li {
  width:		15px;
  height:		15px;
  margin-right:		2px;
  background:		#FFFFFF;
  float:		left;
}
.slideBrowser ul li.btnLeft {
  background:		url(/img/btn-left3.gif) no-repeat left top;
}
.slideBrowser ul li.btnRight {
  margin-right:		10px;
  background:		url(/img/btn-right3.gif) no-repeat left top;
}
.slideBrowser ul li.btnText {
  margin-left:		15px;
  background:		url(/img/btn-text.gif) no-repeat left top;
}
.slideBrowser ul.handles li:hover,
.slideBrowser ul.handles li.active {
  cursor:		pointer;
  background:		#000000;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.btnLeft,
.btnRight,
.btnText {
  width:		15px;
  height:		15px;
  margin-right:		10px;
  display:		block;
  background-repeat:	no-repeat;
  background-position:	top;
  float:		left;
}
.btnLeft:hover,
.btnRight:hover,
.btnText:hover {
  background-position:	bottom;
  cursor:		pointer;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.n01,
.n02,
.n03,
.n04,
.n05 {
  width:		46px;
  height:		26px;
  background:		transparent no-repeat left top;
  text-indent:		-1000em;
}
.n01 {
  background-image:	url(/img/num-01.gif);
}
.n02 {
  background-image:	url(/img/num-02.gif);
}
.n03 {
  background-image:	url(/img/num-03.gif);
}
.n04 {
  background-image:	url(/img/num-04.gif);
}
.n05 {
  background-image:	url(/img/num-05.gif);
}
.hide {
  opacity:		0;
}