/* MASTERPAGE MESSAGE BOX */
.message {
    float: left;
    margin-bottom: 60px;
    margin-top: 15px;
    margin-left: 0;
}

.message .top {
    width: auto;
    border: solid 1px #ffffff;
    border-bottom: 0;
    background-image: url(../images/bg/message_top_bg.png);
    padding: 20px 27px 20px 27px;
}

.message .top h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 10px;
    font-size: 32px;
}

.message .top .light {
    font-family: Arial;
    margin-bottom: 10px;
}

.message .top p {
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 8px;
}

.message .bottom {
    float: left;
    box-sizing: border-box;
    height: 20px;
    padding-top: 8px;
    width: 100%;
    border-left: solid 1px #ffffff;
    background: url(../images/bg/message_bottom_bg.png) bottom right no-repeat;
}

.message .bottom .actionButton {
    margin-left: 5%;
    white-space: normal;
    width: initial;
}

/* Special Out-of-the-Box Comprimated Topmenu */

.message {
    margin-bottom: 45px;
    margin-top: 0px;
}

.message .top { padding: 20px 22px 5px 27px; }

.message .bottom .actionButton { margin-left: 27px; }

/* FOCUSAREAS */

.focusareas {
    width: auto;
    margin: 0 27px 2% 0;
}

.focusareas .left a {
    display: block;
    height: 130px;
    width: 100%;
    background: url(../images/bg/focus_left.png) center left no-repeat;
    margin: auto 0;
}

.focusareas .content {
    float: left;
    width: 91%;
    margin: 0 3% 0% 6%;
}

.focusareas .content .box {
    float: left;
    width: 85%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 130px;
    color: #ffffff;
}

.focusareas .content .box .icon {
    background: url(../images/shades/icon_shade.png) repeat-x;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.focusareas .content .box .header {
    margin-bottom: 15px;
    line-height: 32px;
    vertical-align: middle;
}

.focusareas .content .box .header h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

.focusareas .content .box .icon img, #content .focusarea .content .box .icon img, .magazineitem .image img { width: 100%; }

.focusareas .content .box p, #content .focusarea .content .box p {
    clear: both;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.focusareas .content .box a, .submenu li.active a, .submenu li:hover a { color: #fff  !important; }

.focusareas .flexslider_FocusAreas { position: relative; }

.focusareas .flexslider_FocusArea .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.focusareas .flexslider_FocusArea .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.focusareas .flex-direction-nav .flex-next {
    background: url(../images/bg/focus_right.png) no-repeat;
    opacity: 1;
    right: -4%;
    top: 40%;
    margin-top: 0px;
}

.focusareas .flex-direction-nav .flex-prev {
    background: url(../images/bg/focus_left.png) no-repeat;
    opacity: 1;
    left: -6%;
    top: 40%;
    margin-top: 0px;
}

.focusarea {
    float: left;
    background: url(../images/shades/control_shade.png) repeat-x scroll 0 0 #E2E2E2;
    margin-top: 3%;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -o-border-radius-bottomleft: 10px;
    -ms-border-radius-bottomleft: 10px;
    -khtml-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -o-border-radius-bottomright: 10px;
    -ms-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

#shadow .focusarea {
    float: left;
    width: 100%;
    position: relative;
    padding: 5% 0% 0;
    margin-top: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -o-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -o-border-radius-topright: 10px;
    -ms-border-radius-topright: 10px;
    -khtml-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

#content .focusarea {
    float: left;
    width: 100%;
    position: relative;
    padding: 3% 0% 0;
    margin-top: 10px;
}

.focusarea .left a {
    display: block;
    height: 130px;
    width: 100%;
    background: url(../images/bg/focus_left_single.png) center right no-repeat;
    margin: auto 0;
}

.focusarea .box {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 130px;
    color: #ffffff;
}

.focusarea .box .icon, #referenceindex .icon {
    background: url(../images/shades/icon_shade.png) repeat-x;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    margin-top: 2px;
}

#referenceindex .icon { margin: 7px 0 0 15px; }

.focusarea .box .header {
    height: auto;
    margin-bottom: 10px !important;
    vertical-align: middle;
    float: left;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    line-height: 33px;
}

#pagecontainer #content .focusarea .box .header h3 {
    width: 75%;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    clear: none;
    margin-bottom: 0px;
    height: 33px;
    display: table-cell;
}

.focusarea .box h3 a { color: #888 !important; }

.focusarea .box p { width: 100%; }

#content a.project, #right .focusarea .box a{
     color: #666666 !important;
}
.focusarea .box .header h3 a#header-focus-area {
    color: #666666 !important;
}
.focusarea .box p a, #content .focusarea .box p a {
    color: #666666 !important;
    font-size: 13px;
    line-height: 19px;
}

.focusarea .flex-direction-nav .flex-next {
    background: url(../images/bg/focus_right_single.png) no-repeat;
    opacity: 1;
    right: -40px;
}

.focusarea .flex-direction-nav .flex-prev {
    background: url(../images/bg/focus_left_single.png) no-repeat;
    opacity: 1;
    left: -20px;
}

.focusarea .bottom .actionButton {
    margin-left: 2%;
    margin-bottom: -3%;
}

.focusarea .flexslider_FocusArea {
    width: 78%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: transparent;
    position: relative;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    zoom: 1;
    margin: 0 11%;
}

.focusarea .flexslider_FocusArea .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.focusarea .flexslider_FocusArea .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

#content .focusarea .left, #content .focusarea .right {
    float: left;
    width: 10%;
}

#content .focusarea .bottom, #content .spotlight .bottom, .bloglist .bottom {
    float: left;
    height: 12px;
    width: 100%;
}

#pagecontainer #content .focusarea .flexslider_FocusArea ul {
    margin: 0;
    padding: 0;
}

/* PAGE DISPLAY (former 'Magazine Item') */
.page-display-item .page-display-item-image {
    width: 100%;
}

/* SPOTLIGHT */

.dc33 .spotlight .image { display: none; }

.dc33 .spotlight .tags { display: none; }

#pagecontainer #content .dc33 .spotlight .description p { float: none; }

.dc33 .spotlight .description {
    float: none;
    width: auto;
    padding-left: 0px;
}

.dc33 .spotlight .footer .actionButton { margin-left: 0px; }

.dc33 .spotlight .footer .actionButton a { padding-right: 40px; }

.spotlight .image {
    width: 20%;
    background-color: #dddddd;
    float: left;
}

.spotlight .image img {
    margin-top: 130px;
    float: right;
    width: 19px;
    vertical-align: bottom;
}

.spotlight .description {
    padding-left: 1.7%;
    width: 56%;
    float: left;
    margin-bottom: 12px;
}

.spotlight .description h2 {
    padding-top: 0;
    text-transform: none;
    color: #666666 !important;
    font-family: Arial !important;
    font-size: 16px !important;
    line-height: 16px;
    margin-top: 2px;
}

#pagecontainer #content .spotlight .main { padding-bottom: 20px; }

#pagecontainer #content .spotlight .description p {
    padding-top: 0;
    width: 80%;
    float: left;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
}

.spotlight .tags {
    padding-left: 1.7%;
    width: 20%;
    float: left;
    border-left: solid 1px #d3d3d3;
    min-height: 149px;
}

.spotlight .tags .tag {
    width: 100%;
    margin-bottom: 2%;
    background: url("../images/icons/tick.png") no-repeat scroll left 1px transparent;
    padding-left: 25px;
}

#pagecontainer #content .spotlight .tags p {
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
    float: left; /*width: 75%;*/
    display: block;
}

.spotlight .tags img {
    float: left;
    margin-bottom: 20px;
    margin-right: 7%;
}

.spotlight .footer .actionButton { margin-left: 21.5%; }

.spotlight .footer .actionButton a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    background: url(../images/bg/action_button.png) center right no-repeat;
    padding: 0 85px 1px 7px;
}

.relatedservices .main { min-height: 100px; }

.relatedservices .linkbox {
    background-color: #ffffff;
    width: 59%;
    margin: 0 17.5%;
    padding: 3%;
    float: left;
}

.relatedservices a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 7px;
    line-height: 17px;
}

.relatedservices .bottom {
    background: url(../images/bg/magazineitem_bottom_bg.png) bottom right no-repeat;
    width: 65%;
    height: 20px;
    margin: 0 17.5% 3%;
    float: left;
}

/* PROJECT REFERENCES (also Page Slider, BlogSlides) */

.projectreferences .flexslider, .blogslides .flexslider_BlogItems {
    width: 70%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: transparent;
    position: relative;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    zoom: 1;
    margin: 0 15%;
}

#pagecontainer #content .projectreferences .flexslider ul, #pagecontainer #content .blogslides .flexslider_BlogItems ul { margin: 0; }

.projectreferences .flexslider .slides > li, .blogslides .flexslider_BlogItems .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.projectreferences .flexslider .slides img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    float: left;
}

.projectreferences .flex-direction-nav a, .blogslides .flex-direction-nav a {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    margin: -10% 0 0;
}

.projectreferences .flex-direction-nav .flex-next, .blogslides .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
    opacity: 1;
}

.projectreferences .flexslider:hover .flex-next, .blogslides .flexslider_BlogItems:hover .flex-next {
    opacity: 1;
    right: -36px;
}

.projectreferences .flex-control-nav, .blogslides .flex-control-nav {
    text-align: center;
    position: absolute;
    bottom: 95px;
    right: 10px;
    width: auto;
}

.projectreferences .flex-control-nav li, .blogslides .flex-control-nav li {
    zoom: 1;
    display: inline;
    margin: 0 0 0 3px;
    float: left;
}

.projectreferences .flex-control-paging li a, .blogslides .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #d5d5d5;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.projectreferences .flex-control-paging li a.flex-active, .blogslides .flex-control-paging li a.flex-active {
    background: #676465;
    cursor: default;
}

.projectreferences, .blogslides {
    float: left;
    width: 100%;
    background: #e2e2e2 url('../images/shades/control_main_shade.png') top repeat-x;
}

.projectreferences .bottom {
    background: #f5f5f5 url(../images/bg/corner_white.png) bottom right no-repeat;
    width: 100%;
}

#content .projectreferences .bottom, #content .blogslides .bottom { background: url(../images/bg/magazineitem_bottom_bg.png) bottom right no-repeat; }

.projectreferences .slides .imagewrap {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
    padding-left: -50px;
    background-position: center center;
    background-size: cover;
}

#pagecontainer #content #top .projectreferences .slides .linkwrap .description {
    display: none;
    margin: 6%;
    border-bottom: solid 1px #d3d3d3;
    width: 90%;
    line-height: 18px;
    margin-top: 0px;
}

#pagecontainer #content .projectreferences .slides, #pagecontainer #content .blogslides .slides { padding: 0; }

#pagecontainer #content .projectreferences .slides .linkwrap .description p { font-size: 12px; }

/* the wider Project references look different */

.dc100 .projectreferences .bottom, .dc66 .projectreferences .bottom, .dc60 .projectreferences .bottom {
    width: 33%;
    float: left;
}

.dc66 .projectreferences .header, .dc100 .projectreferences .header, .dc60 .projectreferences .header { display: none; }

#content .dc100 .projectreferences .main, #content .dc66 .projectreferences .main, #content .dc60 .projectreferences .main { margin-top: 14px; }

.dc100 .projectreferences .slides .imagewrap {
    height: 225px;
    width: 67%;
    vertical-align: middle;
}

.dc100 .projectreferences .slides .linkwrap {
    width: 33%;
    height: 181px;
}

.dc100 .projectreferences .flex-control-nav { bottom: 205px; }

.dc100 .projectreferences .flexslider {
    width: 94%;
    margin: 0 3%;
}

.dc100 .projectreferences .flex-direction-nav a { top: 75%; }

.dc100 .projectreferences .slides .linkwrap .description {
    display: block;
    min-height: 120px;
}

.dc66 .projectreferences .slides .imagewrap {
    height: 200px;
    width: 67%;
    margin-left: -60px;
    vertical-align: middle;
}

.dc66 .projectreferences .slides .linkwrap {
    width: 33%;
    height: 156px;
}

.dc66 .projectreferences .flex-control-nav { bottom: 180px; }

.dc66 .projectreferences .flexslider {
    width: 86%;
    margin: 0 7%;
}

.dc66 .projectreferences .flex-direction-nav a { top: 60%; }

.dc66 .projectreferences .slides .linkwrap .description {
    display: block;
    min-height: 110px;
}

.dc60 .projectreferences .slides .imagewrap {
    height: 200px;
    width: 67%;
    margin-left: -60px;
    vertical-align: middle;
}

.dc60 .projectreferences .slides .linkwrap {
    width: 33%;
    height: 156px;
}

.dc60 .projectreferences .flex-control-nav { bottom: 180px; }

.dc60 .projectreferences .flexslider {
    width: 86%;
    margin: 0 7%;
}

.dc60 .projectreferences .flex-direction-nav a { top: 60%; }

.dc60 .projectreferences .slides .linkwrap .description {
    display: block;
    min-height: 110px;
}

.dc100 .projectreferences .flex-direction-nav a { top: 75%; }

#pagecontainer #content #top .dc100 .projectreferences .slides .linkwrap .description {
    display: block;
    min-height: 120px;
    margin-bottom: 10px;
    border-bottom: none;
}

.dc100 .projectreferences .slides a.project, .dc66 .projectreferences .slides a.project, .dc60 .projectreferences .slides a.project { font-size: 13px; }

#pagecontainer #content .dc100 .projectreferences .slides .linkwrap .description p, #pagecontainer #content .dc66 .projectreferences .slides .linkwrap .description p, #pagecontainer #content .dc60 .projectreferences .slides .linkwrap .description p { font-size: 13px; }

.dc100 .projectreferences .slides .imagewrap img, .dc66 .projectreferences .slides .imagewrap img, .dc60 .projectreferences .slides .imagewrap img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    opacity: 0;
}

.dc50 .projectreferences .slides .imagewrap, .dc40 .projectreferences .slides .imagewrap, .dc33 .projectreferences .slides .imagewrap, .dc25 .projectreferences .slides .imagewrap { vertical-align: middle; }

/*.projectreferenceswide .projectreferences .slides .imagewrap { width: 100%; }
.projectreferenceswide .projectreferences .slides .linkwrap { width: 100%; height: 70px; }
.projectreferenceswide .projectreferences .bottom { width: 100%; float: left; }
.projectreferenceswide .projectreferences .flex-control-nav { bottom: 90px; }
.projectreferenceswide .projectreferences .flexslider { width: 70%; margin: 0 15%; }
.projectreferenceswide .projectreferences .header { display: block; }
.projectreferenceswide .projectreferences .main { margin-top: 0px; }
.projectreferenceswide .projectreferences .flex-direction-nav a { top: 50%; }
.projectreferenceswide .projectreferences .slides .linkwrap .description { display: none; }*/

/* the Project references in the right column look different */

#content #right .projectreferences .slides .imagewrap img, #content .boxes .projectreferences .slides .imagewrap img {
    opacity: 0;
    width: auto;
}

#content #right .projectreferences .slides .linkwrap, #content .boxes .projectreferences .slides .linkwrap {
    padding-top: 25px;
    display: block;
    width: 100%;
    float: left;
    background-color: #fff;
    height: 50px;
}

#content #right .blogslides .slides .linkwrap, #content .boxes .blogslides .slides .linkwrap {
    display: block;
    width: 100%;
    float: left;
    background-color: #fff;
    min-height: 150px;
    margin-top: 5px;
}

#content #right .projectreferences .flex-control-nav, #content .boxes .projectreferences .flex-control-nav { bottom: 75px; }

/* Special versions of Project Slider*/

.blogslides .date {
    margin-top: 10px;
    text-transform: uppercase;
    color: #777;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
    display: block;
    float: left;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
}

.projectreferences .slides .linkwrap {
    padding-top: 25px;
    display: block;
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    height: 70px;
}

#content .projectreferences .slides .linkwrap { background-color: #fff; }

.projectreferences .slides a.project, .blogslides .slides a.blogitemTitle {
    margin-bottom: 3%;
    color: #666666 !important;
    float: left;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    line-height: 17px;
}

#pagecontainer #content .blogslides .slides .description {
    margin-bottom: 3%;
    color: #666666 !important;
    float: left;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
    font-size: 11px;
    font-family: Arial;
    line-height: 15px;
}

.projectreferences .slides a.sector, .blogslides .slides a.bloglist {
    display: block;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    float: left;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
}

.projectreferences .flex-direction-nav .flex-prev, #content .projectreferences .flexslider:hover .flex-prev, .blogslides .flex-direction-nav .flex-prev, #content .blogslides .flexslider_BlogItems:hover .flex-prev {
    opacity: 1;
    left: -36px;
}

/*#pagecontainer #content .full .projectreferenceswide hr { border: 0px; height: 1px; background-color: #d3d3d3; width: 106%; margin-left: -3%; float: left; margin-top: 2%; margin-bottom: 3%; }*/

/*#shadow .projectreferenceswide hr { border: 0px; height: 1px; background-color: #d3d3d3; width: 106%; margin-left: -3%; float: left; margin-top: 2%; margin-bottom: 3%; }*/

/*#pagecontainer .control .projectreferenceswide .projectreferences .main { border-width: 0 1px 0 1px; height: auto; }*/

/*#shadow .projectreferenceswide { float: left; width: 100%; border-top: 0; background-color: #fff; }*/

/*#shadow #content .projectreferenceswide { float: left; width: 100%; border-top: 0; background-color: transparent; border-bottom: solid 1px #d3d3d3; }*/

/*.projectreferenceswide .mainBorder { border-left: solid 1px #d3d3d3; border-top: 0; width: auto; padding: 6%; min-height: 220px; }*/

/*.control .projectdescription { width: 64%; float: left; }
#pagecontainer #content .control .projectdescription .main { float: left; background-image: none; background-color: transparent; border: 0; width: 50%; clear: none; padding: 0%; }
#shadow .control .projectdescription .main { float: left; background-image: none; border: 0; min-height: 220px; clear: none; width: 50%; padding: 0%; }
.control .projectdescription .main h2 { text-transform: none; font-weight: normal; font-family: Arial; padding: 0; }
.control .projectdescription .main p { font-family: Arial; font-size: 15px; line-height: 18px; }
.control .projectdescription .main a { font-size: 13px; font-weight: bold; margin-bottom: 5%; }*/

/*.control .projectreferenceswide .descriptionheader { background: url(../images/bg/control_header_white.png) repeat-x; border-left: 0; border-right: 0; color: #666666; margin-left: -1px; border-color: #ffffff; }*/

/* SERVICES MENU */

.servicesMenu {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background-color: #eeeeee;
    border: solid 1px #ffffff;
    box-shadow: 0 0 0 1px #d3d3d3;
    float: left;
}

#pagecontainer #content #bottom .servicesMenu h1 {
    font-size: 22px;
    line-height: 25px;
    width: 96%;
    margin: 0 2%;
    padding: 1.8% 0;
}

/*#pagecontainer #content #bottom .servicesMenu ul { display: block; width: 96%; float: left; background: url(../images/bg/services_bg.png); overflow: hidden; margin: 0 2%; padding-left: 0; }
#pagecontainer #content #bottom .servicesMenu li { display: block; float: left; width: 24%; margin-right: 1%; height: 40px; }
#pagecontainer #content #bottom .servicesMenu li a { height: 40px; font-size: 13px; width: 175px; padding-right: 5px; margin-right: 25px; line-height: 18px; vertical-align: middle; display: table-cell; background: url(../images/bg/service_arrow.png) center right no-repeat; }
*/

#pagecontainer #content #bottom .servicesMenu li a {
    font-size: 13px;
    background: url(../images/bg/service_arrow.png) 95% center no-repeat;
    display: block;
    padding: 8px 10% 8px 8px;
}

#pagecontainer #content #bottom .servicesMenu li {
    display: block;
    float: left;
    width: 50%;
    padding: 0px;
    position: relative;
}

#pagecontainer #content #bottom .servicesMenu ul {
    display: block;
    width: 96%;
    float: left;
    background: #EEEEEE;
    overflow: hidden;
    margin: 0 2%;
    padding-left: 0;
    border-top: 1px solid #FFF;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* SOCIAL STRIP */

.social-strip {
  border-top: 1px solid #d3d3d3;
  width: 95%;
  margin: 0 auto;
  padding: 10px 0;   
  margin-top: 25px;
  margin-right: 27px; 
}

.social-strip-content {
    padding: 7px;    
}

a.social-icon, span.social-icon{
    margin-right: 10px;
    padding-left: 20px;
    font-family: Arial;
    font-size: 12px;
    color: #676465;
    height: 15px;
    float: left;
}

.share-icon {
    background: url(../images/icons/share_icon.png) no-repeat
}

.mailIcon2 {
    background: url(../images/icons/mail_icon2.png) no-repeat;
    cursor: pointer;
}

.mailIcon2:hover { background: url(../images/icons/mail_icon2_over.png) no-repeat; }

.phoneIcon { background: url(../images/icons/phone_icon.png) no-repeat; }

.socialStrip .socialIcons, .cornerContainer, .submenu ul { float: right; }

/* QUICK SEARCH */

.quickSearch {
    width: 191px;
    height: 23px;
}

.quickSearch .searchInput { width: 195px; }
.quickSearch .searchInput input { width: 160px; }

.quickSearch .searchInput input.iconButton { width: 23px !important; }

.quickSearch.active .searchContainer {
    position: absolute;
    margin-left: -191px;
    margin-top: -6px;
    font-family: arial;
    font-size: 12px;
    text-align: left;
    color: #676465;
}

.quickSearch.active .searchInput {
    border: 1px solid #50d0f3;
    width: 360px;
    height: 23px;
    background: url(../images/shades/search_shade.png) bottom repeat-x #00a7f3;
    padding: 5px 20px;
}

.quickSearch.active .searchInput input { width: 330px; }

.quickSearch .searchContainer ul.resultList { display: none; }

.quickSearch.active .searchContainer ul.resultList {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.quickSearch.active .searchContainer ul.resultList li {
    background: #fff;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 0 20px;
}

.quickSearch .searchContainer .searchBlockResult {
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 0;
}

.quickSearch .searchBlockResult.no-image .blockResultImage { display: none; }

.quickSearch .searchBlockResult .blockResultImage {
    width: 65px;
    height: 65px;
    overflow: hidden;
    float: left;
}

.quickSearch .searchBlockResult .blockResultContent {
    float: left;
    margin-left: 15px;
    width: 270px;
}

.quickSearch .blockResultContent .blockResultTitle {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* ITEM GALLERY */

input[type=text].watermark { color: #999; }

.galleryHeader {
    color: #00A0ED;
    font-size: 34px;
    line-height: 70px;
    padding-left: 2.2%;
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
    text-transform: uppercase;
    font-family: Arial;
}

.gallery .main {
    background: #f7f7f7;
    padding: 2.2% .73% 2.2% 2.2%;
}

.gallery .main ul {
    list-style: none;
    display: block;
    float: left;
    width: 100%;
}

.gallery .main ul li {
    height: 80px;
    float: left;
    margin-top: 10px;
    overflow: hidden;
    width: 47.5%;
    margin-right: 2.5%;
}

.control .gallery .main ul li {
    height: auto;
    float: left;
    margin-top: 20px;
    overflow: hidden;
    width: auto;
    margin-right: 20px;
}

.galleryItemContainer { width: 120px; }

.galleryItem {
    background: url(../images/bg/galleryshade.png) bottom repeat-x #fff;
    display: block;
    padding: 5px;
    padding-bottom: 1px;
}

.galleryItem .cornerIcon {
    height: 75px;
    margin-right: -5px;
}

.galleryImage {
    float: left;
    overflow: hidden;
}

#pagecontainer #content .imageGallery ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#pagecontainer #content .imageGallery li { float: left; }

.imageGallery .galleryItem {
    float: left;
    margin: 5px;
    margin-bottom: 27px;
}

.galleryContent {
    padding: 2px 0 0 5px;
    float: left;
    width: 60%;
}

.galleryContent .title {
    color: #00A0ED;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.galleryContent .typeTitle {
    color: #00A0ED;
    text-transform: uppercase;
    margin-bottom: 2px;
    padding-left: 4px;
    margin-left: 4px;
    border-left: solid 1px #000;
    line-height: 10px;
    font-size: 12px;
    margin-top: 2px;
}

.galleryContent .itemCount {
    color: #9b9c9e;
    font-size: 30px;
}

.galleryContent .itemLabel {
    font-family: Arial;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    padding-top: 10px;
    padding-left: 10px;
    border-left: 1px solid #d3d3d3;
}

.cornerContainer .cornerIcon {
    height: 19px;
    position: absolute;
    margin-left: -14px;
    margin-top: 56px;
}

.cornerIcon {
    background: url(../images/bg/gallery_corner.png) no-repeat bottom;
    width: 19px;
    height: 100%;
    float: right;
}

.cornerIcon.white { background-image: url(../images/bg/cornericon_white.png); }

.cornerIcon.gray { background-image: url(../images/bg/cornericon_gray.png); }

.gallery .submenu ul { margin-top: 45px; }

.vacancyGallery .galleryImage {
    height: 70px;
    width: 130px;
}

.submenu li {
    display: block;
    float: left;
    margin-left: 10px;
    background-image: url(../images/button_bg.png);
    text-align: center;
}

.submenu li a {
    line-height: 25px;
    width: 224px;
    display: block;
    color: #434041;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.submenu li.active, .submenu li.active:hover {
    background: url(../images/bg/submenu_active.png) no-repeat top center;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.submenu li:hover { background: url(../images/bg/submenu_hover.png) no-repeat top center; }


/* VACANCY SUMMARY */

.vacancySummary .statsBox {
    float: left;
    width: 29%;
}

.vacancySummary.small .statsBox {
    float: none;
    width: auto;
}

.vacancySummary.small .imgArea {
    float: left;
    width: 40%;
    height: 150px;
    overflow: hidden;
    *position: relative;
}

#right .vacancySummary.small .imgArea { display: none; }

.vacancySummary.small .imgArea .inner {
    float: left;
    position: relative;
    left: 50%;
}

.vacancySummary.small .imgArea .inner img {
    display: block;
    position: relative;
    left: -50%;
}

.vacancySummary.small .counterContainer {
    float: left;
    width: 60%;
}

#right .vacancySummary.small .counterContainer {
    float: left;
    width: auto;
}

.vacancySummary.small .counterArea {
    width: 40%;
    height: 155px;
    padding: 0 5%;
    margin: 0;
}

.vacancySummary.small .counterArea .counterUpper { height: 95px; }


.arrowlink {
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.arrowlink .actionButton {
    float: left;
    margin-right: 5px;
}

.arrowlink .arrowIcon {
    color: white;
    width: 25px;
    background: url(../images/bg/action_button.png) center right no-repeat, #e40000; /* Old browsers */
    background: url(../images/bg/action_button.png) center right no-repeat, -moz-linear-gradient(top, #ef6666 50%, #e40000 44%); /* FF3.6+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ef6666), color-stop(44%, #e40000)); /* Chrome,Safari4+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -webkit-linear-gradient(top, #ef6666 50%, #e40000 44%); /* Chrome10+,Safari5.1+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -o-linear-gradient(top, #ef6666 50%, #e40000 44%); /* Opera 11.10+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -ms-linear-gradient(top, #ef6666 50%, #e40000 44%); /* IE10+ */
    background: url(../images/bg/action_button.png) center right no-repeat, linear-gradient(to bottom, #ef6666 50%, #e40000 44%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6666', endColorstr='#e40000', GradientType=0); /* IE6-9 */
}

.arrowlink .textarea {
    float: left;
    color: #676465;
}

.vacancySummary .arrowlink .textarea { width: 40px; }

.vacancySummary .searchBox, .vacancySummary .currentVacanciesBox {
    float: left;
    width: 34%;
    border-left: 1px solid #d3d3d3;
    margin-left: 10px;
    background: url(../images/shades/control_shade.png) repeat-x scroll 0 0 #e2e2e2;
    position: relative;
}

.vacancySummary .cornerIcon {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
}

.vacancySummary .content {
    color: #676465;
    font-family: Arial;
    font-size: 13px;
    padding: 0 10px;
}

.vacancySummary h4 {
    color: #0b4499;
    margin-bottom: 10px;
    font-size: 16px;
}

.vacancySummary .searchInput { margin-top: 20px; }

.vacancySummary .searchInput input[type=text] {
    width: 170px;
    margin-bottom: 10px;
}

.vacancySummary .searchInput .button {
    width: 200px;
    margin: 0 0 20px 0;
}

.vacancySummary .counterArea {
    color: #676465;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    float: left;
    width: 130px;
    margin: 0 15px 0 0;
}

.vacancySummary span.counter {
    color: #9b9c9e;
    font-size: 48px;
    line-height: 35px;
    font-weight: normal;
    display: block;
    padding-bottom: 5px;
}

.vacancySummary .vacancyLinks { margin-top: 30px; }

.vacancySummary .vacancyLinks a {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #0098db;
    background: url(../images/icons/link_arrow.png) center right no-repeat;
    padding-right: 15px;
}

.vacancySummary .date {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.vacancySummary .title {
    font-size: 13px;
    font-weight: bold;
}

.vacancySummary .location {
    text-transform: uppercase;
    margin: 5px 0 20px;
    min-height: 30px;
}

.vacancySummary .vacancy-action-button{
    margin-left: 30px;
}

.vacancySummary .currentVacanciesBox .counter {
    font-size: 30px;
    color: #9B9C9E;
    border-right: 1px solid #d3d3d3;
    margin-right: 7px;
    line-height: 25px;
    float: left;
    padding: 0 7px 0 0;
}

.vacancySummary .expiration { margin-top: 10px; }

.vacancySummary .expiration .actionButton { float: left; }

.vacancySummary .expiration .counterlabel {
    line-height: 35px;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

/* AZURE VACANCY SUMMARY */

.azureVacancySummary.small .main .imgArea {
    width: 35%;
}
.azureVacancySummary.small .main .counterContainer {
     width: 65%;
}

.azureVacancySummary.small .main .counterContainer .statCol {
     width: 43%;
     float: left;
     padding-bottom: 10px;
     color: #676465;
     font-size: 12px;
     line-height: 15px;
     font-weight: bold;
}
.azureVacancySummary.small .main .counterContainer .statCol.first {
    margin-left: 20px;
    margin-right: 10px;
    border-right: solid 1px #d3d3d3;
    padding-right: 5px;
}

.azureVacancySummary.small .counterContainer.country-specific .statCol.first{
    border: none;
    width: 86%;
}

.azureVacancySummary.small .counterContainer.country-specific .statCol.counter.last{
    display: none;
}

.azureVacancySummary.small .main .imgArea .inner img{
    width: 125px;
    height: 125px;
}

.azureVacancySummary .arrowlink .textarea {
    font-size: 12px;
    float: left;
    width: 70%;
}

/*.expiration .actionButton { margin-left: 30px; }*/

/*.expiration .actionButton a { width: 90px; }*/

/* NEWSLIST (Calendar List) */

.newslist hr {
    border: 0px;
    height: 1px;
    background-color: #d3d3d3;
    width: 100%;
    float: left;
    margin-top: 3%;
}

.newslist .main {
    padding-top: 0;
    padding-bottom: 0;
}

.control .newslist .header .title { float: left; }

.control .newslist .header .allNewsLink {
    float: right;
    color: #FFF;
    background: url("../images/icons/menu_arrow.png") no-repeat scroll right center transparent;
    padding-right: 20px;
    margin-right: 10px;
    font-size: 13px;
}

.newslist .main .PagingContainer {
    text-align: center;
    margin: 1%;
}

.newslist .newsitem {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    border-bottom: solid 1px #D3D3D3;
}

#content .newslist .newsitem {
    border-top: solid 1px #D3D3D3;
    border-bottom: 0;
}

.newslist .image {
    background-color: #dddddd;
    float: left;
    position: relative;
    margin-right: 2.5%;
    overflow: hidden;
    display: block;
    max-height: 150px;
    max-width: 150px;
}

.newslist .bigdate {
    float: left;
    position: relative;
    margin-right: 3.5%;
    overflow: hidden;
    display: block;
    width: 23%;
    min-height: 90px;
    color: #fff;
    border-right: solid 1px #dddddd;
}

.newslist .bigdate span.day {
    color: #9b9c9e;
    font-size: 56px;
    line-height: 46px;
    font-weight: normal;
    display: block;
    margin-left: 5px;
}

.newslist .bigdate span.date {
    color: #666;
    font-size: 12px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
    margin-left: 8px;
}

.newsroom .newslist .image { float: right; }

#content .newslist .image { width: 30%; }

.newslist .image { width: 25%; }

.newslist .image .corner {
    float: right;
    width: 19px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;
}

.newslist .description {
    width: 72.5%;
    float: left;
    position: relative;
}

.newsroom .newslist .description { width: 65%; }

#pagecontainer #content #top .newslist .description { width: 72%; }

.newslist .description .date {
    text-transform: uppercase;
    color: #777;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 2.5%;
    display: block;
}

.newslist .description h2 {
    width: auto;
    display: block;
}

.newslist .description h2, .newslist .description h2 a {
    text-transform: uppercase;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

#content .newslist .description h2 a { color: #666666 !important; }

.newslist .description p {
    width: 80%;
    float: left;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    width: 100%;
    margin-bottom: 3%;
}

#pagecontainer #content .newslist .description p {
    float: left;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 3%;
}

.newslist .description .tag a {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.searchPage .moreButton, .newslist .moreButton, .referenceGallery .moreButton, .contactWrapper .sendButton, .web-search .moreButton {
    background: url("../images/button_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    line-height: 25px;
    text-align: center;
    width: 100%;
    margin-top: -1px;
    text-transform: uppercase;
    cursor: pointer;
}

.referenceGallery .moreButton {
    margin-top: 20px;
    width: 98%;
}

.newslist .moreButton .morenews, .newslist .moreButton .moreevents, .referenceGallery .moreButton .moreProjects, .referenceGallery .moreButton .morePages, .contactWrapper .sendButton .sendMessage {
    text-transform: uppercase;
    color: #434041 !important;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
    line-height: 22px;
    cursor: pointer;
    width: 100%;
    display: block;
}
.newslist .moreButton a.morenews#morenews {
    color: #434041 !important;
}

.newslist .description .iconwrapper {
    float: right;
    width: auto;
}

#pagecontainer #content .newsitem h2 { width: 75%; }

.newslist .description .iconwrapper img {
    background: #ddd url(../images/shades/icon_shade.png) repeat-x;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.newslist .hideImage .image, .referenceGallery .hideImage .image, .referenceGallery .hideImage { display: none; }

.newslist .hideImage .description, .referenceGallery .hideImage .galleryContent { width: 100%; }

/* BLOGLIST */

.bloglist .main {
    padding-top: 0;
    padding-bottom: 0;
}

.bloglist .blogitem {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    border-top: solid 1px #D3D3D3;
}

.bloglist .blogitem:first-child {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    border-top: 0;
}

.bloglist .imageWrapper {
    margin-right: 3%;
    float: left;
    width: 25%;
}

.bloglist .image {
    position: relative;
    overflow: hidden;
    display: block;
}

.bloglist .caption {
    padding: 5px 0;
    float: left;
}

.bloglist .caption a {
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
}

.bloglist .image .corner {
    float: left;
    width: 19px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.bloglist .description {
    width: 69%;
    padding-left: 2.5%;
    float: right;
    position: relative;
    border-left: solid 1px #D3D3D3;
    min-height: 110px;
}

.bloglist .description .date {
    text-transform: uppercase;
    color: #777;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 2.5%;
    display: block;
}

.bloglist .description h2 {
    width: auto;
    display: block;
}

.bloglist .description h2 a {
    text-transform: none;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

#content .bloglist .description h2 a { color: #666666; }

.bloglist .description p {
    width: 80%;
    float: left;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    width: 100%;
    margin-bottom: 3%;
}

#pagecontainer #content .bloglist .description p {
    float: left;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 3%;
}

.bloglist .actionButton { margin-left: 0; }

.bloglist .actionButton a {
    margin-left: 0;
    padding-right: 35px;
}

/* ROUNDED CONTROL */

#pagecontainer .roundedControl .margin { background: none; }

.roundedControl .outerborder {
    background: #eee;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.roundedControl .content {
    border: 1px solid #fff;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.roundedControl .header {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
    min-width: 0;
}

.roundedControl .header h2 {
    text-transform: uppercase !important;
    color: #676465 !important;
    font-size: 20px !important;
    font-weight: normal !important;
    padding: 0 !important;
}
#pagecontainer #content .roundedControl .header h2 {
    color: #676465 !important;
}


.roundedControl .bottom {
    border-top: 1px solid #fff;
    padding-top: 10px;
}

/* CONTACTS */

.contact span, .contact p {
    color: #676465;
    font-size: 13px;
}

.contact span.bold, .contact p.bold { font-weight: bold; }

.contact .contactpersons {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 0;
}

.contact.compact .contactpersons {
    border-bottom: none;
    padding-bottom: 0;
}

.contact.compact .contactpersons .contactimage { display: none; }

#right .contact .contactpersons .contactinformation { padding-left: 0px; }

#right .contact.compact .contactpersons .contactinformation { padding-top: 0px; }

.contact.compact .contactpersons .contactinformation { padding-left: 0px; }

.contact .contactpersons .contactinformation span { display: block; }

.contact .contactinformation .phoneIcon, .contact .contactinformation .mailIcon2 { margin-top: 5px; }

.contact.compact .contactinformation .phoneIcon { margin-top: 20px; }

.contact.compact .bottom { display: none; }

.contact .mailIcon2, .contact .phoneIcon {
    padding-left: 30px;
    background-position: 0px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contact .bottom .phoneIcon { float: left; }

.phoneIcon .bold { display: block; }

.contact .bottom .mailIcon2 { float: right; }

.contact .bottom .actionButton { float: right; }

/* SOCIAL CONTROL */

.socialcontrol .intro {
    font-weight: bold;
    color: #676465;
    margin-bottom: 10px;
    min-width: 0;
}

.socialcontrol .socialItems .socialItem {
    width: 50%;
    float: left;
    color: #676465;
    font-weight: bold;
    font-size: 13px;
}

.socialcontrol .socialItems .socialItem a { color: #676465; }

#content .socialcontrol .socialItems .socialItem a {
    display: block;
    padding-left: 35px;
    height: 25px;
    line-height: 25px;
    width: auto;
    color: #676465 !important; 
    margin-bottom: 10px;
}

.socialcontrol .socialItems .socialItem a.facebook { background: url(../images/icons/facebook_socialicon.png) no-repeat top left; }

.socialcontrol .socialItems .socialItem a.linkedin { background: url(../images/icons/linkedin_socialicon.png) no-repeat top left; }

.socialcontrol .socialItems .socialItem a.youtube { background: url(../images/icons/youtube_socialicon.png) no-repeat top left; }

.socialcontrol .socialItems .socialItem a.twitter { background: url(../images/icons/twitter_socialicon.png) no-repeat top left; }

.doubleLinkLists {
    width: 100%;
    margin-top: 20px;
}

.doubleLinkLists img {
    border: solid 8px #e5e5e5;
    width: auto;
    margin-bottom: 20px;
}

#pagecontainer #content .doubleLinkLists h3 { margin-bottom: 20px; }

.doubleLinkLists a {
    margin-bottom: 15px;
    width: 100%;
    display: block;
}

.leftList {
    width: 47.5%;
    margin-right: 2.5%;
    float: left;
}

.leftListContent { border-right: solid 1px #e5e5e5; }

.rightList {
    width: 47.5%;
    padding-left: 2.5%;
    float: left;
}

#pagecontainer .comments .margin {
    background: #ececec;
    border-top: 1px solid #d3d3d3;
    padding: 20px;
}

.comments h2 { text-transform: uppercase; }

.comments input {
    height: 20px;
    width: 200px;
}

.comments textarea {
    width: 100%;
    height: 100px;
}

.comments .inputLabel {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #666465;
    display: block;
    padding: 5px 0;
}

.comments .textInputRow { padding: 5px 0; }

.comments .notify { padding: 10px 0; }

.comments .notify .inputLabel {
    display: inline;
    padding: 0;
}

.comments .notify input {
    width: auto;
    height: auto;
}

.comments .button {
    background: url("../images/button_bg.png") repeat-x scroll 0 0 transparent;
    line-height: 25px;
    text-transform: uppercase;
    width: 180px;
    color: #434041;
    font-size: 14px;
    text-decoration: none;
    line-height: 22px;
    cursor: pointer;
}

.comments ul {
    list-style: none;
    padding: 0 !important;
}

.comments li {
    padding: 15px 0;
    border-bottom: 1px solid #D3D3D3;
}

.comments li .date {
    text-transform: uppercase;
    font-weight: normal;
    color: #777;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 2.5%;
}

/* MAP CONTROL */

.mapContent { height: 180px; }

.mapLink {
    background: url("../images/button_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
    line-height: 20px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #444 !important;
    margin-bottom: 0px;
    font-size: 13px;
}
#content a.mapLink {
    color: #444 !important;
}

.mapHeader {
    text-decoration: underline;
    font-size: 15px;
    width: 100%;
    display: block;
}

.mapDate {
    font-size: 12px;
    width: 100%;
    display: block;
}

.mapDescription {
    font-size: 14px;
    width: 100%;
    display: block;
}

/* OFFICES */

#pagecontainer #content .officeRow {
    width: 97%;
    margin-right: 3%;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    display: block;
}

.officeWrapper {
    width: 22%;
    margin-right: 3%;
    border-bottom: solid 1px #eee;
    float: left;
    margin-bottom: 30px;
    min-height: 185px;
}

#pagecontainer #content .officeType {
    font-size: 12px;
    margin-bottom: 0;
}

#pagecontainer #content .officeLine { display: block; }

#pagecontainer #content .officeHeader {
    font-weight: bold;
    margin-bottom: 0;
}

#pagecontainer #content .officeDescription { }

.linklist .linkIcon {
    margin: 7px;
    float: left;
}

.linklist .linkItem {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
    line-height: 30px;
}

b.office-list-name {
  font-family: Arial,sans-serif;
  font-size: 12px;
  line-height: normal;

}
.office-list-officeType {
  font-size: 10px;
  font-style: normal;
  margin-bottom: 6px;
  line-height: normal;
  display: block;
}

.office-list-box {   
    line-height: normal;
    font-family: Arial,sans-serif;
    font-size: 12px;
    margin-bottom: 6px;
    display: block;
    min-height: 175px;
}
.office-list-item {
    line-height: normal;
    font-size: 12px;
    margin-bottom: 6px;
    display: block;
}

/* CALENDAR */

.calendarControl .calendarMonthDay, .calendarOtherDay, .daySelected {
    border: solid 1px #e5e5e5;
    height: 60px;
}

.calendarControl table { margin-bottom: 15px; }

.daySelected { background-color: #f5f5f5; }

.daySelected a {
    font-size: 12px;
    font-family: 'Courier New', Arial;
    color: #555;
}

.daySelected a:hover {
    color: #000;
    text-decoration: underline;
}

.calendarHeader {
    background-color: #ddd;
    border: solid 1px #999;
}

.calendarOtherDay { color: #bbb; }

.calendarHeading td, .calendarText a {
    color: #666;
    padding-top: 5px;
}