/*
	Nicola Pressi | elemind
	nicola@elemind.com
*/

/* colors:
grey:			998675
light brown:	A67C52
dark brown:		42210B
*/

@import url("debug.css");

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

body{font:11px/13px Arial, sans-serif;color:#000;text-align:center;/* overflow-y:scroll; */}

#wrapper{width:950px;margin:0 auto;text-align:left;}
#header{position:relative;width:950px;height:100px;border-bottom:3px solid #A67C52;}
#logo{position:absolute;bottom:10px;left:0px;height:55px;}
.lang{position:absolute;bottom:0;left:630px;}
.lang li{display:inline;}
.lang li a{padding:2px 5px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#000;text-decoration:none;}
.lang li.select a,
.lang li a:hover{color:#A67C52;}
#container{width:950px;margin:10px 0 0 0;overflow:hidden;background:#fff url(../img/layout/container.gif) repeat-y 0 0;}
#sidebar{position:relative;float:left;width:150px;}

.nav{margin:0 0 0 10px;}
.nav li{height:16px;line-height:16px;}
.nav li a{display:block;font-size:12px;color:#534741;text-transform:uppercase;text-decoration:none;font-weight:bold;}
.nav li span{display:block;font-size:12px;color:#534741;text-transform:uppercase;text-decoration:none;font-weight:bold;cursor:default;color:#A67C52;}
.nav li a:hover,
.nav li.selected a{color:#A67C52;}

#info{margin:250px 0 0 10px;color:#998675;}
#info p{margin:0 0 10px 0;}
#info a{color:#998675;font-weight:bold;}
#info a:hover{font-weight:bold;text-decoration:none;}

#info a.credits{color:#998675;text-decoration:none;cursor:text;font-weight:normal;}
#info a.credits strong{font-weight:bold;color:#998675;cursor:pointer;text-decoration:underline;}
#info a.credits strong:hover{text-decoration:none;}

#content{float:left;width:800px;}
#main{padding:0 0 0 10px;}

h1{font-size:12px;color:#A67C52;text-transform:uppercase;border-bottom:1px solid #A67C52;margin:0 0 10px 0;padding:0 0 10px 0;}
a{color:#42210B;font-weight:bold;}
a:hover{color:#998675;}

/* splash */
body.splash{overflow-y:auto;}
body.splash #splash-c1{position:absolute;bottom:50%;right:50%;height:520px;width:950px;}
body.splash #splash-c2{position:relative;left:50%;top:45%;}
body.splash #splash-image{width:950px;height:450px;float:left;margin:0 0 10px 0;}
body.splash #splash-logo{width:450px;height:55px;float:left;margin-bottom:10px;}
/*body.splash #splash-lang{position:absolute;right:10px;top:435px;height:55px;margin:0 0 0 0;line-height:24px;}*/
body.splash #splash-lang{position:absolute;right:10px;top:75px;height:55px;margin:0 0 0 0;line-height:24px;}
body.splash #splash-lang span{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:40px;margin:6px 0 10px 0;cursor:default;}
/*body.splash #splash-lang a{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:40px;margin:6px 0 10px 0;}*/
body.splash #splash-lang a{display:block;color:#000;text-decoration:none;font-weight:bold;font-size:40px;margin:6px 0 10px 0;}
body.splash #splash-lang a:hover{color:#A67C52;}
body.splash #splash-info{width:950px;height:20px;float:left;margin:0 0 0 0;color:#998675;}
body.splash #splash-info .left{float:left;}
body.splash #splash-info .right{float:right;}
body.splash #splash-info a{color:#998675;}
body.splash #splash-info a:hover{color:#42210B;text-decoration:none;}

/* products */
body.products .prod-list{}
body.products .prod-list li{float:left;margin-bottom:20px;}
body.products .prod-list li a{display:block;float:left;color:#000;text-decoration:none;font-size:13px;border:1px solid #fff;cursor:pointer;}
body.products .prod-list .family{}
body.products .prod-list .family strong{height:220px;}
body.products .prod-list .single{}
body.products .prod-list .single{margin-left:50px;}
body.products .prod-list .single.first{margin:0;}
/*
body.products .prod-list li a:hover{border-color:#A67C52;}
body.products .prod-list li a:hover strong{color:#fff;background:#A67C52;}
*/
body.products .prod-list li a *{float:left;}
body.products .prod-list li strong{width:58px;height:110px;line-height:110px;text-align:right;padding:0 10px 0 0;color:#42210B;margin:0;}
body.products .prod-list li img{margin:0 0 10px 10px;}
body.products .prod-list li span.space{width:120px;height:110px;}
body.products .prod-list li.family.small strong{height:110px;}

/* product */
body.product #container{background-image:url(../img/layout/container-wide.gif);}
body.product #main{float:left;width:480px;overflow:hidden;}
body.product #main h2{width:440px;text-align:right;font-size:12px;font-weight:bold;color:#A67C52;text-transform:uppercase;}
body.product #main .designer{width:440px;text-align:right;}
body.product #main .desc{width:340px;margin:40px 0 40px 0px;}
body.product #main .download{clear:both;display:none;}
body.product #main .download a{font-size:10px;text-decoration:none;}
.family-list{margin:0 0 0 0;}
.family-list .item{position:relative;float:left;width:230px;height:100px;margin:0 10px 40px 0;}
.family-list .item h3{position:absolute;top:20px;left:120px;font-size:11px;line-height:10px;}
.family-list .item img{position:absolute;top:0px;left:0px;}
.family-list .item dl{position:absolute;bottom:0px;left:120px;width:70px;font-size:9px;line-height:12px;}
.family-list .item dl dt{float:left;clear:left;width:30px;text-align:left;}
.family-list .item dl dd{float:right;clear:right;width:40px;text-align:right;}
body.product #photos{float:right;width:310px;}
body.product #photos li{margin-bottom:10px;line-height:0;}

/* company */
body.company #container{background-image:url(../img/layout/container-wide.png);}
body.company #photos{float:left;width:460px;overflow:hidden;margin:0 0 0 10px;}
body.company #photos li{}
body.company #text{float:right;width:310px;}
body.company #text p{margin-bottom:10px;}

/* catalogues */
body.catalogues #main ul li{width:80px;float:left;}
body.catalogues #main ul li a{display:block;position:relative;text-decoration:none;}
body.catalogues #main ul li a img{border:1px solid #998675;}
body.catalogues #main ul li a strong{display:block;position:absolute;top:75px;width:70px;color:#000;}
body.catalogues #main ul li a:hover img{border-color:#42210B;}
body.catalogues #main ul li a:hover strong{color:#A67C52;}

/* events */
body.events #main .item{float:left;width:790px;margin:0 0 40px 0;border-bottom:1px solid #A67C52;}
body.events #main .item .text{float:left;width:300px;}
body.events #main .item h3{}
body.events #main .item h4{margin:0 0 10px 0;}
body.events #main .item p{}
body.events #main .item ul.pic{float:right;width:480px;}
body.events #main .item ul.pic li{float:left;width:80px;height:80px;}
body.events #main .item ul.pic li a{margin:0 0 10px 10px;}

/* designers */
body.designers #main .item{float:left;width:790px;margin:0 0 40px 0;padding:0 0 7px 0;border-bottom:1px solid #A67C52;}
body.designers #main .item .logo{float:left;width:300px;}
body.designers #main .item .face{float:left;width:490px;}

/* where-we-are */
body.where-we-are #container{background-image:url(../img/layout/container-wide.gif);}
body.where-we-are #map{float:left;width:458px;height:343px;overflow:hidden;margin:0 0 0 10px;border:1px solid #998675;}
body.where-we-are #text{float:right;width:310px;}

/* contacts */
body.contacts h1{margin:0 0 10px 0;padding:0 0 10px 0;}
body.contacts h3{margin:0 0 10px 0;padding:0 0 10px 0;}
body.contacts #text{float:left;margin:0 0 0 10px;overflow:hidden;width:460px;}
body.contacts form{margin:0 0 2em 0;clear:both;overflow:hidden;}
body.contacts form .input{margin:0 0 2em 0;color:#666666;clear:both;overflow:hidden;}
body.contacts form .input label{display:block;font-weight:bold;color:#333333;}
body.contacts form .input strong{font-weight:bold;color:#333333;}
body.contacts input,
body.contacts textarea,
body.contacts select{padding:2px;border:1px solid #ccc;border-top-color:#999;background:#fff;color:#333;}
body.contacts input:focus,
body.contacts textarea:focus,
body.contacts select:focus{color:#000;border:1px solid #ace;}
body.contacts form .input.text input,
body.contacts form input[type=text],
body.contacts form .input.password input,
body.contacts form input[type=password],
body.contacts form .input.textarea textarea,
body.contacts form textarea,
body.contacts form .input.select select,
body.contacts form select,
body.contacts form .input.select select option,
body.contacts form select option{font:1em/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;}

/* input > text */
body.contacts form .input.text input,
body.contacts form input[type=text]{width:220px;}

/* input > textarea */
body.contacts form .input.textarea textarea,
body.contacts form textarea{width:450px;height:10em;}

/* input > select / option */
body.contacts form .input.select select,
body.contacts form select{}
body.contacts form .input.select select option,
body.contacts form select option{}
body.contacts form .input.select label{}

/* input > file */
body.contacts form .input.file input,
body.contacts form input[type=file]{}
body.contacts form .input.file label{}

/* input > checkbox */
body.contacts form .input.checkbox input,
body.contacts form input[type=checkbox]{float:left;clear:left;height:2em;margin:0 0.5em 0 0;}
body.contacts form .input.checkbox label{float:left;font-weight:normal;line-height:2em;width:430px;margin-left:5px;}

/* input > radio */
body.contacts form .input.radio fieldset{border:none;padding:0;margin:0;}
body.contacts form .input.radio fieldset legend{display:none;}
body.contacts form .input.radio input,
body.contacts form input[type=radio]{float:left;clear:left;height:2.2em;margin:0.3em 0.5em 0 0;}
body.contacts form .input.radio label{float:left;font-weight:normal;line-height:2em;}

/* form error */
body.contacts form .input.error{}
body.contacts form .input .form-error{border:2px solid #EE6633;}
body.contacts form .input .error-message{color:#EE6633;}

/* required */
body.contacts form .input.required label em{color:#EE6633;font-style:normal;}

/* description */
body.contacts form .input .description{font-size:.9em;line-height:1.1em;color:#777;clear:both;margin-top:.5em;}
body.contacts form .input .description strong{color:#666;}