html {
	width: 100%;
	height: 100%;
}
body { 
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #001b3f url(images/bg-top.jpg) repeat-x;
}
img, a, div { position: absolute; display: block; }
#body { 
	position: inherit;
	width: 1400px;
	height: 1100px;
	background: url(images/bg.jpg) no-repeat;
	overflow: hidden;
}
#body.guide { background-image: url(images/bg-guide.jpg); }
#content {
	width: 1175px;
	height: 1100px;
	padding: 0 0 0 113px;
}

/* helps */
.absolute { position: absolute; }

/* pieces */
.img-tab { display: none; width: 580px; height: 203px; margin: 0 0 0 465px; background: url(images/img-tab.png) no-repeat; }
.btn-extended-short { display: none; width: 330px; height: 40px; margin: 401px 0 0 43px; background: url(images/btn-extended.png) no-repeat; }
.btn-short { background-image: url(images/btn-short.png) }
.btn-extended-short-a {  width: 320px; height: 26px; }
.btns-panel { display: none; width: 177px; height: 223px; margin: 439px 0 0 202px; background: url(images/bg-panel.png) no-repeat; }
.btn-mailtoafriend { cursor: pointer; width: 115px; height: 48px; margin: 29px 0 0 28px;  background: url(images/btn-mailtoafriend.png) no-repeat; }
.btn-mailtoafriend:hover { background-image: url(images/btn-mailtoafriend-over.png);  background-position: 1px 1px; }
.btn-download { cursor: pointer; width: 115px; height: 48px; margin: 86px 0 0 28px;  background: url(images/btn-download.png) no-repeat; }
.btn-download:hover { background-image: url(images/btn-download-over.png); background-position: 1px 1px; }
.btn-embed { cursor: pointer; width: 115px; height: 48px; margin: 144px 0 0 28px;  background: url(images/btn-embedcode.png) no-repeat; }
.btn-embed:hover { background-image: url(images/btn-embedcode-over.png); background-position: 1px 1px; }
.btn-twitter { cursor: pointer; display: none; margin: 662px 0 0 230px; width: 58px; height: 55px; background: url(images/btn-twitter.png) no-repeat; }
.btn-facebook { cursor: pointer; display: none;  margin: 662px 0 0 288px; width: 57px; height: 55px; background: url(images/btn-facebook.png) no-repeat; }
.txt-title { display: none; width: 800px; height: 30px; margin: 203px 0 0 410px; background: no-repeat; }
.viewarea { display: none; width: 748px; height: 582px; margin: 203px 0 0 372px; background: url(images/bg-viewarea.png) no-repeat; }
.viewarea-content { cursor: pointer; margin: 69px 0 0 73px; width: 611px; height: 457px; overflow: hidden; background: center center no-repeat;  }
.viewarea-swf { display: none; }

.window-mailtoafriend, .window-embed { display: none; width: 300px; height: 400px; margin: 453px 0 0 -100px; background: #000000; border: 1px #ffffff solid; }
.window-close { cursor: pointer; color: #ffffff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; position: absolute; display: block; margin-left: 288px; z-index: 100000; }
.window-embed { height: 119px; padding: 0 4px 4px 4px; }
.window-embed-close { margin-left: 292px; }
.mailtoafriend { position: inherit; width: 100%; height: 400px; border: 0; background-color: transparent; }
.embed { position: inherit; display: block; width: 297px; height: 95px; margin-top: 19px; }

.txt-title-2 { display: none; margin: 785px 0 0 407px; width: 800px; height: 78px; background: left top no-repeat; }
.img-handsover { margin: 346px 0 0 1068px; width: 152px; height: 219px; background: url(images/img-handsover.png) no-repeat; z-index: 1000 }
.btn-prev { cursor: pointer; display: none; margin: 785px 0 0 283px; width: 41px; height: 68px; background: url(images/btn-prev.png) no-repeat; }
.btn-next { cursor: pointer; display: none; margin: 785px 0 0 345px; width: 41px; height: 68px; background: url(images/btn-next.png) no-repeat; }