/* Global Reset */
*{
    margin:0;
    padding:0;
    border:none;
    outline:none;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:none;
}
h1, h2, h3, h4, h5, h6{
    margin-bottom:20px;
    font-family:"Times New Roman", Times, serif;
    line-height:normal;
    text-transform:uppercase;
}
.event .text h3,
#retailer-box h3,
h2{
    text-transform:uppercase;
    font-size:36px;
    margin:0 0 5px;
    font-weight:normal;
    letter-spacing:7px;
}
header, footer, article, section, hgroup, nav, figure{display:block;}
img{vertical-align:top;}
p{margin:0 0 18px;}
ul{list-style:none;}
mark{background:none;}
strong{font-weight:bold;}
a{
    color:#1d1d1d;
    text-decoration:none;
}
a:hover{text-decoration:none;}
/* css3 animation */
.categories a,
.btn{
    transition:all .15s ease-in-out;
    -moz-transition:all .15s ease-in-out;
    -webkit-transition:all .15s ease-in-out;
}
/***
	Main Styles
 ***/
html,body{height:100%;}
body{
    font:16px/18px "Times New Roman", Times, serif;
    background:#fff;
    color:#333;
    padding-top:181px;
}
.wrapper{
    max-width:1200px;
    min-width:300px;
    padding:0 10px;
    margin:0 auto;
    overflow:hidden;
}
#header{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:70;
    background:#fff;
    padding:15px 0 28px;
}
#header .logo{
    display:block;
    background:url(../images/logo.png) no-repeat;
    width:214px;
    height:138px;
    margin:0 auto;
    text-indent:-9999px;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}
#header .logo a{
    display:block;
    overflow:hidden;
    height:100%;
    width:100%;
}
#header .wrapper{
    position:relative;
    overflow:visible;
}
#header .wrapper:after{content:"";display:block;clear:both;}
#header .nav{
    position:absolute;
    top:49px;
    right:10px;
    width:40%;
    text-transform:uppercase;
    line-height:38px;
    font-size:14px;
    text-align:center;
    letter-spacing:1px;
}
#header .nav:first-child{
    right:0;
    left:10px;
}
#header .nav li{
    display:inline-block;
    margin:0 8px;
}
#header .nav a{
    display:block;
    padding:0 14px;
    color:#333;
}
#header .nav a:hover{text-decoration:none;}
#header .nav .active a{
    border:1px solid #bbb;
    padding:0 12px;
    line-height:36px;
}
#header .nav .active a:hover{text-decoration:none;}
#slider{
    width:100%;
    height:650px;
    overflow:hidden;
}
#slider li{
    background:url(../images/431_aj_sliders_1ringgroup.jpg) no-repeat 50% 50% fixed;
    height:644px;
}
#slider .slide2{
    background-image:url(../images/431_aj_sliders_2watermelon.jpg);
}
#slider .slide3{background-image:url(../images/alishan-jewelry-slide3.jpg);}
#slider .slide4{background-image:url(../images/alishan-jewelry-slide4.jpg);}
#jewelry{
    padding-top:60px;
    text-align:center;
}
.popup h2 + p,
#contact h2 + p,
#retailer h2 + p,
#events h2 + p,
#jewelry h2 + p{
    color:#999;
    font-size:14px;
    margin:0 0 24px;
    text-transform:uppercase;
    letter-spacing:3px;
}
.categories{
    margin:0 0 12px;
    font-size:14px;
    line-height:40px;
    text-transform:uppercase;
    letter-spacing:3px;
}
.categories a{
    color:#999;
    display:block;
    padding:0 24px;
    border:1px solid #ccc;
    border-left:none;
}
.categories li{
    display:inline-block;
    margin:0 -4px;
    position:relative;
}
.categories li:hover{z-index:1;}
.categories li:first-child a{
    border-left:1px solid #ccc;
    -webkit-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px;
}
.categories li:last-child a{
    -webkit-border-radius:0 6px 6px 0;
    border-radius:0 6px 6px 0;
}
.categories .active,
.categories a:hover{
    color:#fff;
    background:#1d1d1d;
    border-color:#1d1d1d;
}
.types{
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}
.types a{color:#999;}
.types .active a,
.types a:hover{color:#333;}
.types li{
    display:inline-block;
    margin:0 -4px;
    padding:0 8px 0 12px;
    position:relative;1
}
.types li:after{
    position:absolute;
    left:0;
    top:0;
    content:'\2022';
}
.types li:first-child:after{display:none;}
.products .list:after{content:"";display:block;clear:both;}
.products{
    position:relative;
    z-index:1;
}
.products .list li{
    float:left;
    margin:5% 6%;
    width:144px;
    padding-bottom:32px;
}
.slide .pointer{
    position:absolute;
    left:30%;
    top:-25px;
    background:url(../images/sprites.png) no-repeat -109px -25px;
    width:50px;
    height:25px;
}
.products .list img{
    display:block;
    width:100%;
    height:auto;
}
.slides{display:none;}
.slide{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
}
.slide .wrapper{
    position:relative;
    padding-top:70px;
    padding-bottom:70px;
}
.slide .img{
    float:left;
    width:35%;
    text-align:center;
}
.slide .text{
    float:right;
    width:65%;
    padding-top:64px;
}
#press-tab h4,
#press-tab h3,
.slide .text h3{
    text-transform:uppercase;
    font-size:36px;
    letter-spacing:4px;
    margin-bottom:5px;
    font-weight:normal;
    color:#000;
}
.slide .text dl{
    margin:0 0 20px;
    color:#666;
    text-transform:uppercase;
    letter-spacing:2px;
}
.slide .text dd,
.slide .text dt{display:inline;}
.slide .text p{
    margin:0 0 20px;
    line-height:16px;
}
.slide .socials{overflow:hidden;}
.slide .socials li{
    float:left;
    margin:0 7px 0 0;
}
.slide .socials a{
    float:left;
    width:27px;
    height:26px;
    background:url(../images/sprites.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.slide .socials a:hover{background-position:0 -26px;}
.slide .socials .twitter{background-position:-27px 0;}
.slide .socials .twitter:hover{background-position:-27px -26px;}
.slide .socials .pinterest{background-position:-54px 0;}
.slide .socials .pinterest:hover{background-position:-54px -26px;}
.slide .socials .instagram{background-position:-81px 0;}
.slide .socials .instagram:hover{background-position:-81px -26px;}
.popup .close,
.slide .close{
    position:absolute;
    right:0;
    top:30px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/sprites.png) no-repeat -109px 0;
    width:24px;
    height:24px;
}
#alishan{
    background:url(../images/img9.jpg) no-repeat 50% 50% fixed;
    padding:73px 0 52px;
    text-align:center;
    color:#ccc;
    font-size:16px;
    line-height:18px;
}
#alishan .photo{margin-bottom:20px;}
#alishan .photo img{
    display:inline-block;
    -webkit-border-radius:50%;
    border-radius:50%;
}
#alishan h2{margin-bottom:26px;}
#alishan p{
    margin:0;
    padding-bottom:20px;
}
.btn{
    display:inline-block;
    color:#fff;
    padding:0 36px;
    border:1px solid #fff;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:38px;
    margin-top:20px;
}
.btn:hover{
    color:#1d1d1d;
    background:#fff;
    border-color:#fff;
}
#events{
    padding-top:60px;
    padding-bottom:48px;
    text-align:center;
}
#events .categories{margin-bottom:34px;}
#press-tab{color:#666;}
#press-tab h3{
    font-size:32px;
    color:#333;
    margin-bottom:15px;
}
#press-tab h4{
    font-size:22px;
    margin-bottom:10px;
}
#press-tab ul{
    font-style:italic;
    margin:0 0 30px;
}
.event{
    border-bottom:1px solid #ccc;
    padding:0 0 2px;
    text-transform:uppercase;
    text-align:left;
    margin-bottom:27px;
}
.event .inner{
    overflow:hidden;
    border:1px solid #ccc;
    padding:34px 34px 34px 30px;
}
.event .date{
    float:left;
    color:#666;
    font-style:normal;
}
.event .date span{
    display:block;
    font-size:43px;
    line-height:40px;
}
.event .btn{
    float:right;
    border-color:#bbb;
    color:#333;
    padding:0 15px;
    letter-spacing:2px;
    margin:10px 0 0;
}
.event .btn:hover{
    color:#fff;
    background:#1d1d1d;
    border-color:#1d1d1d;
}
.event .text{
    overflow:hidden;
    padding:12px 0 0 30px;
}
.event .text h3{
    color:#1d1d1d;
    font-size:18px;
    line-height:18px;
    letter-spacing:2px;
}
.event .text dl{
    color:#999;
    letter-spacing:3px;
    font-size:14px;
}
.event .text dd,
.event .text dt{display:inline;}
#retailer{
    padding:100px 0 90px;
    background:url(../images/img10.jpg) no-repeat 50% 0 fixed;
    text-align:center;
}
#retailer h2{color:#fff;}
#retailer h2 + p{
    color:#ccc;
    margin-bottom:54px;
}
#retailer .list{
    line-height:25px;
    font-size:18px;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:2px;
}
#retailer .list li{
    display:inline-block;
    margin:0 -4px;
    padding:0 20px 0 22px;
    position:relative;
}
#retailer .list a{color:#fff;}
#retailer .list li:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:25px;
    background:#fff;
}
#retailer .list li:first-child:after{display:none;}
#contact{
    padding-top:60px;
    padding-bottom:60px;
    text-align:center;
}
#share-box .socials,
#contact .socials{
    text-align:center;
    margin:0 0 20px;
    text-align:center;
}
#share-box .socials li,
#contact .socials li{
    display:inline-block;
    margin:0 7px;
}
#share-box .socials a,
#contact .socials a{
    display:block;
    width:53px;
    height:52px;
    background:url(../images/sprites.png) no-repeat 0 -53px;
    text-indent:-9999px;
}
#share-box .socials a:hover,
#contact .socials a:hover{background-position:0 -105px;}
#share-box .socials .twitter,
#contact .socials .twitter{background-position:-53px -53px;}
#share-box .socials .twitter:hover,
#contact .socials .twitter:hover{background-position:-53px -105px;}
#share-box .socials .pinterest,
#contact .socials .pinterest{background-position:-106px -53px;}
#share-box .socials .pinterest:hover,
#contact .socials .pinterest:hover{background-position:-106px -105px;}
#share-box .socials .instagram,
#contact .socials .instagram{background-position:-160px -53px;}
#share-box .socials .instagram:hover,
#contact .socials .instagram:hover{background-position:-160px -105px;}
#contact .form dl{
    color:#333;
    letter-spacing:2px;
    margin:0 0 20px;
    text-transform:uppercase;
}
#contact .form dd,
#contact .form dt{display:inline;}
#contact .fields{
    width:385px;
    margin:0 auto;
    text-align:left;
}
#contact .fields li{
    overflow:hidden;
    margin:0 0 20px;
    position:relative;
}
#contact .txt{
    border:1px solid #ccc;
    background:none;
    padding:15px 10px;
    font:16px "Times New Roman", Times, serif;
    color:#999;
    letter-spacing:2px;
    text-transform:uppercase;
    width:363px;
}
#contact .error .txt{border-color:#c33;}
#contact label{
    position:absolute;
    left:0;
    top:1px;
    font:16px "Times New Roman", Times, serif;
    color:#999;
    cursor:pointer;
    letter-spacing:2px;
    text-transform:uppercase;
    width:363px;
    padding:15px 10px;
}
#contact .focus label{display:none;}
#contact .btn{
    background:none;
    height:50px;
    cursor:pointer;
    color:#1d1d1d;
    border-color:#1d1d1d;
    font:16px "Times New Roman", Times, serif;
    margin:0;
    width: 100%;
}
#contact .btn:hover{
    color:#fff;
    background:#1d1d1d;
}
#contact select{width:100%;}
/* custom select */
.outtaHere{
    position:absolute;
    left:-9999px;
}
.selectArea{
    position:relative;
    height:50px;
    float:left;
    color:#999;
    font:16px/48px "Times New Roman", Times, serif;
    text-transform:uppercase;
    letter-spacing:2px;
}
.selectArea .left{display:none;}
.selectArea .selectButton{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
.selectButton:after{
    content:'';
    position:absolute;
    right:17px;
    top:22px;
    height:9px;
    width:12px;
    background:url(../images/sprites.png) no-repeat -134px 0;
}
.selectArea .center{
    display:block;
    padding:0 36px 0 16px;
    text-align:left;
    white-space:nowrap;
    border:1px solid #ccc;
}
.optionsDivInvisible,
.optionsDivVisible{
    position:absolute;
    background-color:#fff;
    border:1px solid #ccc;
    display:block;
    z-index:30;
    font-size:16px;
    border-top:none;
    margin-top:-1px;
    width:383px !important;
}
.optionsDivInvisible{display:none;}
.optionsDivVisible ul{
    overflow:hidden;
    padding:10px;
}
.optionsDivVisible ul li{
    float:left;
    width:100%;
}
.optionsDivVisible a{
    overflow:hidden;
    display:block;
    height:1%;
    padding:5px;
}
#contact .note{
    text-align:center;
    color:#999;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px;
}
#footer{
    background:#1d1d1d;
    padding:54px 0 50px;
    text-align:center;
    color:#666;
    font-size:12px;
    line-height:normal;
    text-transform:uppercase;
    letter-spacing:2px;
}
#footer .logo{
    display:block;
    margin:0 auto 18px;
    width:212px;
    height:115px;
    background:url(../images/footerlogo.png) no-repeat;
    text-indent:-9999px;
}
#footer .logo a{
    display:block;
    height:100%;
    overflow:hidden;
}
#footer p{margin:0;}
#footer p a{color:#666;}
#footer p a:hover{color:#fff;}
.popup{
    background:#fff;
    width:924px;
    height:469px;
    text-align:center;
    overflow:hidden;
    position:fixed;
    left:0;
    z-index:82;
    top:-9999px;
}
.popup .close{
    right:20px;
    top:20px;
}
#share-box h2{margin-top:175px;}
#fader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    min-height:100%;
    background:rgba(0, 0, 0, 0.8);
    z-index:81;
}
#retailer-box{
    width:1000px;
    height:auto;
    padding:56px 0 50px;
    text-transform:uppercase;
}
.states{
    border-top:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    padding:2px 0;
    text-align:center;
    display:inline-block;
    margin-bottom:28px;
}
.states ul{
    border-top:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    padding:15px 0;
    display:inline-block;
    color:#999;
}
.states a{color:#999;}
.states .active a,
.states a:hover{color:#333;}
.states li{
    display:inline-block;
    position:relative;
    margin:0 0 0 -4px;
    padding:0 3px 0 8px;
}
.states li:after{
    position:absolute;
    left:0;
    top:0;
    content:'\2022';
}
.states li:first-child:after{display:none;}
#retailer-box h3{
    font-size:30px;
    letter-spacing:2px;
    margin-bottom:22px;
}
#retailer-box dl{
    font-size:12px;
    color:#666;
    line-height:16px;
    height:auto;
    max-height:300px;
    overflow:scroll;
}
#retailer-box dt{
    font-weight:bold;
    font-size:14px;
    color:#333;
    letter-spacing:2px;
    margin:0 0 2px;
}
#retailer-box dd{margin-bottom:14px;}
#retailer-box dd a{color:#666;}
@media screen and (max-width:768px){
    #header .nav a{padding:0 5px;}
    #header .nav li{margin:0 4px;}
    #header .nav .active a{padding:0 4px;}
    #header .nav{
        width:30%;
        line-height:28px;
    }
    #header .nav .active a{line-height:26px;}
    .popup{width:95% !important;}
}
@media screen and (max-width:500px){
    #header .nav{top:33px !important;}
    #header.fixed .nav{top:9px !important;}
    .products .list li{
        width:28%;
    }
    .products .list .active:after{display:none;}
    .slide .img{
        float:none;
        width:50%;
        margin:0 auto;
    }
    .slide .img img{
        display:block;
        width:100%;
        height:auto;
    }
    .slide .text{
        float:none;
        width:100%;
        padding:0;
    }
    .slide .wrapper{padding-bottom:20px;}
    .slide .close{right:20px;}
    .event .text{
        clear:both;
        width:100%;
        padding:10px 0 0;
    }
    .event .btn{
        font-size:12px;
        padding:0 5px;
    }
    .event .inner{padding:15px;}
    #events{
        padding-bottom:15px;
        padding-top:40px;
    }
    #contact{
        padding-bottom:30px;
        padding-top:30px;
    }
}
@media screen and (max-width:360px){
    #header{
        position:absolute;
        padding-bottom:0
    }
    #header .logo{
        width:155px;
        height:105px;
    }
    #header .nav{top:13px !important;}
    body{padding-top:75px;}
    #slider{display:none;}
    .categories{font-size:12px;}
    .categories a{padding:0 6px;}
    .types{font-size:12px;}
    .slide .wrapper{padding-top:30px;}
    .event .date{font-size:12px;}
    .event .date span{font-size:30px;}
    .event .inner{padding:8px;}
    .event .btn{
        letter-spacing:0;
    }
    #retailer .list{
        font-size:13px;
        letter-spacing:1px;
    }
    #contact label,
    #contact .txt{
        width:317px;
    }
    #contact .fields{width:100%;}
    #contact .btn{
        padding:0;
        width:339px;
        text-align:center;
    }
    .popup{position:absolute;}
    #share-box{height:400px;}
    #share-box h2{margin-top:100px;}
}
@media screen and (max-width:320px){
    #header .wrapper{padding:0;}
    #header .nav:first-child{left:0;}
    #header .nav{right:0;}
    #header .logo{
        width:140px;
        height:105px;
    }
    #contact label, #contact .txt{width:278px;}
    #contact .btn{
        width:300px;
        letter-spacing:1px;
    }
    #header .wrapper{overflow:hidden;}
}

@-webkit-keyframes ae-animation-entrance{
    0%{
        -webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity:.2;
    }
    30%{
        -webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity:1;
    }
    45%{
        -webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    60%{
        -webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    75%{
        -webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    90%{
        -webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    100%{
        -webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
}
@-moz-keyframes ae-animation-entrance{
    0%{
        -moz-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity:.2;
    }
    30%{
        -moz-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity:1;
    }
    45%{
        -moz-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    60%{
        -moz-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    75%{
        -moz-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    90%{
        -moz-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    100%{
        -moz-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
}
@-o-keyframes ae-animation-entrance{
    0%{
        -o-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity:.2;
    }
    30%{
        -o-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity:1;
    }
    45%{
        -o-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    60%{
        -o-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    75%{
        -o-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    90%{
        -o-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    100%{
        -o-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
}
@keyframes ae-animation-entrance{
    0%{
        transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity:.2;
    }
    30%{
        transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity:1;
    }
    45%{
        transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    60%{
        transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    75%{
        transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    90%{
        transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
    100%{
        transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity:1;
    }
}
.ae-animation-entrance{
    -webkit-animation-name:ae-animation-entrance;
    -moz-animation-name:ae-animation-entrance;
    -o-animation-name:ae-animation-entrance;
    animation-name:ae-animation-entrance;
    -webkit-animation-duration:2.2s;
    -moz-animation-duration:2.2s;
    -ms-animation-duration:2.2s;
    -o-animation-duration:2.2s;
    animation-duration:2.2s;
    opacity:1!important;
}

.inserted{
    position:absolute;
    left:-9999px;
    width:100%;
    z-index:52;
    display:block;
    top:0;
    background:#fff;
}
#video-box{width:788px;}
#video-box .holder{padding-top:40px;}
#video-box .close{
    right:12px;
    top:8px;
}