/********************************************************************************
* 
*  Author    :  Ricky Stevens
*  Web       :  http://www.ventutec.com
*  Modified  :  17-September-2009
* 
********************************************************************************/


/* Layout Tags
********************************************/

.setLayout {
    position: relative;
    width: 775px;
    height: auto;
    float: left;
    clear: both;
    top: -79px;
    margin-bottom: -79px;
    left: 137px;
    background: transparent url(images/content-bg.png) repeat-y;

}

.finishLayout {
    position: relative;
    width: 775px;
    height: 52px;
    float: left;
    clear: both;
    left: 137px;
    background: transparent url(images/content-bottom.png) no-repeat;

}


/* Left Content Tags
********************************************/

.f-left {
    float: left; 
    width: 491px;
    height: auto;
    margin: 0 0 0 32px;
}

.f-left .title {
    background: #E4E7E9 none repeat scroll 0 0;
    float: left;
    height: auto;
    padding: 10px 0;
    width: 491px;
}

    .f-left .title-top {
        border-top: 73px solid #e4e7e9;
    }

    .f-left .title strong, .f-left .title h1,
    .f-left .title h2, .f-left .title h3 {
        float: left; 
        clear: both;
        display: block;
        width: 459px;
        height: auto;
        margin: 0;
        color: #0054A3;
        font-weight: bold;
        font-size: 14px;
        line-height: 15px;
        margin-left: 32px;
        font-family: Arial, Tahoma;
    }

    .f-left .title .input { 
        float: left;
        width: 391px;
        height: 25px;
        background: transparent url(images/contact-input.png) no-repeat;
    }

        .f-left .title .input input { 
            float: left;
            width: 371px;
            height: 25px; 
            height: auto;
            margin: 0 10px;
            background: transparent;
            border: 0;
            padding: 4px 2px;
            font-size: 12px;
            font-weight: bold;
            font-family: Arial, Tahoma;
            color: #000;
        }

    .f-left .title .textarea { 
        float: left;
        width: 391px;
        height: 85px;
        background: transparent url(images/contact-textarea.png) no-repeat;
    }

        .f-left .title .textarea textarea { 
            float: left;
            width: 371px;
            height: 75px;
            margin: 0 10px;
            background: transparent;
            border: 0;
            padding: 4px 2px;
            font-size: 12px;
            font-weight: bold;
            font-family: Arial, Tahoma;
            color: #000;
        }

    .f-left .title .submit { 
        float: left;
        width: 172px;
        height: 58px; 
        margin:-10px 0 -10px 32px;
    }

        .f-left .title .submit input { 
            float: left;
            width: 172px;
            height: 58px; 
            margin: 0;
            background: transparent url(images/contact-submit.png) no-repeat;
            border: 0;
            padding: 0;
        }

    .f-left .inline-title {
        clear:both;
        color: #0054A3;
        display:block;
        float:left;
        height:20px;
        font-weight: bold;
        font-size: 12px;
        line-height:20px;
        margin-top:10px;
        text-indent:32px;
        font-family: Arial, Tahoma;
    }

    .f-left .title span {
        float: left; 
        clear: both;
        display: block;
        width: 491px;
        height: 10px;
        color: #787878;
        line-height: 10px;
        text-indent: 32px;
        font-size: 10px !important;
    }

    .f-left .title .button {
        float: left; 
        width: 150px;
        background: url(images/title-button.jpg) no-repeat;
        height: 53px;
        margin:-10px -20px -10px 23px;
    }

    .f-left .title .button a{
        display: block;
        width: 150px;
        height: 53px;
        text-decoration: none;
    }

    .f-left .title .button strong {
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        margin: 15px 0 0;
        text-indent: 25px;
        width: 150px;
    }

    .f-left .title .button span {
        font-weight: bold;
        text-indent: 25px;
        width: 150px;
        font-size:8px;
    }

.f-left .content {
    float: left; 
    width: 436px;
    margin: 12px 27px 18px;
    height: auto;
    color: #787878;
    line-height: 12px;
    font-family: Arial, Tahoma;
}

    .f-left .content a{
        color: #0054A3;
        text-decoration: underline;
    }

    .f-left .content a:hover{
        text-decoration: none;
    }

    .f-left .content .blue{
        color: #0054A3;
        font-size: 11px;
        font-weight: bold;
    }
    
    .f-left .content .know {
        font-size: 15px; 
        color: #82929d; 
        font-weight: bold; 
        line-height: 20px;
    }

    .f-left .content ul {
        list-style-image: url(images/bullet.png);
        margin: 15px;
    }

    .f-left .content ul li strong {
        color: #0054A3;
        font-weight: bold;
        font-size: 14px;
        display: block;
        margin-top: 5px;
        font-family: Arial, Tahoma;
    }

.f-left .gallery {
    float: left; 
    width: 436px;
    margin: 18px 27px;
    height: auto;
}

.f-left .gallery img {
    float: left; 
    width: auto;
    height: 95px;
    bordeR: 4px solid #2d3c46;
    margin: 0 3px;
}

.f-left .content-gallery {
    float: left; 
    margin: 0 12px 18px;
    width: 466px;
    height: auto;
}
.f-left .content-gallery .image-cell {
    float: left;
    margin: 0 6px 10px;
    width: 158px;
    height: auto;
    background: #e4e7e9 url(images/content-gallery-top.jpg) no-repeat center top;
    padding: 10px 0;
}

.f-left .content-gallery .image-cell p {
    float: left; 
    width: 118px;
    height: auto;
    margin: 0 15px;
    color: #787878;
    line-height: 12px;
    font-family: Arial, Tahoma;
}

.f-left .content-gallery .image-cell p strong {
    font-weight: bold;
    color: #0054A3;
    font-size: 12px;
    line-height: 14px;
}

.f-left .content-gallery .image-cell img {
    float: left; 
    width: 118px;
    height: 93px;
    bordeR: 4px solid #2d3c46;
    margin: 4px 15px 0;
}


/* Right Content Tags
********************************************/

.f-right {
    float: right; 
    width: 219px;
    height: auto;
    margin:-17px 20px 0 0;
    background: transparent url(images/right-menu-top.png) no-repeat center top;

}

.f-right h4 {
    float: left; 
    clear: both;
    display: block;
    width: 219px;
    height: 18px;
    margin: 39px 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-indent: 40px;
    font-family: Arial, Tahoma;
}

.f-right em {
    float: left; 
    clear: both;
    display: block;
    width: 219px;
    height: 23px;
    margin: 11px 0 15px;
    color: #0054A3;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
    font-family: Arial, Tahoma;
    font-style: normal;
}

.f-right #related {
    float: left; 
    clear: both;
    width: 219px;
    height: auto;
    margin: 0 0 0 6px;
}

.f-right #related .top {
    float: left; 
    clear: both;
    width: 201px;
    height: 3px;
    background: transparent url(images/related-top.png) no-repeat;
}

.f-right #related .main {
    float: left; 
    clear: both;
    width: 203px;
    height: 75px;
    background: transparent url(images/related-main.png) no-repeat;
}

    .f-right #related .last {
        height: 73px;
        background: transparent url(images/related-bottom.png) no-repeat;
    }

    .f-right #related .main img {
        float: left; 
        width: 63px;
        height: 63px;
        bordeR: 4px solid #2d3c46;
        margin: 1px 0 0;
    }

    .f-right #related .main p {
        color: #D4D8DB;
        float: right;
        font-family: Arial,Tahoma;
        font-size: 9px;
        height: 55px;
        margin: 9px 0 0;
        width: 125px;
    }

    .f-right #related .main p a {
        text-decoration: none;
    }

    .f-right #related .main p strong {
        display: block;
        color: #fff;
        font-size: 12px;
        padding-bottom:2px;
    }

.f-right .all-prods {
    float: left; 
    clear: both;
    width: 219px;
    height: 63px;
    margin: 20px 0 0;
    background: transparent url(images/all-prods.png) no-repeat center center;
}

.f-right .all-prods a {
    display: block;
    width: 219px;
    height: 63px;
    text-decoration: none;
}

.f-right #photography {
    float: left; 
    clear: both;
    margin: -6px 0 5px 6px;
    width: 215px;
    height: auto;
}

.f-right #photography img {
    float: left; 
    width: 204px;
    bordeR: 4px solid #2d3c46;
    margin: 1px 0 2px;
}

.f-right .restart {
    position: relative;
    float: left;
    width: 251px;
    height: 139px;
    background: transparent url(images/right-menu-restart.png) no-repeat;
    margin: 0 0 9px -12px;
}

    .f-right .restart h4 {
        margin: 82px 0 0;
        text-indent: 53px;
    }

    .f-right .restart em {
        width: 244px;
    }

.f-right #contact-widget {
    float: left; 
    clear: both;
    width: 219px;
    height: auto;
    margin: 0 0 0 6px;
}

    .f-right #contact-widget label {
        float: left; 
        clear: both;
        display: block;
        width: 219px;
        height: auto;
        font-family: Arial, Tahoma;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        line-height: 20px;
        margin: 0;
        padding: 0;
        text-indent: 20px;
    }

    .f-right #contact-widget .input {
        float: left; 
        clear: both;
        width: 186px;
        height: 25px;
        margin-left: 14px;
        background: transparent url(images/contact-widget-input.png) no-repeat;
    }

    .f-right #contact-widget .input input {
        float: left; 
        width: 165px;
        height: auto;
        margin: 0 10px;
        background: transparent;
        border: 0;
        padding: 4px 2px;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, Tahoma;
        color: #000;
    }

    .f-right #contact-widget .textarea {
        float: left; 
        clear: both;
        width: 186px;
        height: 115px;
        margin-left: 14px;
        background: transparent url(images/contact-widget-textarea.png) no-repeat;
    }

    .f-right #contact-widget .textarea textarea {
        float: left; 
        width: 180px;
        height: 105px;
        margin: 3px;
        background: transparent;
        border: 0;
        padding: 4px 2px;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, Tahoma;
        color: #000;
    }

    .f-right #contact-widget .submit {
        float: left; 
        clear: both;
        width: 172px;
        height: 58px;
        background: transparent url(images/contact-submit.png) no-repeat;
        border: 0;
        margin: 14px 0 0 21px;
        padding: 0;
    }