@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'laurenscriptregular';
    src: url('fonts/laurenscript-webfont.eot');
    src: url('fonts/laurenscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/laurenscript-webfont.woff') format('woff'),
         url('fonts/laurenscript-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardeitcdemi';
    src: url('fonts/avantgardeitc-demi-webfont.eot');
    src: url('fonts/avantgardeitc-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avantgardeitc-demi-webfont.woff') format('woff'),
         url('fonts/avantgardeitc-demi-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'harolds_monogwhiteovalthreeBd';
    src: url('fonts/white_oval_three_bold-webfont.eot');
    src: url('fonts/white_oval_three_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/white_oval_three_bold-webfont.woff') format('woff'),
         url('fonts/white_oval_three_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Varela+Round');
#preview-container{width: 761px; position: relative; padding:20px 0px 20px; visibility: hidden;}


/* construct mat */

#preview-container h2{ font:20px 'GothamMedium', sans-serif; color:#999; text-transform: uppercase; margin-bottom: 15px; }
#preview-mat{ width:690px; height:315px; background-color: white; box-shadow: 0px 0px 30px rgba(0,0,0,.2) inset; position: relative; z-index: 2;}
#under-shadow{width: 674px; height: 0px; opacity: 1; position: absolute; background-color: #000; border-radius: 8px; box-shadow:0px 1px 20px 5px #000; z-index: 1; top:350px; left: 8px;
}
#preview-zoom{ width:168px; height:168px; left:480px; top:195px; background-color: #fff; position: absolute; box-shadow: 0px 0px 25px rgba(0,0,0,.3); z-index: 3; display: none;}
#preview-mat-text{width:630px; left:-270px; top:110px; position: absolute; text-align:center; z-index: 3; overflow:visible; }


/* letter previews */

#zoom-text{ margin: 0 auto; text-align: center; overflow: hidden;}
.preview-diamond{width:102px; font:130px/168px 'harolds_monogwhiteovalthreeBd';}
.preview-box{width:95px; height:90px; text-align: center; font:100px/95px 'Varela Round', sans-serif; border: 4px solid #000; position: absolute; top:34px; left:34px; text-transform: uppercase;}
.preview-script{width:150px; font:45px/168px 'laurenscriptregular', serif;}
.preview-print{width:150px; font:45px/168px 'avantgardeitcdemi', sans-serif; text-transform: lowercase;}
.arrL{width: 0px; height: 0px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 70px; left: 15px;}
.arrR{width: 0px; height: 0px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 70px; right: 15px;}
[class^="monoPart"]{display:inline; margin:0px -8px;}