@charset "iso-8859-1";

/* side arrows */
#leftside {
    width: 100px;
    height: 100%;
    position: relative;
    top: 0;
    left: 50px;
}

#rightside {
    z-index: 50;
    
    width: 100px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
}

#left, #right {
    width: 30px;
    position: fixed;
    top: 45%;
    margin: 35px;
    cursor: pointer;
}

#left img, #right img { width: 100%; }

#left p, #right p { 
    position: absolute;
    top: -10px;
    font-size: 10pt; 
    font-weight: 500;
}

#right p {text-align: right; right: 0;}

/* top arrow */
#pagetop {
    z-index: 100;
    
    width: 70px;
    height: 60px;
    position: fixed;
    right: 0;
    bottom: 0;
}
#bottomside {
    width: 30px;
    position: relative;
    margin: auto;
}
#pagetop img { width: 100%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

#pagetop p { position: absolute; top: 0; font-size: 10pt; font-weight: 500; }

/* main content */
#bodycopy {
    position: relative;
    margin: 0 100px 0 150px;
    padding: 0 35px 50px 50px;
    font-size: 12pt;
    line-height: 1.7em;
}

#bodycopy a #splash:hover { opacity: .4; filter:alpha(opacity=40); -webkit-transition: all .5s; transition: all .5s; }


h1 { 
    font-size: 36pt;  
    line-height: 1.5em; 
    
    -webkit-transition: all .5s; transition: all .5s; 
}

#bodycopy p { letter-spacing: 1pt; text-transform: none; }

/* img filters */
#bodycopy img { width: 32%; max-width: 350px; }

.half {
    display: inline-block;
    width: 49% !important;
    max-width: 600px !important;
}

#splash, .full, .stayfull {
    display: inline-block;
    width: 100% !important;
    max-width: 800px !important;
}

/* media queries */

@media (max-width: 600px) {
    h1 { font-size: 12pt; }
    #bodycopy { font-size: 9pt; }
}
@media (max-width: 800px) {
    #leftside, #rightside { display: none; }
    #bodycopy { margin: 0 0 0 35px; }
    #bodycopy img { width: 100%; max-width: 800px; }
}
@media (min-width: 600px) and (max-width: 1000px) {
    h1 { font-size: 24pt; }
}
@media (min-width: 1515px) {
    #bodycopy span { float: right; }
}