@charset "utf-8";
<!--
/* Global */
body{
margin:0;
background-color:#fff;
font:12px "tahoma", "arial", "verdana";
color:#434344;
}
h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dd{
margin:0;
padding:0;
}
input,select,textarea{
font:12px "tahoma", "arial", "verdana";
vertical-align:middle;
}
form{ display:inline; }
a{ outline:none; }
a img{ border:none; }
ul,ol{ list-style:none; }
.clear{ clear:both; }
.clearl{ clear:left; }
.clearr{ clear:right; }
.floatl{ float:left; }
.floatr{ float:right; }
.alignc{ text-align:center; }
* html{} /* IE6 */
*:first-child+html{} /* IE7 */
html>body{}	/* IE7 And Modern */
html>/**/body{} /* Modern */
/* Global */
#wrapper{
position:absolute; top:50%;
margin-top:-288px;
width:100%;
}
#container{
margin:auto;
width:1000px;
background-color:#dadad5;
}
/* Intro */
.intro{
background:url(../images/bg-intro.jpg) repeat-x center top;
text-align:center;
}
/* Intro */
#content{
text-align:center;
height:505px;
}
#logo img{
margin:40px 0;
}
#middle img{
border:2px solid #fff;
}
#nav{
background:url(../images/bg-nav.gif) repeat-x center bottom;
text-align:center;
}
#nav ul li{
display:inline;
}
#nav ul li img{
height:36px;
}
#footer{
padding:10px;
text-align:center;
font-size:10px;
color:#aeaeae;
}
#footer span{
font-size:9px;
color:#999;
}
#footer a{
color:#aeaeae;
text-decoration:none;
}
#footer a:hover{
color:#fff;
}
#category{
padding:9px 0;
text-align:center;
text-transform:uppercase;
color:#fff;
}
#category li{
display:inline;
margin:0 11px;
}
#category li a{
font-size:10px;
color:#808183;
text-decoration:none;
}
#category li a:hover{
color:#fff;
}
/* About */
.about #nav{
background:url(../images/bg-nav-about.gif) repeat-x center bottom;
}
.about #portrait{
height:400px;
text-align:center;
}
.about #portrait p{
display:none;
}
.about #thumb{
background-color:#c1c1bd;
padding-top:8px;
height:97px;
}
*:first-child+html .about #thumb{ /* IE7 */
padding-top:10px;
}
.about #thumb ul{
margin:0 0 0 249px;
}
.about #thumb li{
display:inline;
margin:0 0 0 7px;
}
/* About */
/* Furniture */
.furniture h1{
margin:auto;
width:801px;
text-align:left;
padding-top:20px;
margin-bottom:0;
}
* html .furniture h1{	/* IE6 */
padding-top:0px;
}
*:first-child+html .furniture h1{	 /* IE7 */
padding-top:0px;
}
.product{
background-color:#fff;
margin:auto;
padding-top:6px;
width:801px;
height:414px;
position:relative;
margin-bottom:-20px;
}
.product ul{
margin:0 0 0 6px;
overflow:hidden;
}
.product ul li{
float:left;
padding:3px 3px 2px 3px;
border-right:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;
}
.product .page{
font-size:11px;
margin:5px 0 0 6px;
margin /*\**/:7px 0 0 6px\9;
position:absolute;
bottom:6px;
left:0;
}
.product .page li{
border:none;
display:inline;
padding:0 !important;
}
.product .page li a{
float:left;
padding:3px 6px;
background-color:#f5f5f5;
text-decoration:none;
color:#999;
}
.product .page li a:hover{
color:#666;
}
.product .page li a.selected{
background-color:#aaa;
color:#fff;
}
/* Furniture */
/* Room Scene */
.room h1{
margin:auto;
width:801px;
text-align:left;
padding-top:20px;
margin-bottom:0;
}
* html .room h1{	/* IE6 */
padding-top:0px;
}
*:first-child+html .room h1{ /* IE7 */
padding-top:0px;
}
.room .product ul li{
float:left;
padding:5px 7px;
border:none;
}
.room .product ul li strong{
display:block;
background-color:#b3b5b0;
padding:4px;
color:#fff;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
}
/* Room Scene */
/* Showroom */
.showroom{
background:url(../images/bg-flower.gif) no-repeat center top;
}
.showroom .box{
margin:auto;
width:801px;
height:304px;
margin-top:-2px;
border:2px solid #fff;
}
.showroom #expand{
float:left;
width:439px;
width /*\**/:445px \9;  /* IE8 */
border-right:2px solid #fff;
background-color:#cacac3;
}
* html .showroom #expand{	/* IE6 */
width:445px;
}
.showroom #thumb ul li{
float:left;
padding:7px;
padding /*\**/:6px \9;  /* IE8 */
background-color:#fff;
border-right:1px solid #cacac3;
border-bottom:1px solid #cacac3;
}
* html .showroom #thumb ul li{	/* IE6 */
padding:6px;
}
.showroom #page{
float:right;
font-size:11px;
}
.showroom #page li{
float:left;
margin-left:2px;
border-right:1px solid #cacac3;
}
.showroom #page li a{
float:left;
padding:5px 10px;
background-color:#cacac3;
color:#fff;
text-decoration:none;
}
.showroom #page li a.selected{
background-color:#fff;
color:#434344;
}
/* Showroom */
/* Client */
.client{
background:url(../images/bg-flower.gif) no-repeat center top;
padding-top:50px;
}
* html .client{		/* IE6 */
padding-top:30px;
}
*:first-child+html .client{ /* IE7 */
padding-top:30px;
}
.client #content{
height:455px;
}
* html .client #content{		/* IE6 */
height:475px;
}
*:first-child+html .client #content{ /* IE7 */
height:475px;
}
.client h1{
margin:auto;
width:801px;
text-align:left;
margin-bottom:0;
}
.client .gallery{
margin:auto;
width:801px;
height:304px;
border:2px solid #fff;
}
.client .gallery dl.list{
float:left;
width:348px;
height:284px;
padding:20px 0 0 0;
border-right:2px solid #fff;
background-color:#cacac3;
text-align:left;
font-size:10px;
font-weight:bold;
color:#fff;
}
* html .client .gallery dl.list{		/* IE6 */
width:346px;
}
.client .gallery dl.list dt{
float:left;
width:165px;
margin:7px 0 0 15px;
}
.client .gallery dl.list dd{
float:right;
width:150px;
text-align:left;
margin:7px 0 0 0;
}
/* Client */
/* Work */
.work{
background:url(../images/bg-flower.gif) no-repeat center top;
}
.work h1{
margin:auto;
width:801px;
text-align:left;
padding-top:20px;
margin-bottom:0;
}
.work dl{
background:#fff url(../images/bg-flower-white.gif) no-repeat right top;
margin:auto;
padding:20px;
width:761px;
height:380px;
text-align:left;
}
.work dt{
float:left;
margin:0 0 10px 0;
width:100px;
font-weight:bold;
}
.work dd{
float:right;
margin:0 0 10px 0;
width:650px;
text-align:left;
color:#666;
}
.work dd a{
color:#f00;
}
/* Work */
/* Contact */
.contact{
background:url(../images/bg-flower.gif) no-repeat center top;
padding-top:50px;
}
* html .contact{		/* IE6 */
padding-top:30px;
}
*:first-child+html .contact{ /* IE7 */
padding-top:30px;
}
.contact #content{
height:455px;
}
* html .contact #content{		/* IE6 */
height:475px;
}
*:first-child+html .contact #content{ /* IE7 */
height:475px;
}
.contact h1{
margin:auto;
width:801px;
text-align:left;
margin-bottom:0;
}
.contact .box{
margin:auto;
width:801px;
height:390px;
text-align:left;
}
.contact .form{
float:right;
}
.contact .map{
float:left;
width:380px;
height:390px;
margin-right:10px;
}
.contact .map ul{
overflow:hidden;
margin-top:-1px;
font-size:11px;
}
.contact .map li{
float:left;
margin:0 3px 0 0;
height:20px;
}
.contact .map li a{
float:left;
padding:3px 10px;
background-color:#a6a6a2;
border:1px solid #a6a6a2;
border-top:none;
color:#fff;
text-decoration:none;
}
.contact .map li a.selected{
background-color:#cacac3;
color:#434344;
}
.contact .map p{
display:none;
background-color:#cacac3;
border:1px solid #a6a6a2;
padding:13px;
height:345px;
line-height:17px;
}
.contact .map p strong{
display:block;
margin:5px 0 0 0;
}
.contact .frm fieldset{
border:none;
margin-top /*\**/:10px \9;  /* IE8 */
}
* html .contact .frm fieldset{	/* IE6 */
margin-top:10px;
}
*:first-child+html .contact .frm fieldset{ /* IE7 */
margin-top:5px;
}
.contact .frm legend{
display:none;
}
.contact .frm em{
color:#f00;
}
.contact .frm p{
padding:3px 0 5px 0;
}
.contact .frm p.btn-submit{
text-align:center;
}
.contact .frm p.btn-submit input{
background-color:#b3b5b0;
border:1px solid #969693;
width:100px;
padding:2px 0;
color:#fff;
}
.contact .frm p input,.contact .frm p textarea{
width:260px;
padding:1px;
}
.contact .frm p label{
float:left;
width:85px;
text-align:right;
font-size:11px;
margin-right:5px;
}
.contact .message{
color:#f00;
text-align:center;
border:1px solid #f00;
background-color:#fee;
margin:5px 10px 10px 10px;
padding:10px;
}
/* Contact */
/* Gallery */
.gallery .image-wrapper{
width:450px;
height:304px;
margin-bottom:5px;
position:relative;
overflow:hidden;
}
.gallery .image-wrapper .loader{
position:absolute;
z-index:10;
top:48%;
left:48%;
border:1px solid #ccc;
}
.gallery .image-wrapper .btn-next{
position:absolute;
right:0;
top:0;
width:25%;
height:100%;
cursor:pointer;
display:block;
z-index:100;
}
.gallery .image-wrapper .btn-prev{
position:absolute;
left:0;
top:0;
width:25%;
height:100%;
cursor:pointer;
display:block;
z-index:100;
}
.gallery .image-wrapper .btn-prev, .gallery .image-wrapper .btn-next{
/* Or else IE will hide it */
background:url(../images/non-existing.jpg)\9
}
.gallery .image-wrapper .btn-prev .btn-prev-image, .gallery .image-wrapper .btn-next .btn-next-image{
background:url(../images/btn-prev.png);
width:30px;
height:30px;
display:none;
position:absolute;
top:47%;
left:0;
z-index:101;
}
.gallery .image-wrapper .btn-next .btn-next-image{
background:url(../images/btn-next.png);
width:30px;
height:30px;
right:0;
left:auto;
}
.gallery .image-wrapper .expand-image{
position:absolute;
overflow:hidden;
top:0;
left:0;
z-index:9;
}
.gallery .image-wrapper .expand-image .expand-image-description{
position:absolute;
bottom:0px;
left:0px;
padding:7px;
text-align:left;
width:100%;
z-index:2;
background:url(../images/opa75.png);
color:#575a5d;
}
* html .gallery .image-wrapper .expand-image .expand-image-description{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');
}
.gallery .image-wrapper .expand-image .expand-image-description .ad-description-title{
display:block;
}
.gallery .controls{
height:17px;
font-size:11px;
color:#999;
}
.gallery .gallery-info{
float:left;
}
.gallery .slideshow-controls{
float:right;
}
.gallery .slideshow-controls .slideshow-start, .gallery .slideshow-controls .slideshow-stop{
padding-left:5px;
cursor:pointer;
}
.gallery .slideshow-controls .slideshow-countdown{
padding-left:5px;
font-size:0.9em;
}
.gallery .slideshow-running .slideshow-start{
cursor:default;
color:#666;
}
.gallery .btn-nav{
width:100%;
position:relative;
}
.gallery .btn-forward, .gallery .btn-back{
position:absolute;
top:0;
height:100%;
z-index:10;
}
/* IE 6 doesn't like height:100% */
* html .gallery .btn-forward, .gallery .btn-back{
height:60px;
}
.gallery .btn-back{
cursor:pointer;
left:-20px;
width:13px;
display:block;
background:url(../images/btn-scroll-back.png) 0px 22px no-repeat;
}
.gallery .btn-forward{
cursor:pointer;
display:block;
right:-20px;
width:13px;
background:url(../images/btn-scroll-forward.png) 0px 22px no-repeat;
}
.gallery .btn-nav .thumbs{
overflow:hidden;
width:100%;
}
.gallery .thumbs .thumbs-list{
width:9000px;
}
.gallery .thumbs li{
float:left;
padding-right:5px;
}
.gallery .thumbs li a{
display:block;
}
.gallery .thumbs li a img{
border:3px solid #ccc;
display:block;
}
.gallery .thumbs li a.ad-active img{
border:3px solid #666;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{
position:absolute;
left:-9000px;
top:-9000px;
}
/* Gallery */
-->