@charset "utf-8";

/* CSS Document for Susan Pogash Home */


/* LAYOUT */

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html {
    background: #261c03 url(../img/bg/bg-main.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    text-align: center;
    color: #6d6962;
}

#head {
    width: 100%;
    margin: 0 auto;
    padding-top: 6em;
    display: block;
    min-height: 800px;
    vertical-align: top;
}

#foot {
    background: #261c03;
    width: 100%;
    padding: 4em 0;
    color: #FEFEF1;
    font-family: 'Special Elite', sans-serif;
}

section {
    padding: 5em 5%;
    margin: 0;
}

section h2 {
    margin: 0 auto 1.5em auto;
}

.box1, .box2 {
    width: 40%;
    margin: 1em;
    display: inline-block;
    vertical-align: top;
    font-family: 'Special Elite', sans-serif;
}

.box1 {
    background: #fff url(../img/bg/paper3.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    color: #343434 !important;
    padding: 1em;
}

.picholder {
    position: relative;
    min-height: 500px;
}

.picholder, .picholder h2 {
    color: #FFC;
}

.picholder h3 {
    color: #F90
}

.picholder .content {
    margin: 2em auto;
    color: #FFF;
    font-family: 'Special Elite', sans-serif;
}

.picholder ol {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
}

.picholder ol li {
    margin-bottom: 1.3em;
    font-size: 1.2em;
}

.picholder ul {
    list-style: none;
    margin: 2em auto 0 auto;
    padding: 0;
}

.picholder ul li {
    display: inline-block;
    margin: 2em;
    font-size: 1.5em;
}

.horizlist {
    margin-bottom: 2em !important;
    padding: 0;
}

.horizlist li {
    display: inline-block;
    margin: 1.7em;
    width: 250px;
    font-size: 1.5em;
    font-family: 'Special Elite', sans-serif;
}

#services ul {
    overflow: hidden;
    margin: 1em auto 0 auto;
    padding: 0;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: inline-block;
}

#services ul li {
    font-size: 1.1em;
    font-weight: 600;
    text-align: left;
    margin-bottom: .8em;
}

.blurb {
    width: 85%;
    text-align: justify;
    margin: 2em auto 0 auto;
}


/* END LAYOUT */


/* FORMATTING */

h1, h2, h3, h4, h5, h6 {
    color: #a76701;
    font-family: 'Special Elite', sans-serif;
}

h1.title {
    color: #f6e087;
    font-size: 5em;
    margin-bottom: 3em
}

h2 {
    font-size: 3em;
    font-weight: bold;
}

h3 {
    font-size: 2em;
    font-weight: bold;
}

#contact h2, #contact h3 {
    margin-bottom: .3em;
}

a {
    text-decoration: none;
}

a:link, a:visited {
    color: #FF6;
}

a:hover {
    color: #FC9;
}

a.dark:link, a.dark:visited {
    color: #F90;
}

a.dark:hover {
    color: #d38a0b;
}

a:active {
    color: #FFC;
}

#contact a:link, .box2 a:link, #contact a:visited, .box2 a:visited {
    color: #B46700 !important;
}

#contact a:hover, .box2 a:hover {
    color: #F90 !important;
}

#contact a:active, .box2 a:active {
    color: #FFC !important;
}

.bg1 {
    background: #fdf4e3 url(../img/bg/bg1.jpg) repeat;
}

.bg2 {
    background: #fffffe url(../img/bg/fibers2.png) repeat;
}

.bg3 {
    background: #fde79b url(../img/bg/bg2.jpg) repeat;
}

.bg4 {
    background: #f1f3f3 url(../img/bg/fibers1.png) repeat;
}

.bg5 {
    background: #f0ece8 url(../img/bg/rice2.png) repeat;
}

.bg6 {
    background: #f3efde url(../img/bg/rice3.png) repeat;
}

.bg7 {
    background: #efefee url(../img/bg/paper1.png) repeat;
}

.box1 ul, .box2 ul {
    list-style: none;
    padding: 0;
}

.box1 ol {
    margin: 0 auto;
    text-align: left;
}

.box1 ul li, .box1 ol li, .box2 ul li, .box2 ol li {
    margin-bottom: .75em;
    font-size: 1.2em;
}

.checklist li {
    background-image: url(../img/chk.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 25px;
}

#testim blockquote {
    background: #fffffe url(../img/bg/fibers2.png) repeat;
}

blockquote {
    text-align: justify;
    position: relative;
    padding: 20px 55px;
    margin: 4em auto;
    width: 80%
}

blockquote:before, blockquote:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    font-style: normal;
    color: #963;
}

blockquote:before {
    top: 0;
    left: 10px;
}

blockquote:after {
    content: "\201D";
    right: 10px;
    bottom: -0.4em;
}

blockquote footer {
    text-align: left;
    margin: 2em 0 0 2em;
    font-style: italic;
    font-weight: bold;
}


/* END FORMATTING */


/* NAVIGATION */

#topnav {
    list-style: none;
    margin: 6em auto 0 auto;
    padding: 0;
}

#topnav li {
    display: inline-block;
    padding: 0 4%;
    font-size: 2em;
    color: #689;
    font-family: 'Special Elite', sans-serif;
    text-transform: uppercase;
}

#topnav a, #topnav a:visited {
    color: #FFF;
    text-decoration: none;
}

#topnav a:hover {
    color: #FC6;
}


/* END NAVIGATION */


/* FORMS */

form, fieldset {
    border: none;
}

#contactform ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#contactform ul li {
    margin: .75em auto;
}

input, select, textarea {
    width: 50%;
    max-width: 50%;
    padding: .5em;
    font-size: 1.25em;
    font-family: "Open Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input {
    padding: .5em;
}

select {
    line-height: 28px;
}

textarea {
    width: 400px;
    max-width: 400px;
    padding: .5em;
    border: #ccc 1px solid;
    font-size: 1.25em;
}

label {
    font-weight: bold;
    display: inline-block !important;
}

.submit {
    padding: 1em 0 .8em 0 !important;
    background: #F93 url(../img/bg/bg2.jpg);
    color: #a76701;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: #CCB 1px solid;
    text-transform: uppercase;
    font-family: 'Special Elite', sans-serif;
    font-weight: 700;
    width: 250px;
}

.submit:hover {
    background: #d38a0b;
    cursor: pointer;
    color: #FFF;
}


/* END FORMS */


/* PSWD  CUSTOM STYLES */

img {
    max-width: 100%;
    height: auto;
}

.centerit {
    text-align: center
}

.clearit {
    clear: both
}

p {
    margin: 0 0 1.5em 0
}


/* END PSWD  CUSTOM STYLES */

@media (max-width: 1000px) {
    #services ul {
        width: 50%;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        display: block;
    }
}

@media (max-width: 850px) {
    #topnav li {
        display: block;
        margin: 1em auto !important;
    }
    .horizlist li {
        display: block;
        margin: .25em auto !important;
        text-align: center;
        width: 100%;
    }
    .box1 {
        width: 80%;
    }
    .box2 {
        width: 90%;
    }
    .picholder .content {
        position: relative;
        margin: 0 auto;
        top: inherit;
        left: inherit;
    }
    .picholder ul li {
        display: block;
        margin: .75em !important;
    }
    blockquote {
        width: inherit;
    }
    section {
        padding: 4em 10%;
    }
}

@media (max-width: 600px) {
    html {
        font-size: .8em
    }
    h1.title {
        font-size: 3em;
    }
    input, select, textarea {
        width: 80%;
        max-width: 80%;
    }
    #head, .picholder {
        background: #261c03 url(../img/bg/bg-main.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow-x: hidden;
    }
}