@font-face { font-family: 'bnppsansbold';src: url('font/bnppsans-bold-webfont.eot'); src: url('font/bnppsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/bnppsans-bold-webfont.woff') format('woff'), url('font/bnppsans-bold-webfont.ttf') format('truetype'), url('font/bnppsans-bold-webfont.svg#bnppsansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bnppsanslight';src: url('font/bnppsans-light-webfont.eot'); src: url('font/bnppsans-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/bnppsans-light-webfont.woff') format('woff'), url('font/bnppsans-light-webfont.ttf') format('truetype'), url('font/bnppsans-light-webfont.svg#bnppsanslight') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'bnppsansregular';src: url('font/bnppsans-regular-webfont.eot'); src: url('font/bnppsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/bnppsans-regular-webfont.woff') format('woff'), url('font/bnppsans-regular-webfont.ttf') format('truetype'), url('font/bnppsans-regular-webfont.svg#bnppsansregular') format('svg'); font-weight: normal;font-style: normal;}
@font-face{font-family:"BaskervilleItalic";src:url("font/1e20d16a-fdcb-47f7-ac10-10b5a5dda428.eot?#iefix");src:url("font/1e20d16a-fdcb-47f7-ac10-10b5a5dda428.eot?#iefix") format("eot"),url("font/37adb89a-fa93-47f0-bda0-7cb51ae044d8.woff") format("woff"),url("font/046cf9a0-cc5f-4875-b924-48b88bfef06d.ttf") format("truetype"),url("font/52d36d32-a96c-4939-89b1-1db96a8a7a61.svg#52d36d32-a96c-4939-89b1-1db96a8a7a61") format("svg");}

/* Body */
body { margin:0; padding:0; font-family:'bnppsansregular', Arial; }
div, section { margin:0; padding:0; display:block; }
a { outline:none; }
a img { border:0 none; }
.clear { clear:both; }


/* Container */
#PageContainer { width:1050px; margin:0 auto; padding:78px 0 0 0; }
    .Flags { height:27px; width:80px; margin:0 0 20px auto; }
    .Flags a { float:left; display:block; width:40px; height:27px; background:url(img/sprite.png) no-repeat; text-indent:-999px; overflow:hidden; }
    .Flags .FlagTR { background-position:0 0; }
    .Flags .FlagEN { background-position:-40px 0;  }

    #HeaderContainer { position:relative; width:1050px; height:415px; }
        .SliderMask { top:0; left:0; position:absolute; width:1050px; height:392px; pointer-events:none; z-index:5; }
            .SliderMaskTop { position:absolute; left:0; top:0; width:1050px; height:40px; background:url(img/sprite.png) no-repeat 0 -27px; pointer-events:none;}    
            .SliderMaskRight { position:absolute; right:0; top:40px; width:1050px; height:275px; background:url(img/sprite.png) no-repeat 0 -1010px; pointer-events:none;}
            .SliderMaskBottom { position:absolute; left:0; bottom:29px; width:1050px; height:48px; background:url(img/sprite.png) no-repeat 0 -343px; pointer-events:none; z-index:1;}
            .SliderMaskLeft { position:absolute; left:0; top:40px; width:1050px; height:275px; background:url(img/sprite.png) no-repeat 0 -67px; pointer-events:none;}
    
    #HomeSlider { width:970px; height:276px; overflow:hidden; list-style-type:none; margin:0; padding:0; }
    #HeaderContainer .anythingSlider { padding-top:40px; }

    #Navigation { position:absolute; bottom:0; width:1050px; height:62px; margin:0 auto; z-index:1; text-align:center; font-family:Arial; font-weight:bold; color:#fff; font-size:13px;}
    
        .NavItem { position:relative; width:137px; height:67px; display:inline-block; background:url(img/sprite.png) no-repeat 0 -420px; cursor:pointer; text-align:center; z-index:55; }
            .NavItem a { position:relative; display:inline-block; padding-top:20px; height:20px; text-align:center; font-family:Arial; font-weight:bold; color:#fff; font-size:13px; border-bottom:1px #fff solid; text-decoration:none; }
            .NavItem a span.icon { position:absolute; left:0; top:17px; display:block;  width:20px; height:20px; background-image:url(img/sprite.png); background-repeat:no-repeat; margin:0 5px 0 0; }
                .NavItem a span.home { background-position:-155px -420px; }
                .NavItem a span.aboutus { background-position:-255px -420px; }
                .NavItem a span.collection { background-position:-235px -420px; }
                .NavItem a span.quality { background-position:-215px -420px; }
                .NavItem a span.contact { background-position:-275px -420px; }
            .NavItem a span.label { padding-left:25px; height:20px; margin-bottom:10px; }


        #ContentContainer { width:882px; margin:40px auto 0 auto;}
            .ContentColumn { width:500px; float:left; }
                .ContentColumn h1 { color:#8c6a2c; width:100%; border-bottom:1px #8c6a2c solid; font-size:17px; font-family: 'bnppsansbold';} 
                .ContentColumn p { color:#8c6a2c; font-size:14px; } 
            .SlideColumn { width:330px; float:right; }
                .SubSliderContainer { position:relative; height:400px;  }
                    .HomeSubSlide { width:279px; height:279px; }
                    #ContentContainer .anythingSlider { padding:36px 0 0 15px; }
                    .SubSliderContainer .anythingSlider-default .arrow { width:20px; height:20px; position:absolute; top:330px;  z-index:99;  }
                    .SubSliderContainer .anythingSlider-default .back { background:url(img/sprite.png) no-repeat -295px -420px; left:20px; }
                    .SubSliderContainer .anythingSlider-default .forward { background:url(img/sprite.png) no-repeat -315px -420px; right:0; }
                    
                    .SubSlideMask { position:absolute; top:0; left:0; width:313px; height:379px; background:url(img/sprite.png) no-repeat -335px -420px; z-index:2; }
                        #SubSlide { width:279px; height:279px; }    
                        #SubSlide img { width:279px; height:279px; }

        #FooterContainer { width:610px; height:100px; background:url(img/sprite.png) no-repeat 0 -799px; margin:0 auto 50px 0; padding:60px 0 0 350px; font-family: 'bnppsansregular' }
            .CompanyName { display:block; color:#6e6f72; font-weight:bold; font-size:18px; }
            .Address { display:block; color:#6e6f72; font-size:12px; font-weight:normal; }

        #StaticBg { width:621px; height:601px; position:absolute; right:0; bottom:0; z-index:-1; background:url(img/staticBg.png) no-repeat 0 0;}
        #StaticSliderMask { width:553px; height:613px; position:absolute; left:-453px; top:-10px; z-index:40; background:url(img/staticBgSlider.png) no-repeat 0 0; }