/* Custom Added Attributes */

* html img {
    behavior: url(images/iepngfix.htc);
}


/* IE 6 Specific PNG Fix */

a img {
    border: none;
}

body,
li,
div,
p,
table,
td {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #000000;
}

.pageContent a:link,
.pageContent a:visited {
    color: #a85f18;
}

.pageContent a:hover {
    color: #222222;
}

a.menu:hover {
    color: #222222;
}


/* content */

.text-header {
    font-weight: bold;
    font-size: 12pt;
    font-family: Arial Narrow, sans-serif;
    color: #335762;
}

.pageContent {
    font-size: 10pt;
    font-family: Tahoma, sans-serif;
    color: #000000;
    width: 700px
}

.pageContent a {
    font-size: 10pt;
    font-family: Tahoma, sans-serif;
    color: #8D8D8D;
}


/* top elements */

.company {
    font-size: 21px;
    font-family: Arial Narrow, sans-serif;
    color: #426B78;
}

.slogan {
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    color: #738F98;
}


/*main menu*/

.menu {
    font-weight: bold;
    font-size: 7.5pt;
    font-family: Tahoma, sans-serif;
    color: #ffffff;
    text-decoration: none;
}

.amenu {
    font-weight: bold;
    font-size: 7.5pt;
    font-family: Tahoma, sans-serif;
    color: #ffffff;
    text-decoration: underline;
}

#topMenuContainer {
    width: 720px;
}


/*submenu*/

.submenu {
    font-size: 8pt;
    font-family: Tahoma, sans-serif;
    color: #ffffff;
    text-decoration: none;
}

.asubmenu {
    font-size: 8pt;
    font-family: Tahoma, sans-serif;
    color: #ffffff;
    text-decoration: underline;
}


/*bottom menu*/

.bmenu {
    font-size: 8pt;
    font-family: Tahoma, sans-serif;
    color: #153A5A;
    text-decoration: none;
}

.abmenu {
    font-size: 8pt;
    font-family: Tahoma, sans-serif;
    color: #153A5A;
    text-decoration: underline;
}


/*copyright*/

.footer {
    font-size: 8pt;
    font-family: Tahoma, sans-serif;
    color: #658993;
}


/*backgrounds*/

.main-bg {
    background-color: #B8CEDA;
}

.submenu-bg {
    background-color: #488FCD;
}


/* SOCIAL MEDIA
--------------------------------------------------------------------------------*/

#socialMedia {
    width: 170px;
    margin: 20px auto;
    text-align: center;
}

#cchFacebook,
#cchTwitter,
#cchLinkedin,
#cchYoutube {
    display: inline;
    margin: 0 3px;
}

#cchLike,
#cchPlusOne {
    display: inline;
}

#cchDynamic {
    margin: 3px auto 0;
    overflow: hidden;
}

#cchStatic {
    margin: 0 auto;
}

#cchPlusOne {
    float: right;
}

#fblike {
    width: 73px !important;
}

#___plusone_0 {
    width: 62px !important;
}

#cchDynamic {
    width: 80px;
}

#logo img {
    max-height: 120px;
    width: auto !ie;
    height: 120px !ie;
}


/* ------------------------------ Appointment Scheduler ----- */

#appointmentWrapper {
    background-color: #F5F5F5;
    padding: 7px;
    width: 530px !important;
}

#appointment {
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.inputClass {
    float: right;
    width: 240px;
    height: 40px;
}

#appointment .clear {
    margin-bottom: 22px;
}

#appointmentTitle {
    font-size: 19px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    padding: 0 0 20px;
}

#currentClient {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 6px;
}

#apptMessageDiv2 {
    height: 60px;
}

#recaptcha_widget_div {
    float: none;
    margin-bottom: 17px;
}

#recaptcha_area,
#recaptcha_table {
    margin: 0 auto;
}

#submitDiv {
    text-align: right;
    clear: right;
}

#appointment input,
#appointment .inputClass {
    border: none;
    border-bottom: 2px solid #DDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

label.left,
#apptMessageDiv1 label,
#appointmentCaptchaDiv1 label {
    margin-left: 20px;
}

textarea#appointmentMessage {
    height: 60px;
    position: relative;
    top: -20px;
    width: 318px;
}

#appointmentWrapper label,
#appointment label.left {
    font-weight: 400;
}

#appointment input,
#appointment .inputClass {
    border: 1px solid #CCC;
    border-radius: 0;
    width: 75%;
}

#appointment #currentClientDiv input {
    width: 15px;
}

#submitDiv {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#submitDiv input {
    width: 50%;
    font-size: 17px;
}

#submitDiv input#appointmentButton {
    position: relative;
    top: 1px;
    cursor: pointer;
}

.applynow,
#applyjob {
    margin-bottom: 20px;
}

#appointmentWrapper {
    width: 100% !important;
    float: none;
}

#appointment .clear {
    margin-bottom: 0;
    clear: none;
}

#firstNameDiv {
    float: left;
}

#lastNameDiv {
    float: right;
}

#firstNameDiv,
#lastNameDiv {
    width: 48%;
    vertical-align: top;
}

#lastNameDiv ~ .clear {
    clear: both;
    margin-bottom: 5px;
}

#appointmentEmailDiv {
    float: left;
}

#appointmentEmailDiv ~ .clear {
    clear: none;
}

#appointmentPhoneDiv {
    float: right;
}

#appointmentPhoneDiv ~ .clear {
    clear: both;
    margin-bottom: 22px;
}

#appointmentEmailDiv,
#appointmentPhoneDiv {
    width: 48%;
    vertical-align: top;
}

#firmContactDiv {
    float: left;
}

#firmContactDiv ~ .clear {
    clear: none;
}

#datePickerDiv {
    float: right;
}

#datePickerDiv ~ .clear {
    clear: both;
    margin-bottom: 22px;
}

#firmContactDiv,
#datePickerDiv {
    width: 48%;
    vertical-align: top;
}

#firmContactDiv ~ .clear {
    clear: none;
}

#datePickerDiv ~ .clear {
    clear: both;
}

#appointmentTimeDiv,
#currentClientDiv {
    width: 48%;
}

#appointmentTimeDiv ~ .clear {
    clear: none;
}

#appointmentTimeDiv {
    float: left;
}

#currentClientDiv {
    float: right;
    margin-top: 35px;
}

#currentClientDiv ~ .clear {
    clear: both;
}

#appointment {
    margin: 0 60px 30px 0;
    background-color: #F5F5F5;
}

#appointment input,
#appointment .inputClass {
    width: 100%;
}

#apptMessageDiv1 label {
    display: block;
    margin-top: -80px;
}

#apptMessageDiv2 {
    margin-top: 23px;
}

#appointmentWrapper {
    background-color: transparent;
    clear: both;
}

#appointmentCaptchaDiv2 {
    width: 48%;
    float: left;
}

#submitDiv {
    width: 48%;
    margin: 0 auto;
    text-align: center;
}

#submitDiv input {
    width: 86%;
}

#appointmentTitle {
    font-size: 24px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
    border: none;
}

#recaptcha_widget a {
    font-size: 12px;
}

/*-------------------------- Contact Us ----- */

.office-location .clear {
    display: block !important;
    clear: both;
    height: 20px;
}

.staff {
    display: block;
    padding: 0 20px;
    margin: 0 0 40px !important;
    border-bottom: 1px solid #AAA !important;
}

.staff-designation {
    font-weight: 100;
    text-transform: uppercase;
    color: #6D6D6D;
    font-size: 13px;
    letter-spacing: 1px;
}

.staff-group {
    border-top: 1px solid #AAA !important;
    margin-right: 40px;
}

.staff p.staff-name {
    font-size: 16px;
    margin-bottom: 20px;
}

.staff-title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
    margin-left: 20px;
}

.staff-contact {
    margin-left: 20px !important;
}

.staff-photo {
    margin-left: 20px;
}
/* Client Override Attributes */
 .company { 
font-family: Verdana;
font-size: 34px;
 }

 .slogan { 
font-family: Verdana;
font-size: 24px;
 }

 .footer { 
font-size: 16px;
 }

