html { font: message-box; font-size: 100%; }
input, button { font-family: inherit; font-size: inherit; }

.text-bold { font-weight: bold; }
.text-green { color: green; }

.background {
    background: url("../images/background.png") repeat center center fixed transparent;
    background-position: fixed;
}
.center { margin: 0 auto; }
#freeEstimate {
    -webkit-backface-visibility: hidden;
    height: 68px;
    opacity: 0;
    padding-top: 7px;
    position: absolute;
    right: -219px;
    width: 198px;
    bottom: -100px;
}
#freeEstimate img {
    -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    transition: width 300ms ease-in-out, height 300ms ease-in-out;
}
#freeEstimate:hover > img { width: 135px; height: 135px;}
.links { bottom: 44px; list-style-type: none; padding: 0; position: absolute; left: 256px; }
.links li { float: left; margin: 5px }
.links .about:hover,
.links .services:hover,
.links .faqs:hover,
.links .reviews:hover { border: 1px solid #555; box-sizing: border-box; padding: 1px 8px; }
.logo { bottom: 5px; position: absolute; right: 5px; }
.painter { height: 302px; width: 703px; }
.reset { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;list-style-type:none; }
.rope { position: absolute; height: 100%; }
.rope.left { background: url("../images/rope.png") repeat-y center center transparent; left: 179px; top: 0; width: 4px; }
.rope.right { background: url("../images/rope.png") repeat-y center center transparent; left: 189px; top: 0; width: 4px; }
.rope.bottom { background: url("../images/rope-bottom.png") repeat-y center center transparent; left: 183px; top: 0; width: 16px; }
#share-links { left: 10px; position: fixed; top: 10px; width: 192px; z-index: 3; }
.splashContainer {
    height: 100%;
    overflow: hidden;
    position: fixed; 
    width: 100%;
}
.splash { height: 302px; position: relative; width: 704px; }
.splash .links .button {
    cursor: pointer;
    font-size: 100%;
}

.splash .links .large { font-size: 20px; line-height: 30px; }
.splash, .splash .painter, .splash .links { z-index: auto; }

.arrow-down {
    cursor: pointer;
    opacity: 0.75;
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 2;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
.arrow-down:hover {
    opacity: 1;
}

.button, .large { box-shadow: 3px 3px 4px #000; outline: none; text-transform: uppercase;}
.button {
    -moz-user-select: none;
    background-color: #000000;
    background: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #333333, #111); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #333333, #111); /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #333333, #111); /* IE10 */
	background-image: -o-linear-gradient(top, #333333, #111); /* Opera 11.10+ */
	background-image: linear-gradient(top, #333333, #111);
    border: 1px solid #2C2C2C;
    border-radius: 14px 14px 14px 14px;
    color: #FFFFFF !important;
    display: inline-block;
    height: 29px;
    line-height: 27px;
    margin: 6px 3px 0;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
}
.large {
    background-color: #2B8109;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08A008), to(#2B8109)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #08A008, #2B8109); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #08A008, #2B8109); /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #08A008, #2B8109); /* IE10 */
    background-image: -o-linear-gradient(top, #08A008, #2B8109); /* Opera 11.10+ */
    background-image: linear-gradient(top, #08A008, #2B8109);
    border: 1px solid #0F8118;
    border-radius: 19px 19px 19px 19px;
    color: #FFFFFF !important;
    display: inline-block;
    height: 38px;
    line-height: 24px;
    margin: 0 0 0 3px;
    min-width: 54px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
}
.button:hover { background: #333; } .button:active { background: #000; }
.large:hover { background: #08A008; } .large:active { background: #2B8109; }
.button .label { margin: 0 0 5px 0; }

#slideUp {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
}
#slideUp .jumbotron {
    margin-bottom: 0;
}
.white {
    background: #FFF;
}
.black {
    background: #000;
    color: white;
}
.gray {
    background: #858181;
}
#slideUp .jumbotron .quote-center {
    margin: 0 auto;
    width: 80%;
}
.more-reviews {
    text-align: left;
}
.more-reviews a {
    color: #3366BB;
}

.footer {
    background: #999;
    bottom: 0px;
    height: 30px;
    -khtml-opacity: 0.5;
    left: 0px;
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: fixed;
    text-align: center;
    width: 100%;
}
#footer {
    background: transparent;
    bottom: 0px;
    font-family: serif;
    font-weight: bold;
    height: 30px;
    position: fixed;
    text-align: center;
    width: 100%;
}
#footer, .footer { z-index: 3; }
#footer .center {
    margin: 0 auto;
    padding: 5px 0 5px 10px;
}
#footer .item { padding: 3px 0; }
#footer .email, #footer .phone { margin: 0 5px; }
#footer .email { text-align: left; }
#footer .phone { float: right; text-align: right; }
#footer li {
    float:left;
    list-style-type: none;
    margin: 0 10px 0 0;
    position: relative;
}
#footer a {
    color: #333;
}

.white-shadow, .jumbotron h1.white-shadow {
    color: rgb(250, 248, 248);
    text-shadow: 0 2px 2px #333;
}

/* Landscape phones and down */
@media (max-width: 480px) {

    #slideUp .jumbotron .quote-center {
        width: 100%;
    }

    .splash {
        width: 100%;
    }

    .ropeContainer {
        display: block;
        margin: 10px auto 0 auto;
        position: static;
        width: 80%;
    }
    .ropeContainer .logoContainer {
        margin: 80px auto 0 auto;
    }
    .ropeContainer .logo {
        display: block;
        margin: 0 auto;
        position: static;
    }

    .links {
        margin: 20px auto 0 auto;
        position: static;
        width: 80%;
    }

    .button, .button.large {
        display: block;
    }
    .splash .links .large {
        margin: 10px 0;
    }

    #freeEstimate {
        right: -100px;
        bottom: -74px;
        position: relative;
    }

    #footer .center {
        padding: 5px 0 5px 16px;
    }

    .painter,
    .ropeContainer .rope.left,
    .ropeContainer .rope.right,
    .ropeContainer .rope.bottom {
        display: none;
    }

    #footer .email { text-align: left; }
    #footer .pipe { visibility: hidden; }
    #footer .phone { text-align: right; }
}