/*  
Description: Denir
Version: 1.0
Author: EGStudio
Author URI: http://www.egstudio.biz/
*/


/** Reset **/

* { margin:0; padding:0; }
html, body { width:100%; height:100%; background:#010101; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-size:12px; font-family:arial; }
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after {content:'';}
abbr,acronym { border:0;}
hr {display:block; clear:both; height:1px; border:0; border-top:1px solid #454545;}
.clear {display:block; border:0; height:1px; clear:both; float:none;}
.left {float:left}
.right {float:right}
i {color:#999999;}


/** Site Defenitions **/

tml, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -80px; /* negative value of footer height */ height: 80px; clear:both; padding:0 20px;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

#wrapper {}
#logo { position:absolute; z-index:3000; } /* Logo always on top */
#flashcontent { position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background: url(../img/flash.jpg) no-repeat center center;}
#sound { position: absolute; right:30px; bottom: 20px;}


a:link, a:visited {color:#565656; text-decoration:none;}
a:hover {color:#a6a6a6;}


/** Menu Replaces **/

#menu { position:absolute; top:20px; left:20px; z-index:10;  }
#menu a span { display:none; }

#menu a:link, #menu a:visited { display:block; text-decoration:none; width:158px; height:22px; margin-bottom:2px;}
#menu a:hover { background-position:top left; }

#menu a.replace_jewelry:link, #menu a.replace_jewelry:visited { background:url("../img/jewelry.gif") no-repeat bottom left; }
#menu a.replace_diamonds:link, #menu a.replace_diamonds:visited { background:url("../img/diamonds.gif") no-repeat bottom left; }
#menu a.replace_watches:link, #menu a.replace_watches:visited { background:url("../img/watches.gif") no-repeat bottom left; }
#menu a.replace_press:link, #menu a.replace_press:visited { background:url("../img/press.gif") no-repeat bottom left; }
#menu a.replace_about:link, #menu a.replace_about:visited { background:url("../img/about.gif") no-repeat bottom left; }
#menu a.replace_workshop:link, #menu a.replace_workshop:visited { background:url("../img/workshop.gif") no-repeat bottom left; }
#menu a.replace_contact:link, #menu a.replace_contact:visited { background:url("../img/contact.gif") no-repeat bottom left; }

#menu a.replace_jewelry:hover, #menu a.replace_diamonds:hover, #menu a.replace_watches:hover, #menu a.replace_press:hover, 
#menu a.replace_about:hover, #menu a.replace_workshop:hover, #menu a.replace_contact:hover { background-position: top left; }

#menu a.selected:link, #menu a.selected:visited {  background-position:top left;  }

/** Gallery **/

div.gallery { position:absolute; top:230px; width:100%; z-index:20; }
div.gallery .top { background:#000; opacity:0.8; filter:alpha(opacity=80); padding: 5px 15px; }
div.gallery .top h2 { font-size:10px; color:#a6a6a6; text-transform:uppercase; }
div.gallery .top a { font-size:10px; text-transform:uppercase; }
div.gallery .body {  height:200px; }
div.gallery .body img { cursor:pointer; width:135px; height:180px; margin-left: -3px; }




/** Tooltip **/ 
a.tooltip span { display:none; text-transform:uppercase; padding:1px 8px; font-size:0.9em; background:#e2e2e2; color:#000; opacity:0.85; filter:alpha(opacity=85); position:absolute; left:-3px; bottom:-13px; z-index: 100;  }

a.tooltip:link, a.tooltip:visited { position:relative; }
a.tooltip:hover span {display:block;}


/** The overlayed element **/ 

.simple_overlay { display:none; position:absolute; top:0; left:0; z-index:30;  background-color:#000; width:100%; height:100%; margin-top:0; overflow:hidden; /*IE7*/ }
.simple_overlay .inner { position:relative; min-height:650px; width:100%; }
.simple_overlay .inner .itemdata { position:absolute; bottom:250px; left:20px; color:#cdcdce; }
.simple_overlay .inner .itemdata h3 { font-size:24px; text-transform:uppercase; color:#fff; }
.simple_overlay .inner .itemdata p { width:300px; margin-bottom:15px; }
.simple_overlay .inner .itemdata .rounded { background-color:#151515; width:280px; padding:10px; margin-bottom:5px; }
.simple_overlay .inner .itemdata .rounded dl dt { float:left; clear:left; text-transform:uppercase; font-size:11px; }
.simple_overlay .inner .itemdata .rounded dl dt span { color:#4a4a4f; font-size:11px;  }
.simple_overlay .inner .small { font-size:10px; }
.simple_overlay a.close:link, .simple_overlay a.close:visited { margin:20px; font-size:10px; text-transform:uppercase; color:#cdcdce; }
.simple_overlay a.close:hover { color:#fff; }
.simple_overlay a.paginate:link, div.simple_overlay a.paginate:visited {  }
.simple_overlay a.paginate img { width:auto; height:auto; position:absolute; top:40%; z-index:100; margin: -50px 20px 0 20px; }


/** Content **/

div.content {  position:absolute; left: 200px; top:0; z-index:20; padding: 20px; max-width:600px;  }
div.content .top { background:#000; opacity:0.8; filter:alpha(opacity=80); padding: 5px 15px; }
div.content .top h2 { font-size:10px; color:#a6a6a6; text-transform:uppercase; }
div.content .top a { font-size:10px; text-transform:uppercase; }
div.content .top a.close { float:right; }

div.content .body { background:#000; }
div.content .body .inner { padding: 10px 15px 20px 10px; }
div.content .body .inner p { color:#bbbbbb; font-size:12px; line-height:16px; }

div.content .body .inner .timeline { margin-bottom:15px;}
div.content .body .inner .timeline ul { list-style:none; }
div.content .body .inner .timeline ul li { float:left; }
div.content .body .inner .timeline span {display:block; float:left; color:#5d5d5d; font-size:10px; text-transform:uppercase; margin-right:5px;   }
div.content .body .inner .timeline a:link, div.content .body .inner .timeline a:visited { display:block; padding-left:15px; margin-right:15px; height:12px; float:left;  text-transform:uppercase;  font-size:10px; color:#858585; background: url(../img/bullet.gif) no-repeat top left;}
div.content .body .inner .timeline a:hover { color:#e6e6e6; background-position: bottom left;}
div.content .body .inner .timeline a.selected:link, div.content .body .inner .timeline a.selected:visited  {color:#e6e6e6; background-position: bottom left;}

div.content .body .inner .quote { width:400px; float:right; height:70px; background: url(../img/quote.gif) no-repeat top left; margin-bottom:15px; }
div.content .body .inner .quote blockquote, div.content .body .inner .quote cite  { display:none; }


/* about us */

#section1 img, #section3 img, #section4 img { float:left; margin-right:15px;  border:0; }
#section1 img, #section2 img { margin-bottom:10px; }

#section4 p { width:400px; float:right;  }

div.content .body .inner .subnav { margin-bottom:15px; }
div.content .body .inner .subnav ul { list-style:none; }
div.content .body .inner .subnav ul li { float:left; }
div.content .body .inner .subnav a:link, div.content .body .inner .subnav a:visited {  margin-right:10px; text-transform:uppercase;  font-size:10px; color:#858585;}
div.content .body .inner .subnav a:hover {  color:#e6e6e6;}
div.content .body .inner .subnav a.selected:link, div.content .body .inner .subnav a.selected:visited { color:#e6e6e6; }

dl.news { color:#e6e6e6; line-height:20px; }
dl.news dt { display:block; float:left; clear: left; width: 100px; font-size:10px; text-transform:uppercase; color:#a0a0a0; }
dl.news dd { font-size:11px; }

/** Clip **/

div.clip_overlay { display:none; position:absolute; z-index:1000; top:0; left:0; width:100%; height:100%; text-align:center; overflow-x:hidden; /*IE7*/ }
div.clip_overlay .inner { width:455px; margin:0 auto; margin-top:5%; text-align:left; position:relative; }
div.clip_overlay .inner .top { background:#000; opacity:0.8; filter:alpha(opacity=80); padding: 5px 15px; }
div.clip_overlay .inner .top h2 { font-size:10px; color:#a6a6a6; text-transform:uppercase; }
div.clip_overlay .inner .top a.close { font-size:10px; text-transform:uppercase; float:right; }
div.clip_overlay .body { padding: 15px; background:#000; }

div.content .body .inner .publications {}
div.content .body .inner .publications img { border:0; }
div.content .body .inner .publications p { font-size:11px; }

#pressImage {max-width:425px; }

/** Contact overlay **/ 

.contact_overlay { position:absolute; z-index:1000; top:0; left:0; background-color:#000; width:100%; height:100%; text-align:center; overflow-x:hidden; /*IE7*/}
.contact_overlay .inner { min-height:750px; margin:0 auto; margin-top:5%; width:750px; text-align:left; position:relative; }
.contact_overlay .inner h1 { font-size:34px; color:#e3e3e3; font-weight:bold; margin-bottom:5px; }
.contact_overlay .inner hr {margin-bottom:20px;}

.contact_overlay .inner .col { width:220px; float:left; margin-right:40px;}
.contact_overlay .inner .col h2 { color:#e3e3e3; font-weight:bold; font-size:14px; margin-bottom:5px; }
.contact_overlay .inner .col p { color:#bbb; margin-bottom:30px; }
.contact_overlay .inner .col dl { color:#bbb; line-height:2em; }
.contact_overlay .inner .col dl dd { float:left; clear:left; width:80px; font-size:11px; }
.contact_overlay .inner .col dl dt { font-size:11px; width:120px; float:left; }
.contact_overlay .inner .col dl dt p { font-size:11px; line-height:15px; padding-top:3px; }

.contact_overlay .inner .col a:link, .contact_overlay .inner .col a:visited {color:#57b4a2; }

.contact_overlay .inner .form { width:480px; float:left; }
.contact_overlay .inner .form label { font-size:12px; font-weight:bold; color:#bbb; display:block; float:left; width:130px; }
.contact_overlay .inner .form label span { font-size:11px; font-weight:normal; color:#454545; display:block; }

.contact_overlay .inner .form input[type="text"], .contact_overlay .inner .form textarea { background:#fff; border:0; font-size:14px; font-weight:bold; padding:5px; margin-bottom:20px; width:240px; }
.contact_overlay .inner .form textarea { margin-bottom:15px; height:100px; }

.contact_overlay .inner .bottom { width: 640px; }
.contact_overlay .inner .bottom input[type="image"] {float:right;}

.contact_overlay a.close:link, .contact_overlay a.close:visited { margin-top:25px; float:right;  font-size:10px; text-transform:uppercase; color:#cdcdce; }
.contact_overlay a.close:hover { color:#fff; }
 
#response div { padding: 10px; margin-bottom:15px;  width: 620px;}
#response div.warning { background:#ffd438; border:1px dotted #ddb627; }
#response div.error { background:#fc3c25; border:1px dotted #bf2715; }
#response div.success { background:#96ce37; border:1px dotted #83b829; }

/** Scrollable **/ 

div.scrollable { /* required settings */ position:relative; overflow:hidden; width: 800px; height:200px;  } 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { /* this cannot be too large */ width:20000em; position:absolute; height:180px; background:#000; } 
div.scrollable div.items div { /* Single item */ float:left; } 
 
/* active item */ 
div.items div.active { }

div.gallery .body a.browse img { width:auto; height:auto; }
div.gallery .body a.nextPage, div.gallery .body a.prevPage  { padding:76px 10px;  background:#000; }