@font-face {
    font-family: 'browab';
    src: url('../font/browab_0-webfont.eot');
    src: url('../font/browab_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/browab_0-webfont.woff') format('woff'),
         url('../font/browab_0-webfont.ttf') format('truetype'),
         url('../font/browab_0-webfont.svg#browab') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Normal browser*/
html,body,a ,aside{background:#797979;color:#231f20;font-family: "Century Gothic",Verdana,Arial,Sans-Serif}
p{font-size:1.1em;}
h1, h2, h3, h4, h5,.date,.showroom .place,.contact tr:first-child th,aside li:hover{color:#fff;}
#main {margin: 50px auto;padding: 20px;width: 746px;}
#framework{width:1024px;margin: 41px auto;}

.center{text-align:center;}
.capital{text-transform: uppercase;}
.notbold{font-weight:normal;}
.greyborder{border: 1px solid; #808080;}
.noUnderline{text-decoration:none;}
.header{color: #FFFFFF;font-size: 19px;text-transform: uppercase;}
#content .header .sub{font-size:15px;display:block;border-top:1px solid;}
.leftHeader{margin:0 20px;}
.columnRight{float:right;}
.clearMargin{margin:0;}
.marginTop10{margin-top:10px;}
.clearList{list-style:none;margin:0;}

#enterSite{margin-top:200px;}
#downloadList img {padding-right: 10px;vertical-align: middle;}
#downloadList li a{color:#fff;text-decoration:none;}
#downloadList li a:hover{text-decoration:underline;}
.aboutus #details{margin-left:50px;  padding-right: 10px;}
.aboutus #sofa img{margin-right: 35px;}
.date{display:block;font-size:1.2em;}
.place{display:block;}
.showroom .pics{float:left;}
.showroom .details{height: 56px;padding: 90px 0;position: absolute;text-align: center;width: 398px;z-index: 5;}
.showroom .address{position:relative;float:left;}
.showroom .blind .details{background:#000;opacity:1;-moz-transition:1.5s ease;-webkit-transition:1.5s ease;transition:1.5s ease;}
.showroom .showed .details{opacity:0;-moz-transition:1.5s ease;-webkit-transition:1.5s ease;transition:1.5s ease;}
.showroom .columnRight{margin-bottom:20px;}
.showroom .place, .showroom .revision{font-weight:bold;}
.contact img{padding-bottom:20px;}
.contact table{margin-bottom:50px;}
.contact th{text-transform:uppercase;text-align:left;padding-right:20px;}
.contact td, .contact th {padding-bottom:5px;}
.contact td img{padding:0;}
aside{font-size:13px;}
.signature #bigpic {position:relative;height:500px;}
.signature #bigpic div{position:absolute;width:803px;height:479px;}
.signature #bigpic span.description{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: 0;color: #FFFFFF;display: block;padding: 0 10px;position: absolute;text-align: right;width: 783px;z-index: 500;}
.signature .blind{opacity:0;-moz-transition:1.5s ease;-webkit-transition:1.5s ease;transition:1.5s ease;}
.signature .showed{opacity:1;-moz-transition:1.5s ease;-webkit-transition:1.5s ease;transition:1.5s ease;z-index:100;}
.enlarge h2{font-size:15px;text-align:center;}
.fancybox-skin{background:#000 !important;}

#menu{float:left;}
#navigation {float: right;font-size: 1.1em;list-style: none outside none;margin: 42px 0 0;padding: 0;}
#navigation li{height: 2em; float:left;}
#navigation li {display: block;padding:0;text-decoration: none;color: #666;text-transform: uppercase;}
#navigation li a{padding:0 4px;text-decoration:none;text-transform:uppercase;margin:0 8px; font-family:browab;font-size: 18px;letter-spacing:1px;font-weight:lighter;}
#navigation li:hover a,#navigation li a:hover{color: #fff;}
#navigation ul{display: none;}
#navigation li:hover ul {background: none repeat scroll 0 0 #2A2929;display: block;padding: 10px 0px;position: absolute;top: 59px;z-index: 400;}
#navigation li:hover ul ul{display: none;}
#navigation ul li:hover ul {display: block;left: 117px;top: 0;}
#navigation ul{list-style: none;margin: 0;padding: 4px 8px;}
#navigation ul li {clear: both;color: #999999;float: none;height: auto;margin: 0;padding: 0;width: auto;}
#navigation li:hover ul li a,#navigation ul li a{background: none repeat scroll 0 0 transparent;display: block;float: none;margin: 0;padding: 5px 20px;color:#808080;}
#navigation li:hover ul li a:hover,#navigation ul li a:hover{color:#fff;}

#content {clear: both;padding: 20px 0;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif ;}
#content  li{margin:10px 0;}

footer{clear:both;padding:15px 0 0;}