body {
	margin: 0;
	padding: 0;
	background-color: #000;
	font-size: 100%;
	font-family: Arial;
	color: #fff;
	background-color: #000;
}

table { border-spacing: 0;}
table { border: none; margin: 0; padding: 0; }
table td { padding: 0; margin: 0; border: none; font-size: 80%; }
* html table { border-spacing: 0; border-collapse: collapse;}
table.layout { width: 100%; }
table.layout td { vertical-align: top; }
img { border: 0; }
p { margin-top: 0; }
a { color: #ffff66 }
a:visited { color: #ffff66; }
a:hover,
a:active { color: #ffffcc; }
.content { font-size: 80% }
.relative { position: relative; top: 0; left: 0; z-index: 0; }
.small { font-size: 0.8em; }
.x-small { font-family: Verdana; font-size: 0.6em; }
.big { font-size: 2em; }
.message { color: green }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.pointer-hand { cursor: pointer; cursor: hand; }
.darken { color: #cccccc }

.with_clear { height: 1px	}
html>body .with_clear {	height: auto }
html>body .with_clear:after { content: ".";  display: block; height: 0; line-height: 0; clear: left; visibility: hidden }

h1 { color: #999966; font-size: 1.5em; margin-bottom: 0.5em; font-weight: normal; }
h2, h3, h4, h5 { margin-bottom: 0.2em; }
h3, h4, h5 { margin-top: 0.2em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

body#frontpage h1 { margin-top: 2em; }

.MainReducer { width: 83%; }
.Front { position: relative; z-index: 10; //height: 1px;}
#hat { border: 0px solid red; width: 100%; float: left; }
#hat div { text-align: left; }
#LeftTop { width: 50%; float: left; background: url(i/toplamp.jpg) no-repeat 18px top;}
#LeftTop .reducer { padding: 25px 0 0 100px; }
#LeftTop a { line-height: 1.8em; }
#LeftTop a, #LeftTop a:visited { color: #ffffcc }
#LeftTop a:hover, #LeftTop a:active {color: #ffffff }
/* phone */
.Phone { font-family: Verdana; margin: 10px 0 0px 0; }
.Phone span.code { margin-left: -70px; color: #996600; font-size: 0.9em; }
.Phone span.number { color: #ffcc00; font-size: 1.85em; }

#RightTop { width: 50%; float: left; clear: right;  }
#RightTop .reducer { padding: 25px 0 0 0; }
#RightTop .row { float: left; width: 200px; margin-right: -1px; }
#RightTop .Cat-0 {  }
/* Navigation */
.menu  { font-size: 0.95em; }
.menu .category { font-size: 1.7em; color: #9f1e00; }
.menu .level-0 { font-size: 1.2em; color: #fff; line-height: 1.6em; }
.menu .small { font-size: 0.9em; line-height: 1.9em;}
.menu a { color: #ffff66; }
.menu a:visited { color: #ffff33; }
.menu a:hover,
.menu a:active { color: #ffffcc; }


body.Cat-0 .row.Cat-1 { opacity: 0.55; filter: Alpha( opacity='55' ) }
body.Cat-1 .row.Cat-0 { opacity: 0.55; filter: Alpha( opacity='55' ) }


/* Room */
#Room { 
	position: relative;
	top: -190px;
	left: 0;
	z-index: 0;
	background: url(i/bg-room-00.jpg) no-repeat left top;
	height: 465px;
	//height: 465px 
}
#Room .reducer { text-align: left; position: relative; left: 0; top: 210px;}
#LogoSet { float: left; width: 50%; text-align: left; }
#LogoSet .reducer { padding: 45px 0 0 100px; }
#LogoSet img { }
#Logo { margin: 10px 0 0 -33px; width: 283px; position: relative;  z-index: -1 }
#Logo img {  }
#Slogan {  }
#Smoke { position: absolute; right: -120px; bottom: 20px; z-index: -1; width: 150px; height: 401px; background: url(i/smoke-00.gif) no-repeat right top; }
#Intro { float: left; width: 50%; text-align: left; }


#Sofa { width: 232px; height: 182px; position: absolute; left: 28%; top: 0; background: transparent url(i/sofa-outer.png) no-repeat left top;  }
* html #Sofa { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/sofa-outer.png', sizingMethod='crop'); //background: none; }

#TableComposition { position: absolute; left: 44%; top: 90px; background: transparent url(i/table-01.png) no-repeat left top;  }

/* Decor */
.h100 { height: 100%;  }
.room-01 { background: url(i/bg-room-01.jpg) no-repeat 83px 86px; }
body.Cat-0 .room-02 { background: transparent url(i/bg-room-02.jpg) no-repeat 487px 86px; }
body.Cat-1 .room-03 { background: transparent url(i/bg-room-03.jpg) no-repeat 752px 86px; }

body.Cat-0  #Table { width: 170px; height: 124px; position: absolute; left: 0; top: 0px; background: transparent url(i/table-01.png) no-repeat left top;  }
* html body.Cat-0  #Table { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/table-01.png', sizingMethod='crop'); //background: none; }
body.Cat-1  #Table { width: 170px; height: 124px; position: absolute; left: 0; top: 0px; background: transparent url(i/table-00.png) no-repeat left top;  }
* html body.Cat-1  #Table { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/table-00.png', sizingMethod='crop'); //background: none; }

body.Cat-0 #Product { width: 91px; height: 79px; position: absolute; top:-45px; left: 30px; background: url(i/humidor-01.png) no-repeat left top; }
* html body.Cat-0 #Product { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/humidor-01.png', sizingMethod='crop'); //background: none; }
body.Cat-1 #Product { width: 91px; height: 79px; position: absolute; top:-45px; left: 30px; background: url(i/humidor-00.png) no-repeat left top; }
* html body.Cat-1 #Product { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/humidor-00.png', sizingMethod='crop'); //background: none; }

body.Cat-0 #Sofa div { width: 232px; height: 182px; background: transparent url(i/sofa-02.gif) no-repeat left top;  }
body.Cat-1 #Sofa div { width: 232px; height: 182px; background: transparent url(i/sofa-01.gif) no-repeat left top;  }