body {margin: 0; padding: 0; width: 100%; color: #181715; background: #f2dfba center top url('img/bg.jpg'); font-family: Times New Roman, Georgia, serif;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%"); min-width: 780px;}
img {border: 0;}
table {border: 0; border-collapse: collapse;}
table td {padding: 0;}
a {color: #144cb9;}
a:hover, a:active {color: #b03811;}
a:visited {color: #732e67;}
p {font-size: 90%; padding: 0; margin: 0 0 1.3em 0; line-height: 1.3em;}
ul {font-size: 90%; padding: 0; margin: 0 0 1.3em 0; line-height: 1.3em; list-style: none;}
li {margin: 0 0 0.2em 2.3em; padding-left: 10px; background: no-repeat left 0.55em url('img/bullet.gif');}
h1 {position: relative; left: -25px; color: #9f3434; font-size: 160%; margin: 0 0 0.7em 0; font-weight: normal;}
	h1 a, h1 a:visited, h1 a:active {color: #9f3434;}
h2 {color: #ba321c; font-size: 140%; margin: 0 0 0.5em 0; font-weight: normal;}
	h2 a, h2 a:visited, h2 a:active {color: #ba321c;}
h3 {font-size: 90%; padding: 0; margin: 0 0 0.3em 0; line-height: 1.4em;}
	
img.photo {margin: 0.6em 0 0.8em 0; border: 4px solid #fff;}

#showroom {float: left; width: 400px; height: 270px; border: 5px solid #fff; margin-bottom: 1em;}
#selector {float: left; list-style: none;}
#selector li {margin: 0 0 0.5em 2.3em; background: none; padding: 0;}
#selector span {color: #144cb9; cursor: pointer; cursor: hand; border-bottom: 1px dashed;}
#selector span.selected {color: #181715; cursor: default; border: 0; background: #f3ddb4; padding-bottom: 3px;}

.comment {font-size: 90%; color: #643c1a;}

.spacer {float: left; width: 10%;}

#main {width: 100%; clear: both;}
	#header {height: 426px; background: repeat-x center top url('img/header_bg.jpg');}
		#menu {z-index: 4; position: absolute; top: 30px; width: 100%; height: 91px; background: repeat-x center url('img/menu_bg.gif'); color: #a6764c; font-size: 90%;}
			#menu_left {width: 155px; background: no-repeat right url('img/menu_left_test.gif');}
			#menu_right {width: 155px; background: no-repeat left url('img/menu_right_test.gif');}
			#menu .bullet {width: 25%; text-align: center;}
			#menu a {color: #b85041;}
			#menu strong {font-weight: normal;}
				#menu strong a {color: #a6764c;}
			#menu a:hover {color: #a6764c;}
		#bureau {position: absolute; top: 258px;}
		#canvas {z-index: 3; position: absolute; top: 134px; left: 16%; width: 161px; height: 211px; background: no-repeat url('img/header_canvas.gif');}
			#canvas img {margin: 55px 0 0 13px;}
		.stereo {z-index: 1; position: absolute; top: 202px; width: 43px; height: 143px; background: no-repeat url('img/header_stereo_test.gif');}
			#stereo_left {left: 32%;}
			#stereo_right {left: 50%; margin-left: 200px;}
		#sofa {z-index: 2; position: absolute; top: 198px; left: 35%; width: 347px; height: 147px; background: no-repeat url('img/header_sofa_test.gif');}
		#panno {z-index: 0; position: absolute; top: 114px; left: 28%; width: 50px; height: 180px; background: no-repeat url('img/header_panno.jpg');}
		#bookshelf {z-index: 0; position: absolute; top: 117px; right: 112px; width: 398px; height: 92px; background: no-repeat url('img/header_bookshelf.jpg');}
		#armchair {z-index: 1; position: absolute; top: 223px; left: 81%; width: 136px; height: 122px; background: no-repeat url('img/header_armchair.gif');}
		.curtain {z-index: 3; position: absolute; width: 187px; height: 426px;}
			#curtain_left {background: url('img/header_curtain_left.gif');}
			#curtain_right {right: 0; background: url('img/header_curtain_right.gif');}
	#content {width: 100%; clear: both;}
		#left {float: left; width: 22%;}
			#left img {margin-top: 45px;}
		#center {float: left; width: 47%; padding-bottom: 40px;}
		#right {float: right; width: 30.5%; text-align: center;}
			#right img {margin-top: 45px;}

	#products_bnr {position: relative; left: 6%; width: 94%; clear: both;}
	.product_bnr {float: left; width: 28%;}
		.product_bnr div {float: left; width: 108px; height: 117px; background: no-repeat url('img/tn_bg.gif');}
			.product_bnr img {margin: 14px 0 0 12px;}
		.product_bnr p {margin: 30px 20px 0 115px;}

   	.product {clear: left; width: 100%;}
		.product div {float: left; width: 108px; height: 117px; background: no-repeat url('img/tn_bg.gif');}
   			.product img {margin: 14px 0 0 12px;}
   		.product p {padding: 30px 20px 20px 115px;}
		
#footer {width: 100%; clear: both; height: 147px;  background: no-repeat bottom left url('img/footer_left.gif');}
	#guesswho {float: right; width: 17%; height: 147px; background: no-repeat left 30px url('img/footer_angel.gif');}
		#guesswho img {margin: 78px 0 0 30px;}
	#copyrights {float: right; width: 46%; height: 147px; background: no-repeat left bottom url('img/footer_ryuha1.gif');}
		#copyrights p {color: #807866; font-size: 80%; margin: 40px 0 0 160px;}
