﻿/*****************************************
 *   CSS Written by: Matthew N Ruggio    *
 *   For: Titcomb Law                    *
 *   Date: 05/01/2009                    *
 *****************************************/

body {
    background-color: Black;
    color: Black;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* START Main Template Layout */

div#wrapper {
    text-align: center;
    width: 100%;
}

div#wrapper div#top-wrapper {
    background: url(/images/top-back.gif) repeat-x;
    height: 131px;
    position: relative;
    width: auto;
}

div#wrapper div#top {
    background: url(/images/top.gif);
    height: 131px;
    margin: auto;
    position: relative;
    width: 896px;
}

div#wrapper div#middle-wrapper {
    background: url(/images/middle-back.gif) repeat-x;
    height: 294px;
    position: relative;
    width: auto;
}

div#wrapper div#middle {
    background: url(/images/middle.jpg);
    height: 294px;
    margin: auto;
    position: relative;
    width: 896px;
}

div#wrapper div#content-wrapper {
    background: url(/images/content-back.gif) repeat-x;
    background-color: Black;
    height: auto;
    position: relative;
    width: auto;
}

div#wrapper div#content {
    background: url(/images/content.gif) repeat-y;
    height: auto;
    margin: auto;
    overflow: auto;
    position: relative;
    text-align: left;
    width: 868px;
}

div#wrapper div#bottom-wrapper {
    background-color: Black;
    height: auto;
    margin: auto;
    position: relative;
    width: auto;
}

div#wrapper div#bottom {
    background: url(/images/bottom.gif);
    height: 1px;
    margin: auto;
    position: relative;
    width: 868px;
}


div#wrapper div#footer-wrapper {
    background-color: Black;
    height: auto;
    margin: auto;
    position: relative;
    width: auto;
}

div#wrapper div#footer {
    background: black;
    color: White;
    height: auto;
    margin: auto;
    padding: 20px 0px 20px 0px;
    position: relative;
    width: 868px;
}

/* END Main Template Layout */

/* START Main Logo Link */

div#wrapper div#top-wrapper div#top a#logo-link {
    display: block;
    height: 90px;
    left: 30px;
    position: absolute;
    top: 0px;
    width: 370px;
}

/* END Main Logo Link */

/* START Top Links */

div#top-links a {
    color: White;
    font-size: 16px;
    text-decoration: none;
}

div#top-links a:hover { text-decoration: underline; }


div#top-links {
    bottom: 5px;
    height: 20px;
    position: absolute;
    right: 38px;
    width: 415px;
}

div#top-links div#home {
    float: left;
    height: 100%;
    width: 76px;
}

div#top-links div#attorneyprofile {
    float: left;
    height: 100%;
    width: 153px;
}

div#top-links div#faq {
    float: left;
    height: 100%;
    width: 70px;
}

div#top-links div#contactus {
    float: left;
    height: 100%;
    width: 112px;
}

/* END Top Links */


/* START Top Address Info */

div#wrapper div#top div#address-info {
    color: #193751;
    font-size: 17px;
    height: 60px;
    position: absolute;
    right: 53px;
    text-align: right;
    top: 28px;
    width: 300px;
}

/* END Top Address Info */


/* START Top Call Us Now */

div#wrapper div#top div#call-us-now {
    bottom: 8px;
    color: #193751;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    left: 20px;
    position: absolute;
    text-align: right;
    width: 410px;
}

/* END Top Call Us Now */


/* START Main Template Content Page Layout */

div#content div#left {
    float: left;
    padding: 10px 10px 10px 10px;
    position: relative;
    width: 225px;
}

div#content div#right {
    float: right;
    height: auto;
    overflow: auto;
    padding: 10px 20px 10px 10px;
    position: relative;
    width: 585px;
}

/* END Main Template Content Page Layout */



/* START Navigation Links */

div#nav-link-wrapper {
    border: 2px solid #11094c;
    height: auto;
    position: relative;
    width: 220px;
}

div#nav-link-wrapper div#nav-header {
    background-color: #bcbcbc;
    border-bottom: 3px solid #f1f1f1;
    color: #193751;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    padding: 8px 0px 0px 0px;
    text-align: center;
    width: 100%;
}

div#nav-link-wrapper ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#nav-link-wrapper ul li {
    height: 30px;
    margin: 6px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
}

div#nav-link-wrapper ul li.last {
    height: 30px;
    margin: 6px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
}

div#nav-link-wrapper ul li a {
    background-color: #f1f1f1;
    color: Black;
    display: block;
    font-size: 13px;
    height: 26px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 0px;
    text-decoration: none;
    width: 100%;
}

div#nav-link-wrapper ul li a:hover {
    background-color: #07041f;
    color: White;
    text-decoration: underline;
}

div#nav-link-wrapper ul li a.active {
    background-color: #07041f;
    color: White;
    display: block;
    font-size: 13px;
    height: 26px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 0px;
    text-decoration: underline;
    width: 100%;
}

div#nav-link-wrapper ul li a.active:hover { }



/* END Navigation Links */


/* START Quick Contact Us Now */

input.button {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    padding: 4px 4px 4px 4px;
}

input.qc, textarea.qc {
    color: #878787;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    padding: 4px 4px 4px 4px;
}

div#quick-contact-us-wrapper {
    border: 2px solid #11094c;
    height: 240px;
    margin: 10px 0px 0px 0px;
    position: relative;
    width: 220px;
}

div#quick-contact-us-wrapper div#quick-contact-us-header {
    background-color: #bcbcbc;
    border-bottom: 3px solid #f1f1f1;
    color: #193751;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    padding: 8px 0px 0px 0px;
    text-align: center;
    width: 100%;
}

div#quick-contact-us-wrapper div#qc-your-name {
    padding: 5px 0px 5px 0px;
    text-align: center;
}

div#quick-contact-us-wrapper div#qc-email-address {
    padding: 0px 0px 5px 0px;
    text-align: center;
}

div#quick-contact-us-wrapper div#qc-phone-number {
    padding: 0px 0px 5px 0px;
    text-align: center;
}

div#quick-contact-us-wrapper div#qc-tell-us {
    padding: 0px 0px 5px 0px;
    text-align: center;
}

div#quick-contact-us-wrapper div#qc-submit {
    height: 30px;
    padding: 0px 6px 5px 0px;
    text-align: right;
}

/* END Quick Contact Us Now */

/* START Banner */

div#middle div#banner {
    font-size: 24px;
    height: 30px;
    left: 150px;
    line-height: 30px;
    padding: 10px 0px 0px 0px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 615px;
}

/* END Banner */



/* START Footer Styles */


div#footer a {
    background-color: Black;
    color: White;
    text-decoration: none;
}

div#footer a:hover { text-decoration: underline; }



/* END Footer Styles */
