﻿@import url('nav.css');
body
{
    margin: 0;
    background: #cbc3c3 url(assets/images/site-bg.gif) repeat-x left top;
    font-size: small;
    font-family: Arial;
}
a
{
    color: #c00;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
#container
{
    width: 950px;
    margin: auto;
}
#contact-wrapper
{
    float: right;
    width: 640px;
    height: 132px;
    background: url(assets/images/banner-bg.jpg) no-repeat;
}
#contact
{
    float: left;
    width: 290px;
    padding: 40px 0 0 30px;
}
#contact a
{
    color: #c00;
    text-decoration: none;
}
#contact a:hover
{
    text-decoration: underline;
}

#banner-wrapper
{
    width: 950px;
}
#logo
{
    float: left;
    width: 310px;
}
#telephone-wrapper
{
    float: right;
    width: 320px;
}
#telephone
{
    width: 162px;
    height: 47px;
    margin: 40px 0 0 120px;
    background: url(assets/images/telephone-bg.gif) no-repeat;
    font: normal 160% Georgia;
    color: #000;
    padding: 8px 0 0 30px;
}
#content-wrapper
{
    width: 950px;
    position: relative;
    top: 20px;
    background: url(assets/images/two-col-bg.gif) repeat-y left top;
}

#home-content
{
    float: left;
    width: 630px;
    margin: 0 0 20px 40px;
    padding-bottom: 20px;
    font: normal 120%/1.6em arial;
    color: #2d1111;
    background: url(assets/images/divider-dot.gif) repeat-x 200px bottom;
}



#content
{
    float: left;
    width: 630px;
    margin: 0 0 0 40px;
    padding: 0 0 20px 0;
    font: normal 100%/1.5em arial;
    color: #2d1111;
    display: inline;
}
#headshot
{
    float: left;
    width: 110px;
    margin-right: 10px;
}
#sidebar
{
    float: right;
    width: 220px;
    padding: 0;
    margin: 10px 20px;
    display: inline;
    color: #40653e;
    line-height: 1.2em;
}

#sidebar h2
{
    font-size: 170%;
    color: #580404;
    font-weight: normal;
}

#sidebar p a
{
    color: #5b8ea5;
}

.feature-shot
{
    float: left;
    margin-right: 10px;
}
.feature-divider
{
    margin-bottom: 12px;
    width: 220px;
    height: 10px;
    background: url(assets/images/divider-dot.gif) repeat-x left bottom;
}
#promo-wrapper
{
    width: 630px; /* position: relative;     top: 20px;     left: 40px;*/
    padding: 0 0 30px 40px;
}
#leftpane
{
    float: left;
    width: 255px;
}
#quote-pane
{
    float: right;
    width: 355px;
    padding: 20px 0 0 20px;
    font: italic 130%/1.3em Georgia;
    color: #666;
    background: url(assets/images/big-quotes.png) no-repeat 20px top;
}
#testimonial-link
{
    float: left;
    margin-top: 6px;
    margin-left: 20px;
}



.testimonial
{
    float: left;
    padding: 20px;
    font: italic 100%/1.5em Georgia;
    color: #666;
    background: #f6f3f3 url(assets/images/testimonial-quotes.gif) no-repeat 8px 8px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 15px;
}

.sig
{
    margin-top: 12px;
    font: italic 100% Georgia;
    color: #666;
}
.clear
{
    clear: both;
}
#nav
{
    float: left;
    width: 950px;
    margin: 0;
}
#nav ul
{
    margin: 0;
    padding: 0;
    height: 61px;
}
#nav ul li
{
    float: left;
    list-style: none;
    list-style-image: none;
}
#nav ul li.last
{
    background-image: none;
}
#nav ul a
{
    font: normal 18px Calibri;
    color: #fff;
    text-decoration: none;
    padding: 18px 32px;
    display: block;
}
#nav ul a:hover
{
    color: #fff;
    background: #9aad91;
}
/* from boston shade */#nav li ul
{
    position: absolute;
    width: 147px;
    height: auto;
    left: -999em;
    background: #e6e3e0;
    margin: 0;
    padding: 0;
    display: block; /*  border: 1px solid #780000; */
    list-style: none;
}
#nav li ul li
{
    border-bottom: 1px solid #780000;
    font-size: 85%;
    display: block;
    padding: 0;
    background: #e6e3e0;
}
#nav li ul li a
{
    width: 115px;
    padding: 5px 10px 5px 22px;
    display: block;
}
#nav li ul li a:hover
{
    background: #f16f21;
    padding: 5px 10px 5px 22px;
    width: 115px;
    color: #fff;
}
#nav li:hover ul, #nav li.sfhover ul
{
    left: auto;
    background: #e6e3e0;
    color: #fff;
}
/* end boston shade *//* box */
.box
{
    width: 255px;
    background: url(assets/images/div_bg.gif) no-repeat bottom left;
    color: #333; /*filter: alpha(opacity=40);             -moz-opacity: 0.4;             -khtml-opacity: 0.4;             opacity: 0.4;*/
    margin-bottom: 8px;
}
.box p
{
    padding: 20px 20px 0 20px;
    margin: 0;
    color: #fff;
    font-family: arial;
    font-size: 1.2em;
}
.box h3
{
    margin: 0;
    padding: 6px 10px;
    font-size: 115%;
    font-family: Arial;
    font-weight: normal;
    color: #000; /*  letter-spacing: 0.10em;*/
    border-bottom: 1px solid #c00;
    background: url(assets/images/h3_bg.gif) no-repeat top left; /*    filter: alpha(opacity=100);             -moz-opacity: 1;             -khtml-opacity: 1;             opacity: 1;*/
}
.box ul
{
    margin: 0;
    padding: 14px 28px;
    list-style-image: url(assets/images/check.gif);
}
.box ul li
{
    margin: 0 0 8px;
    padding: 0;
    font-size: 1em;
    font-family: Arial;
    color: #fff;
}
.box ul li a
{
    color: #ffc;
    font-weight: bold;
    text-decoration: underline;
}
.box ul li a:hover
{
    text-decoration: none;
}
#footer-wrapper
{
    width: 100%;
    position: relative;
    top: 20px;
}
#footer
{
    width: 930px;
    margin: auto;
    color: #646f51;
    padding: 10px;
}

/* font style */
.dcap
{
    color: #999;
    display: inline;
    float: left;
    font-size: 3.4em;
    line-height: 0.8em;
    text-transform: uppercase;
    margin: 0 0.14em 0pt 0pt;
}
.allcaps
{
    letter-spacing: 1px;
    font-size: 90%;
    text-transform: uppercase;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

h1
{
    font-size: 200%;
    color: #6a6f51;
    font-weight: normal;
    line-height:1.5em;
}

ul
{
    list-style-image: url(assets/images/disc.gif);
    margin: 0 0 0 18px;
    padding: 0;
}

ul ul
{
    list-style-image: none;
}

.supporting-image
{
    float: right;
    margin-left: 15px;
}

#cc-wrapper
{
    width: 120px;
    margin-top: 15px;
}

#cc-left
{
    float: left;
    width: 55px;
}

#cc-right
{
    float: right;
    width: 55px;
    padding-left: 10px;
}

/* sidebar boxes 
======================= */
.sidebar-top-box
{
    width: 220px;
    background: url(assets/images/sidebar-div-bg.gif) no-repeat bottom left;
    color: #333; /*filter: alpha(opacity=40);             -moz-opacity: 0.4;             -khtml-opacity: 0.4;             opacity: 0.4;*/
    margin-bottom: 8px;
    padding:0 0 12px 0;
}
.sidebar-top-box p
{
    padding: 10px 20px 0 8px;
    margin: 0;
    color: #060;
    font-family: arial;
    font-size: 1.2em;
}
.sidebar-top-box h3
{
    margin:0;
    padding: 10px 10px 10px 40px;
    font-size: 125%;
    font-family: Arial;
    font-weight: normal;
    text-transform:uppercase;
    color: #ffc; /*  letter-spacing: 0.10em;*/
    border-bottom: 1px solid #ffc;
    background: url(assets/images/sidebar-h3-bg.gif) no-repeat top left; /*    filter: alpha(opacity=100);             -moz-opacity: 1;             -khtml-opacity: 1;             opacity: 1;*/
}
.sidebar-top-box ul
{
    margin: 0;
    padding: 10px 0 0 10px;
    list-style-type:none;
    list-style-image:none;
}


.sidebar-top-box ul li
{
    margin: 0 0 2px;
    padding: 0;
    font-size: .9em;
    font-family: Arial;
   
}
.sidebar-top-box ul a
{
    color: #ffc;
    font-weight: bold;
    text-decoration: underline;
}
.sidebar-top-box ul li a:hover
{
    text-decoration: none;
}

/* bottom box
==================
*/
.sidebar-bottom-box
{
    width: 220px;
    background: url(assets/images/sidebar-div-bg.gif) no-repeat bottom left;
    color: #333; /*filter: alpha(opacity=40);             -moz-opacity: 0.4;             -khtml-opacity: 0.4;             opacity: 0.4;*/
    margin-bottom: 8px;
    padding:0 0 12px 0;
}
.sidebar-bottom-box p
{
    padding: 10px 20px 0 8px;
    margin: 0;
    color: #060;
    font-family: arial;
    font-size: 1.2em;
}
.sidebar-bottom-box h3
{
    margin:0;
    padding: 10px 10px 10px 40px;
    font-size: 125%;
    font-family: Arial;
    font-weight: normal;
    text-transform:uppercase;
    color: #ffc; /*  letter-spacing: 0.10em;*/
    border-bottom: 1px solid #ffc;
    background: url(assets/images/sidebar-top-h3-bg.gif) no-repeat top left; /*    filter: alpha(opacity=100);             -moz-opacity: 1;             -khtml-opacity: 1;             opacity: 1;*/
}
.sidebar-bottom-box ul
{
    margin: 0;
    padding: 10px 0 0 10px;
    list-style-type:none;
    list-style-image:none;
}


.sidebar-bottom-box ul li
{
    margin: 0 0 2px;
    padding: 0;
    font-size: .9em;
    font-family: Arial;
    color:#333;
   
}
.sidebar-bottom-box ul a
{
    color: #ffc;
    font-weight: bold;
    text-decoration: underline;
}
.sidebar-bottom-box ul li a:hover
{
    text-decoration: none;
}


