/* =================================================
 
 Author: Bircan Tuner
 Copyright 2011 - Biber Ltd.
 written for - www.ziyakuyumculuk.com
 
================================================== */

/***************************************************/
/* Reset Settings                                  */
/***************************************************/

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { font:13px/1.4 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

a:link { }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #FFF; text-decoration: none;}
a {border-bottom: 1px dotted #FFF; outline: none;}
a:hover { color: #FFF; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }

td { vertical-align: top; }

button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }

textarea { overflow: auto; vertical-align:text-top; }

/***************************************************/
/* Global Settings                                 */
/***************************************************/

html {
    background: #09000b url('./img/bg.jpg') top center no-repeat;
    height: 100%;
}

body {
    height: 100%;  
    position: relative;
    min-width: 940px;
}

body, select, input, textarea {
  color: #FFF;
  font-family: Arial, Helvetica, serif;  
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
    background: url('./img/header-ornament.png') center bottom no-repeat;
    font-family: Georgia, serif;
    font-size: 26px;
    font-weight: 300;
    padding-bottom: 50px;
    margin-bottom: 0.5em;
    text-align: center;
}

h2 {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 17px;
    margin-bottom: 0.5em;
}

h3 {
    font-family: Georgia, serif;
    font-size: 30px;
    margin-bottom: 0.5em;
}


/***************************************************/
/* Layout                                          */
/***************************************************/

#wrap {   
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -25px; /* the bottom margin is the negative value of the footer's height */
    position: relative;
    z-index: 2;
}

#bg {
    background: url('./img/pattern.png') 0 0 repeat;
    display: block;
    height: 100%;
    left: 0;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}

#header {
    height: 210px;
    position: relative;
}

#content {
    padding: 10px 0;
    position: relative;
}

    #content div.passive {
        display: block;
        top: -9999px;
        position: absolute;
        left: -9999px;
    }
    
.push {
    height: 15px;
}

#footer {
    color: #604e63;
    height: 15px;
    font-size: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 999;
}

    #footer ul {
        list-style: none;
        margin: 0;
    }
    
        #footer ul li {
            border-left: 1px dotted #372c39;
            height: 15px;
            line-height: 15px;
            padding-left: 10px;
            float: left;
            margin-left: 10px;
        }
        
        #footer ul li:first-child {
            border: 0;
            padding: 0;
            margin: 0;
        }
    
        #footer ul a {
            border: 0;
            color: #604e63;
        }
        
        #footer ul a.biber-logo {
            background: url('./img/biber-logo.png') top right no-repeat;
            height: 15px;
            line-height: 15px;
            padding-right: 21px;
        }
        
        #footer ul a.biber-logo:hover {
           background: url('./img/biber-logo.png') bottom right no-repeat;
           color: #a31318;
        }

.l-const {
    margin: 0 auto;
    width: 780px;
}

/***************************************************/
/* Modules                                         */
/***************************************************/

#loading {
    background-color: #09000b;
    position: fixed;
    min-height: 100%;
    width: 100%;
    z-index: 999;
}

    #loading .loading-content {
        height: 170px;
        margin: -85px auto 0;
        position: relative;
        top: 450px;
        width: 160px;
    }
    
        #loading .loading-content .logo {
            margin: 0 auto 25px;
        }
        
        #loading .loading-content .loading-text {
            font-family: 'Open Sans', serif;
            background: url('./img/loading.gif') left center no-repeat;
            height: 20px;
            font-size: 12px;
            font-style: italic;
            line-height: 20px;
            padding-left: 25px;
        }

.logo {
    background-image: url('./img/logo.png');
    background-position: center center;
    border: 0;
    height: 110px;
    margin: 0 auto;
    position: relative;
    top: 25px;
    width: 110px;
}

    .logo:hover {
        border: 0;
    }

.nav {
    background: url('./img/nav-bg.png') center center no-repeat;
    bottom: 0;
    height: 64px;
    position: absolute;
    width: 100%;
    list-style: none;
}

    .nav td {
        padding: 12px 0;
    }

    .nav span {
        
        height: 40px;
        line-height: 40px;
    }
    
        .nav span a {
            border: 0;
            color: #d0d0d0;
            padding: 0 15px;
            position: relative;
            z-index: 2;
        }
        
        .nav #nav-ziya {
            background: url('./img/nav-logo.png') center 0 no-repeat;
            display: inline-block;
            height: 21px;
            margin-bottom: 5px;
            vertical-align: middle;
            width: 60px;
        }
        
        .nav #nav-ziya.selected {
            background: url('./img/nav-logo.png') center -21px no-repeat;
        }
        
        .nav span a:hover {
            text-shadow: 0 0 0.8em #FFF;
        }
        
        .nav span a.selected {
            color: #FFF;
            text-shadow: 0 0 0.8em #fff;
        }

.selected-bg {
    background: #FFF;
    bottom: 0;
    display: none;
    height: 40px;
    margin: 12px 0;
    left: -999px;
    position: absolute;
    width: 1px;
    z-index: 1;
    -moz-opacity:.08; filter:alpha(opacity=08); opacity:.08;
}
        
.article {
    float: left;
    font-size: 13px;
    padding-bottom: 44px;
    width: 380px;
}

    .article p {
        margin-bottom: 1em;
    }
    
    .article ul {
        margin-bottom: 1em;
    }
    
    .article h2 a {
        border: 0;
    }
    
    .article p ul {
        margin-bottom: 0;
    }
    
    .article blockquote {
        border-left: 3px solid #999999;
        color: #999999;
        font-style: italic;
        padding-left: 10px;
        margin-bottom: 1em;
    }
    
    .article img {
        background: url('./img/img-bg.png') repeat;
        margin-bottom: 1em;
        padding: 5px;
        max-width: 360px;
    }

.article-aside {
    float: right;
    position: relative;
    width: 380px;
}

/***************************************************/
/* Home                                            */
/***************************************************/

.content-ziya .article-aside img {
    position: absolute;
    right: 0;
    top: -20px;
}
    
/***************************************************/
/* Collection                                      */
/***************************************************/

.collections {
    height: 200px;
    list-style: none;
    margin: 0 auto;
    position: relative;
    width: 620px;
}

    .collections li {
        height: 200px;
        left: -9999px;
        position: absolute;
        width: 140px;
        
    }
    
        .collections li a {
            background: 0;
            border: 0;
            display: block;
            height: 200px;
            position: relative;
            overflow: hidden;
            width: 140px;
        }
        
            .collections li a img {
                bottom: 0;
                left: 0;
                position: absolute;
                z-index: 1;
            }
            
            .collections li a span.title {
                background: url('./img/title-bg.png') 0 0 repeat;                
                top: 85px;
                display: block;
                font-family: 'Open Sans', serif;
                font-style: italic;
                height: 30px;
                left: 0;
                line-height: 30px;
                text-align: center;
                padding: 5px 0;
                position: absolute;
                z-index: 2;
                width: 100%;
            }
            
.slides {
    height: 400px;
    position: relative;
}

    .slide-container {
        float: left;
        position: relative;
        top: 130px;
        width: 50%;
    }
    
        .slide-band {
            background: url('./img/slide-bg.png') 0 0 repeat;
            height: 140px;
            position: relative;
            overflow: hidden;
        }
        
        .slides .left .slide-band {
            margin-right: 200px;    
        }
        
        .slides .right .slide-band {
            margin-left: 200px;
        }
            .slide-arrow-left {
                background: url('./img/slide-arrows.png') 0 0 no-repeat;
                border: 0;
                display: block;
                left: 0;
                height: 140px;
                position: absolute;
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                /* IE 5-7 */
                filter: alpha(opacity=50);
                /* Netscape */
                -moz-opacity: 0.5;
                /* Safari 1.x */
                -khtml-opacity: 0.5;
                /* Good browsers */
                opacity: 0.5;
                top: 130px;
                width: 50px;
                z-index: 99;
            }
            
            .slide-arrow-right {
                background: url('./img/slide-arrows.png') -50px 0 no-repeat;
                border: 0;
                display: block;
                right: 0;
                height: 140px;
                position: absolute;
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                /* IE 5-7 */
                filter: alpha(opacity=50);
                /* Netscape */
                -moz-opacity: 0.5;
                /* Safari 1.x */
                -khtml-opacity: 0.5;
                /* Good browsers */
                opacity: 0.5;
                top: 130px;
                width: 50px;
                z-index: 99;
            }

        .slide-container table {
            display: inline;
            float: left;
            list-style: none;
            height: 140px;
            margin: 0;
            position: absolute;
            width: 1085px;
        }
        
        .slides .left table {
            right: 0;    
        }
        
        .slides .right table {
            left: 0;
        }
        
            .slide-container td {
                float: left;
                height: 100px;
                line-height: 100px;
                padding: 20px 0;
                position: relative;
                vertical-align: middle;
                width: 100px;
            }
            
            .slide-container td svg{
                margin-bottom: 40px;
            }
            
            .slides .left td {
                margin-right: 55px;
            }
            
            .slides .right td {
                margin-left: 55px;
            }
            
                .slide-container td a {
                    border: 0;
                    height: 100px;
                    float: left;
                }
            
                .slide-container td img {
                    max-height: 100px;
                    max-width: 100px;
                    vertical-align: middle;
                }
                
    .slide-detail {
        left: 50%;
        height: 400px;
        line-height: 400px;
        margin-left: -200px;
        text-align: center;
        position: absolute;
        width: 400px;
    }
    
        .slide-detail .left-shadow {
            background: url('./img/slide-shadow-left.png') 0 0 no-repeat;
            left: -55px;
            height: 408px;
            position: absolute;
            top: -4px;
            width: 55px;
        }
        
        .slide-detail .right-shadow {
            background: url('./img/slide-shadow-right.png') 0 0 no-repeat;
            right: -55px;
            height: 408px;
            position: absolute;
            top: -4px;
            width: 55px;
        }
        
        .slide-detail img {
            max-height: 350px;
            max-width: 350px;
            vertical-align: middle;
        }
          
/***************************************************/
/* Diamond                                         */
/***************************************************/

.content-diamond .container {
    height: 550px;
    position: relative;
}

.content-diamond .article {
    background: 0;
    position: absolute;
    width: 226px;
}

    .content-diamond .article h2 {
        margin: 0;
        height: 40px;
        line-height: 40px;
    }
    
    .content-diamond .header-line {
        background: url('./img/diamond-hd-bg.png') no-repeat;
        display: block;
        left: 145px;
        height: 51px;
        position: absolute;
        top: 35px;
        width: 140px;
    }

    .content-diamond .carat {
        left: 0;
        text-align: right;
        top: 0;
    }
    
        .content-diamond .carat .header-line {
            background-position: 0 0;
        }
    
    .content-diamond .cut {
        right: 0;
        top: 0;
    }
    
        .content-diamond .cut .header-line {
            background-position: -150px 0;
            left: -50px;
        }
    
    .content-diamond .clarity {
        left: 0;
        text-align: right;
        top: 280px;
    }
    
        .content-diamond .clarity .header-line {
            background-position: 0 -51px;
            top: -15px;
        }
    
    .content-diamond .color {
        right: 0;
        top: 280px;
    }
        
        .content-diamond .color .header-line {
            background-position: -150px -51px;
            left: -50px;
            top: -15px;
        }
    
    .content-diamond .diamond {
        height: 294px;
        position: absolute;
        left: 243px;
        top: 40px;
        width: 294px;
    }
    
/***************************************************/
/* Special Design                                  */
/***************************************************/

.content-special-design .article{
    padding-top: 80px;
}
    
/***************************************************/
/* Contact                                         */
/***************************************************/

.content-contact .article {
    background: 0;
    width: 260px;
}

.content-contact .article-aside {
    width: 502px;
}

.map {
    background: url('./img/map.png') 0 0 no-repeat;
    display: block;
    height: 413px;
    position: relative;
    width: 502px;
}

    .map a {
        background: url('./img/link.png') left center no-repeat;
        bottom: 10px;
        border: 0;
        display: block;
        height: 14px;
        left: 10px;
        line-height: 14px;
        font-size: 12px;
        padding-left: 18px;
        position: absolute;
    }
    
.contact-info {
    list-style: none;
    margin: 0;
    width: 260px;
}

    .contact-info li {
        background: url('./img/line.png') left bottom no-repeat;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    
    .contact-info .icon {
        float: left;
        padding-right: 10px;
    }
    
    .contact-info .details {
        float: left;
    }
    
/***************************************************/
/* Blog                                            */
/***************************************************/

#posts {
    width: 780px;
}

    .post {
        float: left;
        padding: 10px 10px 25px 10px;
        width: 370px;
    }
    
#load-more {
    background: #111;
    border: 0;
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    padding: 5px 10px;
    width: 140px;
}

    #load-more span {
        background: url('./img/more.png') 0 center no-repeat;
        display: block;
        height: 24px;
        line-height: 24px;  
        padding-left: 16px;  
    }
    
.pagination {
    background: url('./img/img-bg.png') repeat;
    padding: 10px 15px;
}

    .pagination a {
        border: 0;
    }

    .pagination .next {
        float: right;
    }
    
    .pagination .prev {
        float: left;
    }

/***************************************************/
/* Helper Classes                                  */
/***************************************************/

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}
/*
     FILE ARCHIVED ON 00:10:28 Oct 06, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:17:09 Feb 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.498
  exclusion.robots: 0.016
  exclusion.robots.policy: 0.007
  esindex: 0.009
  cdx.remote: 3.957
  LoadShardBlock: 204.628 (3)
  PetaboxLoader3.datanode: 173.204 (5)
  PetaboxLoader3.resolve: 125.329 (2)
  load_resource: 197.092 (2)
*/