/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4 */

/**
 * site.css
 *
 * The Site CSS stylesheet
 *
 * File Path: /stylesheets/
 *
 * $Id: site.css 217 2007-12-19 14:56:58Z topdog $
 *
 * LICENSE: copyright 2005 - 2007 Edward Vermillion - Doggydoo Codeworks. Unless
 * otherwise stated ALL RIGHTS ARE RESERVED. Use or reuse without prior
 * written permission from the author or Doggydoo Codeworks is prohibited.
 * Visit http://www.doggydoo.net/license/v2.x for the full license.
 * Installation and use of this software implies agreement to the full
 * license.
 *
 * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESSED OR IMPLIED WARRANTIES,
 * INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
 * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL DOGGYDOO
 * CODEWORKS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
 * OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 *
 * @package     DD-CMS
 * @author      Edward Vermillion <evermillion@doggydoo.net>
 * @copyright   2005 - 2007 Edward Vermillion, Doggydoo Codeworks
 * @license     http://www.doggydoo.net/license/v2.x
 * @version     2.3.0
 */

@media screen {

    body {
        background: #9688C1 url(/images/mainBG.png) top left repeat-y;
        font: 12px Arial, Helvetica, sans-serif;
        color: #381F81;
    }

    p, .para {
        clear: none;
        margin: 0em 0em 2.6em 0em;
    }

    /* Common */

    #main {
        visibility: hidden;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #logo {
        position: absolute;
        top: 24px;
        left: 0px;
        width: 232px;
        height: 238px;
        z-index: 10;
    }

    #mainNav {
        position: absolute;
        top: 289px;
        left: 0px;
        width: 164px;
        height: 290px;
    }

    #mainNav a:link,
    #mainNav a:visited,
    #mainNav a:hover,
    .mainNavActive {
        display: block;
        width: 164px;
        margin-bottom: 17px;
        background: url(/images/mainNavBG_off.png) top left repeat-y;

        color: #381F81;
        font: bold 14px Arial, Helvitica, sans-serif;
        line-height: 26px;
        text-decoration: none;
        padding-left: 69px;
    }

    #mainNav a:hover {
        background: url(/images/mainNavBG_on.png) top left repeat-y;
        color: #000000;
    }

    .mainNavActive {
        background: url(/images/mainNavBG_on.png) top left repeat-y;
        color: #000000;
    }

    #mainNav .mainNavActive a {
        display: inline;
        padding-left: 0px;
        background: none;
        color: #000000;
    }

    #mainNav a.clientLogin {
        background: url(/images/clientLoginBG_off.png) top left no-repeat;
        color: #FFFFFF;
        font: bold 13px Arial, Helvitica, sans-serif;
        line-height: 26px;
        text-decoration: none;
        padding-left: 23px;
    }

    #mainNav a.clientLogin:hover {
        background: url(/images/clientLoginBG_on.png) top left no-repeat;
        color: #FFFFFF;
    }

    /* Home Page */

    #homeUpperContainer {
        position: relative;
        top: 0px;
        left: 246px;
        width: 709px;
        height: 359px;
        background: #FFFFFF url(/images/homeUpperContainerBG.png) top left no-repeat;
        z-index: 1;
    }

    #homeMainImageContainer {
        position: absolute;
        top: 57px;
        left: 81px;
        width: 449px;
        height: 297px;
        border-top: 2px solid #C1E6DF;
        border-left: 2px solid #C1E6DF;
        z-index: 2;
    }

    #mainImage {
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: visible;
        z-index: 2;
    }

    #altImage {
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
        z-index: 1;
    }

    #homeGalleryCover {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    #whatsNewContainer {
        position: relative;
        top: 25px;
        left: 471px;
        width: 389px;
    }

    #whatsNewContent {
        padding: 10px 40px 50px 0px;
    }

    #whatsNewContent a:link,
    #whatsNewContent a:visited {
        color: #DD0000;
        text-decoration: none;
    }

    #whatsNewContent a:hover {
        color: #381F81;
    }

    #homeBodyHeader h1 {
        font: bold 12px Arial, Helvetica, sans-serif;
        color: #381F81;
        padding: 0px 0px 10px 0px;
    }

    #homeImage1 {
        float: left;
        margin: 0px 10px 5px 0px;
        border: 2px solid #000000;
        padding: 0px;
        width: 170px;
        height: 97px;
    }

    #homeImage2 {
        position: absolute;
        top: 383px;
        left: 222px;
        width: 193px;
        height: 174px;
    }

    /* Interior Pages */

    #interiorContentContainer {
        position: relative;
        top: 0px;
        left: 164px;
        width: 696px;
    }

    #interiorMainHeader {
        position: relative;
        top: 0px;
        left: 88px;
        width: 589px;
        height: 51px;
    }

    #interiorSubNavContainer {
        position: relative;
        top: 2px;
        left: 88px;
        width: 608px;
        height: 38px;
        background: url(/images/subNavBG.png) top left no-repeat;
    }

    #subNavLinks {
        padding: 10px 10px;
        font: bold 13px Arial, Helvetica, sans-serif;
        letter-spacing: .09em;
        color: #EF2D22;
    }

    #subNavLinks a:link,
    #subNavLinks a:visited,
    #subNavLinks a:hover {
        text-decoration: none;
        color: #381F81;
    }

    .subNavActive,
    #subNavLinks a:hover {
        color: #000000;
    }

    #interiorContentLeft {
        position: absolute;
        top: 93px;
        left: 0px;
        width: 343px;
        background: url(/images/interiorLeftBG_001.png) left top repeat-y;
        border-right: 3px solid #D1ECE8;
    }

    #interiorContentLeftText {
        padding: 25px 20px 0px 88px;
        color: #381F81;
        font: normal 12px Arial, Helvetica, sans-serif;
        line-height: 2em;
    }

    .firstWord {
        font: bold 22px Arial, Helvetica, sans-serif;
        letter-spacing: .05em;
        padding-right: .2em;
    }

    #interiorContentRight {
        position: absolute;
        top: 93px;
        left: 345px;
        padding: 0px 20px 0px 15px;
    }

    #interiorMainImage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 333px;
        height: 204px;
        padding-top: 12px;
        border-left: 3px solid #D1ECE8;
        border-bottom: 11px solid #D1ECE8;
    }

    #interiorMainImageInner {
        position: relative;
        top: 0px;
        left: 0px;
        width: 333px;
        height: 201px;
        border-top: 3px solid #D1ECE8;
    }

    #interiorContentRightText {
        padding: 30px 40px 0px 0px;
        color: #381F81;
        font: normal 12px Arial, Helvetica, sans-serif;
        line-height: 2em;
    }

    /* Pests */

    #interiorContentPests {
        position: relative;
        top: 0px;
        left: 88px;
        width: 589px;
        background: url(/images/interiorContentBG_001.jpg) top left repeat-y;
    }

    #interiorMainImagePests {
        position: relative;
        top: 0px;
        left: 19px;
        float: right;
        width: 333px;
        height: 204px;
        padding-top: 12px;
        margin-bottom: 1em;
        border-left: 3px solid #D1ECE8;
        border-bottom: 11px solid #D1ECE8;
    }

    .pestsMain {
        padding: 5px 20px 5px 0px;
    }

    .pestsHeader {
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #DEF1EE;
        border-bottom: 2px solid #8b7bba;
        cursor: pointer;
        height: 42px;
    }

    .pestsHeaderArrow {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 54px;
        height: 42px;
        background: url(/images/pestsArrowBG_off.png) top left no-repeat;
    }

    .pestsHeaderText {
        position: absolute;
        top: 0px;
        left: 54px;
        color: #000000;
        font: bold 18px Arial, sans-serif;
        line-height: 42px;
        padding: 5px;
    }

    .pestsContentContainer {
        position: relative;
        top: 0px;
        left: 0px;

        width: 588px;
        height: 0px;

        overflow: hidden;
    }

    .pestsContent {
        padding: 20px 20px 20px 10px;
    }

    /* What's New Videos */

    #currentTip {
        position: relative;
        top: 20px;
        left: 88px;
        width: 569px;
    }

    #tipsListContainer {
        margin: 20px 0px 0px 0px;
        width: 318px;
        border-top: 3px solid #9688C1;
    }

    .tipsListHeader {
        font-size: 1.3em;
        font-weight: bold;
        display: block;
        padding: 1em 0em;
    }

    #tipsList {
        padding: 0em 0em 0em 2em;
    }

    #tipsList li {
        padding: .5em 0em;
    }

    #tipsList a:link,
    #tipsList a:visited,
    #tipsList a:hover {
        font: 1.3em Arial, Helvetica, sans-serif;
        color: #371E80;
        text-decoration: none;
    }

    #tipsList a:hover {
        color: #000000;
    }

    #interiorMainVideo {
        position: relative;
        top: 0px;
        left: 0px;
        width: 333px;
        height: 180px;
        padding-top: 12px;
        border-left: 3px solid #D1ECE8;
        border-bottom: 11px solid #D1ECE8;
    }

    #interiorMainVideoInner {
        position: relative;
        top: 0px;
        left: 0px;
        width: 333px;
        height: 201px;
        border-top: 3px solid #D1ECE8;
    }

} /* End @media screen */

@media print {


} /* End @media print */