/********************************************
* JSS Law
* Developed by I-ology
* http://www.i-ology.com
*
* Created 02/22/08 - AC
*
* Contact Us Style Definitions
********************************************/

/*********************************
* Layout Definitions
*********************************/

#header-photo {
    text-indent: -9999px;
    background: url(/images/interior_photo6.jpg) top left no-repeat;
}

#sidenav {
    float: right;
    width: 150px;
    margin: 5px 0 10px 20px;
}

.row {
    clear: both;
    margin-bottom: 15px;
    padding-top: 15px;
    overflow: hidden;
    border-top: 1px solid #DFDDDB;
    width: 587px;
}

.left-col {
    float: left;
    width: 194px;
}

.center-col {
    float: left;
    width: 194px;
}

.right-col {
    float: left;
    width: 194px;
}

.form-left {
    float: left;
    clear: left;
    width: 280px;
    width/**/:/**/ 260px;
    padding: 0 0 20px 20px;
}
.form-right {
    float: right;
    clear: right;
    width: 284px;
    padding-bottom: 20px;
}

.form-left input,
.form-right input,
.form-left select,
.form-right select {
    width: 250px;
}

.form-left h4,
.form-right h4 {
    margin: 0 0 .5em 0;
}

#left-clear {
    clear: both;
}

.checkbox-width {
    width: 20px;
    margin-left: 18px;
}

.btn-form-search {
    padding: 20px 0 0 20px;
    clear: both;
}

/*********************************
* Titles & Headers
*********************************/

#ttl-contact-us {
    position: absolute;
    width: 359px;
    height: 31px;
    display: block;
    margin: 172px 0 0 27px;
    text-indent: -9999px;
    background: url(/images/ttl_contact_us.gif) top left no-repeat;
}

/*********************************
* Buttons
*********************************/

#promo-office-locations {
    display: block;
    margin-left: 10px;
    width: 216px;
    height: 74px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_view_locations.gif) top left no-repeat;
}
a:hover#promo-office-locations {
    background-position: bottom left;
}

#btn-contact-online {

    display: block;
    width: 118px;
    height: 21px;
    margin: 0 30px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_contact_us_online.gif) top left no-repeat;
}
a:hover#btn-contact-online {
    background-position: bottom left;
}