/*@import url('reset.css');*/

@font-face {  
    font-family: garamondRegular;
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Regular.otf') format('opentype');
    src: url('../fonts/AdobeGaramondPro/agaramondpro-regular-webfont.eot');
    src: url('../fonts/AdobeGaramondPro/agaramondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AdobeGaramondPro/Adobe-Garamond-Pro.woff') format('woff'),
    url('../fonts/AdobeGaramondPro/Adobe-Garamond-Pro.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {  
    font-family: garamondItalic;
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Italic.otf') format('opentype');
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Italic.eot');
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AdobeGaramondPro/AGaramondPro-Italic.woff') format('woff'),
    url('../fonts/AdobeGaramondPro/AGaramondPro-Italic.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {  
    font-family: garamondBold;
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Bold.otf') format('opentype');
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Bold.eot');
    src: url('../fonts/AdobeGaramondPro/AGaramondPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AdobeGaramondPro/AGaramondPro-Bold.woff') format('woff'),
    url('../fonts/AdobeGaramondPro/AGaramondPro-Bold.ttf') format('truetype');

    font-weight: normal;
    font-style: bold;
}


html
{
   /* overflow-x: scroll;*/
    overflow:hidden;
    padding: 0;
    margin: 0 auto;
    height: 630px;
}

body
{
   /* overflow-x: scroll;*/
    overflow:hidden;
    height: 630px;
    padding: 0;
    margin: 0 auto; 
}

span.phoneNumber
{
    pointer-events: none;
}

@media screen and (min-width:280px) and (max-width:665px) 
{
	html
	{
    overflow-y: scroll;
    padding: 0;
    margin: 0 auto;
    height: 100%;
    width: 99%;
	}

	body
	{
    overflow-y: scroll;
    height: 100%;
    padding: 0;
    margin: 0 auto;
     width: 99%;
	}

    span.phoneNumber
    {
        pointer-events: all;
    }
}

@media screen and (min-width:666px) and (max-width:1023px) 
{
    html
    {
    overflow-y: scroll;
    padding: 0;
    margin: 0 auto;
    height: 100%;
    width: 99%;
    }

    body
    {
    overflow-y: scroll;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    width: 99%;
    }

    span.phoneNumber
    {
        pointer-events: none;
    }
}


a
{
    outline: 0px;
    text-decoration: none !important;

}
#centerHead {
    width: 60%;
    margin: 0 auto;
}

#header
{    
    margin: 9px auto;
    height:26px;
    width:924px;
    font-size: 37px;
    text-align: left;
    color: #867345;
    /*background: url(../images/global/header.png) 0 0 no-repeat;*/
    font-family: garamondRegular, Times, serif;
    font-variant: small-caps;
    /*background-size:60%;*/

    filter:blur(.2px) drop-shadow(1px 1px 1px #A28B53);
    -o-filter:blur(.2px) drop-shadow(1px 1px 1px #A28B53);
    -ms-filter:blur(.2px) drop-shadow(1px 1px 1px #A28B53);
    -moz-filter:blur(.2px) drop-shadow(1px 1px 1px #A28B53);
  
    text-shadow: 2px 2px 2px rgba(134, 115, 69, .7);

    -ms-transform: translate(-1000px);
    -moz-transform: translate(-1000px);
    -webkit-transform: translate(-1000px); 
    transform: translate(-1000px);

    -webkit-animation-name: moveHead;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveHead;
    -moz-animation-duration: 1s;
    -moz-animation-delay: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveHead;
    -ms-animation-duration: 1s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveHead;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;

/*  
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #header
    {
        font-size: 40px;
        margin: 8px auto;
        padding-left: 4px;
         -webkit-filter:blur(.2px) drop-shadow(2px 2px 2px #A28B53);
        text-shadow: 0px 0px 0px rgba(134, 115, 69, 0);

    }
}
@media screen and (min-width:280px) and (max-width:665px) 
{
    #header
    {
        font-size: 1.5em;
        margin: 5% auto -3% 9%;
    }
}

@media screen and (min-width:666px) and (max-width:1023px) 
{
     #header
    {
        font-size: 2.3em!important;
        margin: 1.2% auto -3% 7%!important;
    }
}    

@-webkit-keyframes moveHead{
 0%  { opacity: .2; }
100% {
    -webkit-transform: translateX(-20px); 
    opacity: .9; }   
}

@keyframes moveHead{
 0%  { opacity: .2; }
100% {
    transform: translateX(-20px); 
    opacity: .9; }   
}



/* SIDE NAV */
#centerNav{
    width: 100%;
    margin: -106px auto;
}


#sideNav
{
    margin: 0px auto;
    width:350px;
    height:400px;


    -ms-transform: translate(-1500px);
    transform: translate(-1500px);
    -webkit-transform: translate(-1500px); 
    -moz-transform: translate(-1500px);
    

    -webkit-animation-name: moveSideNav;
    -webkit-animation-delay:1.7s;
    -webkit-animation-duration: 1.8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveSideNav;
    -moz-animation-duration: 1.7s;
    -moz-animation-delay: 1.8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveSideNav;
    -ms-animation-duration: 1.7s;
    -ms-animation-delay: 1.8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveSideNav;
    animation-duration: 1.7s;
    animation-delay: 1.8s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;

}

@-webkit-keyframes moveSideNav{
 0%  { opacity: 0; }
100% {
    -webkit-transform: translateX(-302px); 
    opacity: 1; }   
}

@keyframes moveSideNav{
 0%  { opacity: 0; }
100% {
    transform: translateX(-302px); 
    opacity: 1; }   
}

#sideNav div
{
    font-family: garamondRegular, Times, serif;
    outline: 0px;
    text-decoration: none !important;
    font-size: 16px;
    height:26px;
    text-align: left;
    cursor: pointer;
    margin-top: 12px;
    pointer-events:all; 
    color: #867345;
    font-variant: small-caps;
    /*background-size:60%;*/

    filter: drop-shadow(1px 1px 1px #A28B53);
    -o-filter: drop-shadow(1px 1px 1px #A28B53);
    -ms-filter: drop-shadow(1px 1px 1px #A28B53);
    -moz-filter: drop-shadow(1px 1px 1px #A28B53);
    text-shadow: 2px 2px 2px rgba(134, 115, 69, .65);
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #sideNav div
    {
       text-shadow: 0px 0px 0px rgba(134, 115, 69, 0);
        -webkit-filter: drop-shadow(1px 1px 1px #A28B53);
    }
}



#sideNav div p
{
margin: 0px 0px 0px 25px;
padding:8px;
}
#sideNav div.hide
{
    pointer-events:none;
}


#centerFoot{
    width: 100%;
    margin: 0 auto;
}
a
{
color: #6d5e38;
}

#footer
{
    margin: -252px auto;
    /*background: url(../images/global/footer.png) 0 0 no-repeat;
    background-size:100%;
    opacity: .9;*/
    width:924px;
    height:40px;
    letter-spacing: .4px;

    font-size: 16px;
    text-align: left;
    color: #6d5e38;
    font-family: garamondRegular, Times, serif;
    font-variant: small-caps;
    filter: drop-shadow(1px 1px 1px #A28B53);
    -o-filter: drop-shadow(1px 1px 1px #A28B53);
    -ms-filter: drop-shadow(1px 1px 1px #A28B53);
    -moz-filter: drop-shadow(1px 1px 1px #A28B53);
    text-shadow: 2px 2px 2px rgba(134, 115, 69, .6);

    -ms-transform: translate(-1500px);
    -webkit-transform: translate(-1500px); 
    transform: translate(-1500px);
    -moz-transform: translate(-1500px);

    -webkit-animation-name: moveFoot;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2.4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveFoot;
    -moz-animation-duration: 1s;
    -moz-animation-delay: 2.4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveFoot;
    -ms-animation-duration: 1s;
    -ms-animation-delay: 2.4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveFoot;
    animation-duration: 1s;
    animation-delay: 2.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #footer
    {
         font-size: 16px;
       margin: -249px auto;
        -webkit-filter: drop-shadow(2px 2px 2px #A28B53);
        text-shadow: 0px 0px 0px rgba(134, 115, 69, 0);
    }
}

@media screen and (min-width:280px) and (max-width:665px) 
{
    #centerNav
    {
        width: 100%;
        margin: 0 auto;
    }
    #sideNav
    {
        margin: -9em auto 3em 20em;
        width:350px;
        height:400px;
    }

    #centerFoot
    {
        width: 100%;
        margin: 0 auto;
    }

    #footer
    {
        font-size: 1em!important;
        margin: -14em auto 3em 3em;
        -webkit-filter: drop-shadow(2px 2px 2px #A28B53)!important;
        text-shadow: 0px 0px 0px rgba(134, 115, 69, 0)!important;
        word-break: break-word!important;
        width: 325px!important;
    }
}


@media screen and (min-width:666px) and (max-width:1023px) 
{
     #centerNav
    {
        width: 100%;
        margin: 0 auto;
    }
    #sideNav
    {
        margin: -48% auto 1% 43%;
        width:350px;
        height:400px;
    }

    #centerFoot
    {
        width: 100%;
        margin: 0 auto;
    }

    #footer
    {
        font-size: 1em!important;
        margin: -8em auto 1em 4em;
        word-break: break-word!important;
        width: 325px!important;
    }
}


@-webkit-keyframes moveFoot{
 0%  { opacity: .2; }
100% {
    -webkit-transform: translateX(-18px); 
    opacity: .9; }   
}

@keyframes moveFoot{
 0%  { opacity: .2; }
100% {
    transform: translateX(-18px); 
    opacity: .9; }   
}

#emailLink a
{
    display: block;
    margin: -40px 0px 0px 565px;
    height: 40px;
    width: 322px;
    pointer-events: all;
    cursor: pointer;
    /*background-color: red;
    opacity: .4;*/
}

#wrapper
{
    display: block;
    margin: 161px auto;
    height:192px;
    width: 934px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

    -ms-transform: translate(-1500px);
    -webkit-transform: translate(-1500px); 
    -moz-transform: translate(-1500px); 
    transform: translate(-1500px);

    -webkit-animation-name: moveWrap;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveWrap;
    -moz-animation-duration: 1s;
    -moz-animation-delay: 2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveWrap;
    -ms-animation-duration: 1s;
    -ms-animation-delay: 2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveWrap;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #wrapper
    {
       margin: 161px auto;
    }
}

@-webkit-keyframes moveWrap{
 0%  { opacity: .2; }
100% {
    -webkit-transform: translateX(-10px); 
    opacity: .9; }   
}

@keyframes moveWrap{
 0%  { opacity: .2; }
100% {
    transform: translateX(-10px); 
    opacity: .9; }   
}

.internal
{
    cursor: pointer;
    display: inline-block;
    height:132px;
    width:132px;
    margin: 0px -1px 0px -1px;
}
.internal div
{
    height:120px;
}

figure
{
   display: table;
   margin: 0px 0px 0px 0px;
}

figure img
{
  width:132px;
  height:132px;
}

figcaption
{
    display: table-caption;
    caption-side: bottom;
    font-size: 14px;
    text-align: center;
    /*font-family: garamondItalic;*/
    font-family: garamondRegular, Times, serif;
    font-style: italic;
    color: #867345;
    margin-top: 9px;
}


#centerArt
{
    width:100%;
    position: absolute;
   
}


#ltSide
{
    position: relative;
    
    height:630px;
    width: 100px;
    float: left;

    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.01) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.01)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#03ffffff',GradientType=1 );
}

#rtSide
{
    position: relative;
  
    height:630px;
    width: 100px;
    float: right;

    background: -moz-linear-gradient(left,  rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#ffffff',GradientType=1 );
}



/*  line animations  */
.lineBlur
{
    margin: 0px auto;
    position: absolute;
    width:100%;
    border-bottom:1px solid #837046;
    opacity: 0;
    top:0px;
    height:1px;
    filter:blur(1px);
    -o-filter:blur(1px);
    -ms-filter:blur(1px);
    -moz-filter:blur(1px);
    -webkit-filter:blur(1px);
}

.line
{
    margin: 0px auto;
    position: absolute;
    width:100%;
    border-bottom:1px solid #837046;
    opacity: 0;
    top:0px;
    height:1px;

}


#line_1
{
    -webkit-animation-name: moveLine;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine{
 0%  { opacity: 0; }
100% {
    -webkit-transform: translateY(21px); 
    opacity: .3; }   
}

@keyframes moveLine{
 0%  { opacity: 0; }
100% {
    transform: translateY(21px); 
    opacity: .3; }   
}


#line_2
{
    -webkit-animation-name: moveLine2;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine2;
    -moz-animation-duration: 1s;
    -moz-animation-delay:.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine2;
    -ms-animation-duration: 1s;
    -ms-animation-delay:.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine2;
    animation-duration: 1s;
    animation-delay:.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine2{
   0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(39px);
        opacity: .3;
    }   
}

@keyframes moveLine2{
   0%  { opacity: 0; }
100% {
        transform: translateY(39px);
        opacity: .3;
    }   
}

#line_3
{
    -webkit-animation-name: moveLine3;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:.8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine3;
    -moz-animation-duration: 1s;
    -moz-animation-delay:.8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine3;
    -ms-animation-duration: 1s;
    -ms-animation-delay:.8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine3;
    animation-duration: 1s;
    animation-delay:.8s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine3{
0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(326px);
        opacity: .5;
    }   
}

@keyframes moveLine3{
0%  { opacity: 0; }
100% {
        transform: translateY(326px);
        opacity: .5;
    }   
}

#line_4
{
    -webkit-animation-name: moveLine4;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine4;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine4;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine4;
    animation-duration: 1s;
    animation-delay:1.2s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;

}

@-webkit-keyframes moveLine4{
  0%  { opacity: 0; } 
100% {
        -webkit-transform: translateY(194px);
        opacity: .5;
    }   
}

@keyframes moveLine4{
  0%  { opacity: 0; } 
100% {
        transform: translateY(194px);
        opacity: .5;
    }   
}

#line_5
{
    -webkit-animation-name: moveLine5;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine5;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine5;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine5;
    animation-duration: 1s;
    animation-delay:1.5s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine5{
0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(620px);
        opacity: .3;
    }   
}

@keyframes moveLine5{
0%  { opacity: 0; }
100% {
        transform: translateY(620px);
        opacity: .3;
    }   
}

#line_6
{
    -webkit-animation-name: moveLine6;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.7s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine6;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.7s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine6;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.7s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine6;
    animation-duration: 1s;
    animation-delay:1.7s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}


@-webkit-keyframes moveLine6{
  0%  { opacity: 0; } 
100% {
        -webkit-transform: translateY(612px);
        opacity: .3;
    }   
}

@keyframes moveLine6{
  0%  { opacity: 0; } 
100% {
        transform: translateY(612px);
        opacity: .3;
    }   
}

/*
////////// line blurs /////////
*/


#line_1b
{
    -webkit-animation-name: moveLineb;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLineb;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLineb;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLineb;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLineb{
 0%  { opacity: 0; }
100% {
    -webkit-transform: translateY(21px); 
    opacity: .3; }   
}

@keyframes moveLineb{
 0%  { opacity: 0; }
100% {
    transform: translateY(21px); 
    opacity: .3; }   
}


#line_2b
{
    -webkit-animation-name: moveLine2b;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine2b;
    -moz-animation-duration: 1s;
    -moz-animation-delay:.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine2b;
    -ms-animation-duration: 1s;
    -ms-animation-delay:.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine2b;
    animation-duration: 1s;
    animation-delay:.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine2b{
   0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(39px);
        opacity: .3;
    }   
}

@keyframes moveLine2b{
   0%  { opacity: 0; }
100% {
        transform: translateY(39px);
        opacity: .3;
    }   
}

#line_3b
{
    -webkit-animation-name: moveLine3b;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:.8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine3b;
    -moz-animation-duration: 1s;
    -moz-animation-delay:.8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine3b;
    -ms-animation-duration: 1s;
    -ms-animation-delay:.8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine3b;
    animation-duration: 1s;
    animation-delay:.8s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine3b{
0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(326px);
        opacity: .5;
    }   
}

@keyframes moveLine3b{
0%  { opacity: 0; }
100% {
        transform: translateY(326px);
        opacity: .5;
    }   
}

#line_4b
{
    -webkit-animation-name: moveLine4b;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine4b;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine4b;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine4b;
    animation-duration: 1s;
    animation-delay:1.2s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;

}

@-webkit-keyframes moveLine4b{
  0%  { opacity: 0; } 
100% {
        -webkit-transform: translateY(194px);
        opacity: .5;
    }   
}

@keyframes moveLine4b{
  0%  { opacity: 0; } 
100% {
        transform: translateY(194px);
        opacity: .5;
    }   
}

#line_5b
{
    -webkit-animation-name: moveLine5b;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine5b;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine5b;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine5b;
    animation-duration: 1s;
    animation-delay:1.5s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveLine5b{
0%  { opacity: 0; }
100% {
        -webkit-transform: translateY(620px);
        opacity: .3;
    }   
}

@keyframes moveLine5b{
0%  { opacity: 0; }
100% {
        transform: translateY(620px);
        opacity: .3;
    }   
}

#line_6b
{
    -webkit-animation-name: moveLine6b;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay:1.7s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: moveLine6b;
    -moz-animation-duration: 1s;
    -moz-animation-delay:1.7s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count:1;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: moveLine6b;
    -ms-animation-duration: 1s;
    -ms-animation-delay:1.7s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count:1;
    -ms-animation-fill-mode: forwards;

    animation-name: moveLine6b;
    animation-duration: 1s;
    animation-delay:1.7s;
    animation-timing-function: ease;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}


@-webkit-keyframes moveLine6b{
  0%  { opacity: 0; } 
100% {
        -webkit-transform: translateY(612px);
        opacity: .3;
    }   
}

@keyframes moveLine6b{
  0%  { opacity: 0; } 
100% {
        transform: translateY(612px);
        opacity: .3;
    }   
}

@media screen and (min-width:280px) and (max-width:665px) 
{
	#line_1,#line_1b,#line_2,#line_2b,#line_3,#line_3b,#line_4,#line_4b,#line_5,#line_5b,#line_6,#line_6b
	{
		display: none;
	}
	#closeBtn
	{
		left: 84%!important;
	    top: 0%!important;
	    margin: 4% auto!important;
	    position: absolute!important;
	    background-color: #f1eee7!important;
	    background-size: 100%!important;
	    border-radius: 15%;
	}
}

@media screen and (min-width:666px) and (max-width:1023px) 
{
    #line_1,#line_1b,#line_2,#line_2b,#line_3,#line_3b,#line_4,#line_4b,#line_5,#line_5b,#line_6,#line_6b
    {
        display: none;
    }
    #closeBtn
    {
        left: 86%!important;
        top: 2%!important;
        margin: 7% auto!important;
        position: absolute!important;
        background-color: #f1eee7!important;
        background-size: 100%!important;
        border-radius: 15%;
    }
}

/*
@media only screen 
and (min-width : 800px) 
and (max-width : 1024px) 
{
   
}
*/



/* BEGIN CONTENT */
#centerMainContent
{
    width: 100%;
    margin: 10px auto;
    position: absolute;
}

#mainContent
{
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 0;
    margin: 0 auto;
    width:1000px;
    height:550px;
    /*border: 1px solid rgba(131, 115, 84, .5);*/
    border-radius: 0px;
    box-shadow: 0px 0px 0px 1px rgba(131,115,84,0.3); 

    opacity: 0;
    position: relative;

    -webkit-transition: opacity .5s;
    transition:opacity .5s;

    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #fefbf4 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #fefbf4));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #fefbf4 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #fefbf4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #fefbf4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #fefbf4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefbf4', GradientType=0 );
}

@media screen and (min-width:280px) and (max-width:665px) 
{
	#mainContent
	{
		width:22em;
    	height:42em;
    	overflow-y: scroll!important;
		overflow-x: hidden!important;
	}

	#ltSide
	{
	    width: 10px!important;
	   /*background: #ffffff!important;*/
	   z-index: 10;
	 }   

	#rtSide
	{
	     width: 10px!important;
	     /* background: #ffffff!important;*/
	      z-index: 10;
	}
	figcaption
	{
	    font-size: .75em;
	    margin-top: 6px;
	}

	#wrapper
	{
		width:103%;
		margin-top: 25%;
		margin-bottom: 50%;
		height:30%;
	}
	#ascrail2000-hr
	{
		display: none!important;
	}
	#loaderGif
    {
       /* display:none!important;*/
       margin-left:12%!important;
       margin-top:-82%!important;
    }
}

@media screen and (min-width:666px) and (max-width:1023px) 
{
    #mainContent
    {
        margin-top: 6%;
        width: 43em;
         height: 57em;
        overflow-y: scroll!important;
        overflow-x: hidden!important;
    }

    #ltSide
    {
        width: 10px!important;
       /*background: #ffffff!important;*/
       z-index: 10;
     }   

    #rtSide
    {
         width: 10px!important;
         /* background: #ffffff!important;*/
          z-index: 10;
    }
    figcaption
    {
        font-size: .75em;
        margin-top: 6px;
    }

    #wrapper
    {
       width: 103%;
        margin-top: 21%;
        margin-bottom: 50%;
        height: 46%;
    }
    #ascrail2000-hr
    {
        display: none!important;
        /*margin-top: -15%;*/
    }
    #loaderGif
    {
       /* display:none!important;*/
       margin-left:32%!important;
       margin-top:-48%!important;
    }
}

#loaderGif
{
    position: relative;
    background: url(../images/global/loader.gif) 0 0 no-repeat;
    margin:-310px auto;
    left:135px;
    width:32px;
    height:32px;
    opacity: 0;
    z-index: 200;
    display:block;
    -webkit-transition: opacity .1s;
    transition:opacity .1s;
}

#loaderGif.show
{
    opacity: .98;
    -webkit-transition: opacity 1s;
    transition:opacity 1s;
}


#mainContent.show
{
     opacity: 1;
     z-index: 2;
     -webkit-transition: opacity .6s;
    transition:opacity .6s;
}

#closeBtn
{

    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    left:475px;
    top:50px;
    
    opacity: 0;
    background: url(../images/global/close.png) 0 0 no-repeat;
    background-size: 80%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

#closeBtn.show
{
    z-index: 3;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition:opacity 1s;
}