*{margin:0;padding:0;outline-style:none;}

/* common styles */
.breaker {clear:both;}
.shadow {text-indent:-999em; overflow:hidden; display:block}

/* main layout */
html {background:#000;}
body {background:#000;color:#EEE;font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif}
.content-frame {margin:0 auto; width:1000px;position:relative}
a{color:#c24dbe;}
a:hover{color:#d500ce;}
a img {border:none}

/* header */
.header {background:url(/img/header-bg.png) 0 100% repeat-x;border-bottom:1px solid #303030}
.header .content-frame { height:116px;background:url(/img/header-center-bg.png) 50% 100% no-repeat}

/* logo */
.header h1 a { height:74px;width:209px;background:url(/img/logo.png) 50% -30px no-repeat;margin:0 auto;}

/* navigation */
/*.header ul {width:900px; height:17px; position:absolute;bottom:20px;left:50px;}*/
.header ul, .header li {list-style:none;overflow:hidden;height:1px}
.header li a {top:80px; display:block;text-indent:-999em; overflow:hidden; height:17px; background-position:50% 0; background-repeat:no-repeat;position:absolute;}

.header .nav-news a {left:50px; width:100px; background-image:url(/img/nav-news.png);}
.header .nav-collections a {left:50px; width:130px; background-image:url(/img/nav-collections.png)}
.header .nav-buotiques a {left:215px; width:120px; background-image:url(/img/nav-boutiques.png)}
.header .nav-press a {left:390px; width:100px; background-image:url(/img/nav-press.png)}
.header .nav-adv a {left:550px; width:150px; background-image:url(/img/nav-adv.gif)}
.header .nav-design a {left:750px; width:100px; background-image:url(/img/nav-design.gif)}
.header .nav-contacts a {right:0; width:100px; background-image:url(/img/nav-contacts.gif)}

/* footer */
#footer {
    padding-top:20px;
    background:url(/img/footer-bar.gif) 0 0 no-repeat;
    width:1000px;
    margin: 0 auto;
    clear:both;
    text-align:center;
    font:70% 'helvetica neue',sans-serif;
    color:#777;
}
#sound { width:50px; float:right; margin-top:10px; }
#social-network{width:182px;margin:10px auto;}
#social-network a{display:block; height:22px; text-indent:-999em; float:left; margin-right:12px;}
#social-network #tw{background: url(/img/twitter.gif) no-repeat 0 0; width:78px;}
#social-network #fb{background: url(/img/facebook.gif) no-repeat 0 0; width:90px; margin-right:0;}
#social-network #tw:hover{background-position: 0px -26px;}
#social-network #fb:hover{background-position: 0px -25px;}

/* body */
.body {background:#000 url(/img/body-bg.jpg) 50% 0 no-repeat;min-height:500px;padding-bottom:35px;}
.page-frame {position: relative; width: 900px; margin: 0 auto; }
.page-frame h2 {overflow:hidden;text-indent:-999em;height:80px;}

/* intro */
.intro-player {width:1000px; height:600px; margin:0 auto;}
.italiano {text-align:right;margin-top:10px;color:#aaa;font-style:italic}

/*collections */
#collections-page {background:#000;position:relative;height:500px;}
#collections-page .container {position:absolute;left:-100px;top:0;width:1100px;height:500px;}
.collections-frame {background:url(/img/collections.gif) 50px 15px no-repeat }
.collections-frame {text-align:center;}
.collections-frame #carousel img { border:2px solid #999;}

/* collections detail */
#overlay {top:116px;background:#000;left:0;color:#AAA;line-height:300px;text-align:center;font-size:90%;}
.collection-detail {font-family:georgia,serif;}
.collection-detail {position:absolute;width:900px;top:125px;left:50%;margin-left:-450px;background:#000;z-index:100}
.collection-detail li, .collection-detail ul {list-style:none;}
.collection-detail li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.collection-detail li div{left:240px}
.collection-detail li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.collection-detail strong {margin-left:200px;text-align:left;display:block; padding-top:10px; overflow:hidden;}
#design-desc {color:#BBBBAA;font-size:80%;font-family: 'helvetica neue',sans-serif;text-align:right;font-variant:small-caps;}
#collection-det-description { width:180px;position:absolute;top:90px;left:0; height:400px;font:90% 'helvetica neue',sans-serif;text-align:right;font-variant:small-caps;}
#collection-det-description span, #design-desc span {font-weight:bold;color:#FFF;display:block;font-size:115%;}
.collection-detail-frame-parent {height:85px;position:relative;width:380px;margin:0 auto;}
.collection-detail-frame {height:85px;left:0;position:absolute;width:380px;top:0;overflow:hidden;}
#arrow-left,#arrow-right {position:absolute;left:-38px;top:20px; width:38px;height:44px;background:url(/img/arrows.png) 0 0 no-repeat;overflow:hidden;text-indent:-99em;}	
#arrow-right {left:380px;background:url(/img/arrows.png) 0 -44px no-repeat}	
	
	
#main_image{margin:15px auto 0 auto;height:420px;width:500px;background:black;}
#main_image img{margin-bottom:10px;}	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/* press */
#press-overlay {top:0;background:#000;left:0;color:#AAA;line-height:300px;text-align:center;font-size:90%;}
#press-page {height:880px;}
#press-page h2 {background:url(/img/press.gif?v=2.1) 50px 13px no-repeat}
#press-page #first-list, #press-page #second-list {position:absolute;width:310px;overflow:hidden;font-size:0px;}
#press-page #second-list {left:600px;}
#press-page #first-list {left:0;}
#press-page #first-list li {float:right}
#press-page ul, #press-page li {list-style:none;}
#press-detail {position:absolute;left:0;top:0;z-index:100;background:#000;zoom:1;}
#press-page img.cover {width:70px;height:100px;float:left;}
#press-page a {display:block;float:left;padding:1px;border:1px solid #151515;margin:2px}
#press-page #first-list {left:0;}

a.close{color:#EEE;text-align:right;height:2.5em;width:14em;font:90% 'helvetica neue',sans-serif;text-transform:uppercase;text-decoration:none;}
a.close span {color:#666}
a.close:hover{color:#67a;}

#press-detail-close {position:absolute;z-index:100;top:5px;left:50%;padding-left:260px;}
#press-detail-close .close{color:#EEE;text-align:right;height:2.5em;width:10em;font:90% 'helvetica neue',sans-serif;text-transform:uppercase;padding:8px;background:#333;border:1px solid #AAA;}
#press-detail-close .close span {color:#666}
#press-detail-close a{color:#348;text-decoration:none;outline:none;}
#press-detail-close a:hover{color:#67a;}

/* cover */
#focus-cover {border:2px solid #333;overflow:hidden;position:absolute;left:350px;width:200px;height:280px;}
#focus-cover img {width:200px;height:280px;float:left;}
#focus-cover div.photo {position:absolute;left:200px;top:0;width:200px;height:280px;}
#focus-cover div.photo-info {text-align:right;position:absolute;left:0;bottom:0;width:200px;height:2.4em;color:#AAA;font-size:80%;line-height:1.2em;}
#focus-cover div.photo-mask {background:#000}
#focus-cover div.photo-info strong {padding:0 1px 0 5px;color:#FFF;}
#focus-cover div.photo-info em {font-weight:normal;font-style:normal;padding:0 5px 0 0}
#focus-cover div.photo-info span {display:block;padding:0 5px 5px 5px;font-size:85%}

/* contacts */
#contacts-page h2 {background:url(/img/contacts.gif) 50px 20px no-repeat}
#contacts-page ul, #contacts-page li {list-style:none;}
#contacts-page li {border-top:1px solid #444;padding:10px 15px 10px 70px;font:90% 'helvetica neue',sans-serif;color:#777;}
#contacts-page li strong {font-variant:small-caps;font-size:110%;color:#FFF}
#contacts-page li em, #contacts-form em {font-size:90%;color:#777;margin-left:-60px;}
#contacts-page li span, #contacts-page li a {color:#ddd}
#contacts-page ul {width:400px;float:left;}
#contacts-page .photo{float:right;}
#contacts-form {float:right;}
#contacts-form div{clear:both;width:392px; padding-left:2px;}
#contacts-form fieldset{padding:10px;-moz-border-radius:5px 5px 5px 5px;color:#777777;font:90% 'helvetica neue',sans-serif; text-align:center;}
#contacts-form fieldset legend{padding: 0 10px; }
#contacts-form em{margin-left:0;}
#contacts-form ul{width:270px; float:none; margin:auto;}
#contacts-form li{clear:both; border:none; padding-left:0; padding-right:0;}
#contacts-form label{width:100px;float:left;}
#contacts-form input, #contacts-form select, #contacts-form textarea{width:150px;float:left;margin-bottom:10px;}
#contacts-form fieldset div{width:150px;margin:auto;}
#contacts-form fieldset div input{margin-top:20px;}
#contacts-form label.error{color:Red; width:12px; padding-left:5px;}

/* MESSAGES */
.message { width: 332px; margin: 10px auto; }

/* design */
#design-page h2 {background:url(/img/design.gif) 50px 20px no-repeat}

/* boutiques */
#boutiques-page {background: url(/img/boutiques-back-1.jpg?v=2.2) 50% -20px no-repeat; height: 500px;}
#boutiques-page h2 {background:url(/img/boutiques.gif) 50px 20px no-repeat}

#boutiques-page ul, #boutiques-page li { list-style:none; float:left;}
#boutiques-family {height:240px;cursor:pointer}
#boutiques-page ul {width:678px;margin:auto; float:none;}
#boutiques-page li img {height:105px;width:170px;border:1px solid #111;}
#boutiques-page li {width:225px;text-align:center;background:#000}
#boutiques-page .shadow {height:26px;}
#boutiques-greece {background:url(/img/thessaloniki.gif) 50% 50% no-repeat;}
#boutiques-macao {background:url(/img/macao.gif) 50% 50% no-repeat;}
#boutiques-wjc {background:url(/img/wjc.gif) 50% 50% no-repeat;}
#boutiques-newyork {background:url(/img/newyork.gif) 50% 50% no-repeat;}
#boutiques-hongkong {background:url(/img/hongkong.gif) 50% 50% no-repeat;}

/* news */
#news-page h2 {background:url(/img/news.gif) 50px 13px no-repeat}

.overtop {width:200px;position:absolute;top:0;left:0;height:410px;background:#000}
.texto {width:200px;position:absolute;top:0;left:0;height:410px;font-size:75%;}
.texto-frame {padding:18px;line-height:1.3em;}
#TB_ajaxContent {position:relative;}

/* advertisement */
#adv-page h2 {background:url(/img/advertising.gif) 50px 20px no-repeat}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #000;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000000;
	z-index: 102;
	color:#fff;
	display:none;
	border: 4px solid #111;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#0000;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#000;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}