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