@import url('http://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');

html,
body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

body,
input,
textarea {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 15px;
}

body {
    color: #000000;
}

body > a{
    display: none;
}

a,
input,
textarea {
    border-width: 0;
    outline-width: 0;
}

a {
    color: #000000;
    text-decoration: none;
}

a img {
    border-width: 0;
}

img {
    display: block;
}

ol {
    counter-reset: item;
}
ol li {
    display: block;
    position: relative;
}
#page ol li p {
    margin-bottom: 0;
}
ol li:before {
    content: counters(item, ".")"";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

/**************/
/* background */
/**************/

.mb_ui_scalable_background {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

.mb_ui_scalable_background img {
    width: 100%;
}

/********/
/* page */
/********/

#page {
    min-height: 100%;
    position: relative;
}

#page * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#page > div.inner {
	min-height: 702px;
}

#page .inner {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 852px;
}

#page .inner:after {
    clear: both;
    content: '';
    display: block;
}

#page .inner .lang_bar {
    height: 30px;
    margin-bottom: 80px;
    padding-left: 819px;
}

#page .inner .lang_bar ul {
    list-style-type: none;
}

#page .inner .lang_bar a {
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 20px;
    line-height: 30px;
 /*   position: fixed; */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 33px;
    z-index: 1000;
}

/***********/
/* sidebar */
/***********/

#sidebar {
    float: left;
    position: absolute;
    width: 270px;
}

#sidebar .logo {
    margin-bottom: 12px;
}

#sidebar .logo a {
    display: block;
}

#sidebar #menu ul {
    list-style-type: none;
    text-align: right;
    text-transform: uppercase;
    padding-right: 3px;
}

#sidebar #menu ul li {
    margin-top: 10px;
    padding-right: 30px;
}

#sidebar #menu ul li:first-child {
    margin-top: 0;
}

#sidebar #menu ul li a {
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 21px;
    line-height: 30px;
    padding-right: 20px;
    text-decoration: none;
}

#sidebar #menu ul li:hover,
#sidebar #menu ul li.active {
    background: url('../img/bg/menu_active.png') no-repeat right 0;
}

#sidebar #menu .text {
    display: none;
}

/********/
/* main */
/********/

#main {
    float: right;
    line-height: 26px;
    min-height: 512px;
    position: relative;
    width: 582px;
}

#main h1,
#main h2,
#main h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

#main h1 {
    color: #ffffff;
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#main h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 25px;
}

#main h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 34px;
}

#main p {
    margin-bottom: 26px;
}

#main ul {
    list-style-type: bullet;
    padding-left: 20px;
}

#main .background {
    filter: alpha(opacity=90);
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0.9;
    width: 100%;
}

#main .shadow {
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
}

#main .main_wrap {
    left: 0;
    padding: 62px 0 25px 0;
    position: relative;
}

#main .content_wrap {
    padding: 0 50px 0 60px;
}

#main .content_wrap img {
    left: -60px;
    margin-bottom: 20px;
    position: relative;
}

#main .content_wrap .mb_gallery_carousel img {
    left: 0;
}

#main .content_wrap .heading {
    margin-bottom: 17px;
}

#main .content_wrap .heading .date {
    color: #7f7f7f;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}

#main .content_wrap .intro {
    font-weight: bold;
}

#main .content_wrap .back {
    line-height: 30px;
    border-bottom: 1px solid #000000;
}

#main .content_wrap .back a {
    background: url('../img/bg/back.png') no-repeat left 0;
    font-weight: bold;
    font-size: 16px;
    padding-left: 20px;
}

#main .content_wrap iframe,
#main .content_wrap .cs_google_maps {
    left: -60px;
    margin-bottom: 20px;
    position: relative;
}

#main .content_wrap iframe {
    width: 582px;
    text-align: center;
}

#main .content_wrap #cs_google_maps {
    width: 582px;
    height: 400px;
}

#main .content_wrap .logos {
    width: 600px;
}

#main .content_wrap .logos ul {
    list-style-type: none;
    padding: 0;
}

#main .content_wrap .logos ul li {
    float: left;
    padding: 0 3px 40px 0;
}

#main .content_wrap .logos ul li img {
    left: 0;
}

#main .content_wrap .logos:after {
    clear: both;
    content: '';
    display: block;
}

#main .content_wrap .article {
    border-bottom: 1px solid #000000;
    width: 100%;
    margin-top: 48px;
}

#main .content_wrap .article:first-child {
    margin-top: 0;
}

#main .content_wrap .article .image {
    float: left;
    padding-top: 8px;
	position: relative;
	overflow: hidden;
    width: 235px;
}

#main .content_wrap .article .image img {
    left: 0;
}

#main .content_wrap .article .text {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 32px;
    width: 235px;
    *width: 200px;
}

#main .content_wrap .article .text p {
    margin-bottom: 0;
}

#main .content_wrap .article .text .more {
    text-align: right;
}

#main .content_wrap .article .text .more a {
    background: url('../img/bg/more.png') no-repeat right 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    padding: 0 14px 11px 0;
}

#main .content_wrap .article:after {
    clear: both;
    content: '';
    display: block;
}

#main .content_wrap .form .cs_form_wrapper {
    left: -24px;
    position: relative;
    text-align: left;
    width: 111%;
}

#main .content_wrap .form .cs_clear {
    clear: both;
}

#main .content_wrap .form .cs_feedback_info,
#main .content_wrap .form .cs_clear {
    display: none;
}

#main .content_wrap .form .cs_form_row {
    margin-bottom: 10px;
}

#main .content_wrap .form .cs_row_error {
    display: none;
    border: 1px solid #c00;
}

#main .content_wrap .form .mb_ui_inside_label .cs_form_row {
    position: relative;
}

#main .content_wrap .form .mb_ui_inside_label label {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

#main .content_wrap .form .mb_ui_inside_label label,
#main .content_wrap .form .mb_ui_inside_label input[type=text],
#main .content_wrap .form .cs_form_input textarea {
    padding: 7px 17px 8px 17px;
}

#main .content_wrap .form .mb_ui_inside_label input[type=text],
#main .content_wrap .form .cs_form_input textarea {
    background-color: #fff;
    box-shadow: inset 2px 2px 2px #cfcdce;
    width: 100%;
    -moz-box-shadow: inset 2px 2px 2px #cfcdce;
    -webkit-box-shadow: inset 2px 2px 2px #cfcdce;
}

#main .content_wrap .form .cs_form_input {
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
}

#main .content_wrap .form .cs_form_textarea {
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    height: 118px;
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
}

#main .content_wrap .form .cs_form_input textarea {
    height: 118px;
    overflow: auto;
}

#main .content_wrap .form .cs_form_button {
    float: right;
    height: 38px;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
}

#main .content_wrap .form .cs_form_button input {
    background-color: #fff;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    padding: 3px 20px;
}

#main .content_wrap .form .cs_form_info{
	display: none;
}

#recaptcha_logo{

}

.recaptcha_image_cell{
	width: 521px !important;
}

#recaptcha_table{
	border: 0 !important;
}

#recaptcha_table tr td{
	padding: 0 !important;
	background-color: #fff;
}

#recaptcha_table tr+tr td{
	padding: 7px !important;
}

#recaptcha_table img{
	left: 0px !important;
	margin-bottom: 0px !important;
	position: relative !important;
}

#recaptcha_table tr:first-child td:first-child{
	width: 250px !important;
	padding-right: 11px !important;
	padding-left: 7px !important;
}

#recaptcha_table tr:first-child td+td{
	padding-right: 100px !important;
}

#recaptcha_table tr:first-child td+td+td{
	padding-right: 9px !important;
}

.recaptchatable #recaptcha_image #recaptcha_challenge_image{
	border: 1px solid #000
}

#main .mb_view_accordion {
    float: left;
    margin: 14px 0 68px 0;
    width: 100%;
}

#main .mb_view_accordion a.mb_view_item_anchor {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

#main .mb_view_accordion .mb_view_item_handler {
    background: url('../img/bg/accordion_down.png') no-repeat right 23px;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    height: 37px;
    line-height: 37px;
    margin: 0 50px 0 60px;
}

#main .mb_view_accordion .mb_view_item_content {
    height: 0;
    margin-top: 18px;
    overflow: hidden;
	position: relative;
}

#main .mb_view_accordion .active .mb_view_item_handler {
    background: url('../img/bg/accordion_up.png') no-repeat right 13px;
}

#main .mb_view_accordion .active .mb_view_item_content {
    height: auto;
    margin: 33px 0 20px 0;
}

/**********/
/* footer */
/**********/

#footer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

#footer .inner {
    padding: 0;
}

#footer .social ul {
    background-color: #000000;
    text-transform: uppercase;
    list-style-type: none;
    /*width: 237px;*/
    float: left;
}

#footer .social {
	width: 237px;
	float: left;
	background: #000;
}

#footer .social ul li {
    background: url('../img/bg/bullet.png') no-repeat right center;
    float: left;
    padding-right: 9px;
	margin-right: 3px;
}

#footer .social ul li:first-child {
    padding-left: 9px;
}

#footer .social ul li a {
    color: #ffffff;
    display: block;
    font-size: 21px;
    line-height: 30px;
    text-decoration: none;
}

#footer .social .st_sharethis_custom {
	background-color: #000000;
	cursor: pointer;
	color: #ffffff;
    display: block;
    font-size: 21px;
    line-height: 30px;
    text-transform: uppercase;
	float: left;
}

#footer .social ul:after {
    clear: both;
    content: '';
    display: block;
}

/* New social media icons */

#social_media_icons{

}

#social_media_icons ul{
    list-style: none;
}

#social_media_icons ul li{
    float: left;
    padding-right: 2px;
    /*background-color: #000;*/
    cursor: pointer;
}

#social_media_icons ul li:first-child{
}

#social_media_icons ul li a{

}


/**********/
/* custom */
/**********/

.home #main .background {
    background-color: #e9f2fc;
}

.home #main .wrap {
    padding-top: 104px;
}

.about #main .background {
    background-color: #d0c1ae;
}

.cases #main .background {
    background-color: #a5b4ad;
}

.customers #main .background {
    background-color: #ddbcad;
}

.customers #main .main_wrap .content_wrap .article .heading .date {
    font-size: 22px;
}

.news #main .background {
    background-color: #deebf3;
}

.contact #main .background {
    background-color: #a7c3e8;
}

/*****************/
/* media queries */
/*****************/

@media screen and (max-width: 640px) {
    #page .inner {
        width: 320px;
    }

    #page .inner .lang_bar {
        margin-bottom: 0;
        padding-left: 287px;
    }

    #sidebar {
        padding-top: 25px;
        position: inherit;
        width: 100%;
    }

    #sidebar .logo img {
        margin: 0 auto;
    }

    #sidebar #menu {
        padding: 0 41px;
    }

    #sidebar #menu ul {
        display: none;
        margin-bottom: 26px;
        padding: 0;
    }

    #sidebar #menu ul li {
        padding: 0;
    }

    #sidebar #menu .dropdown {
        background: #000000 url('../img/bg/menu_down.png') no-repeat 207px 9px;
        cursor: pointer;
        display: block;
        height: 30px;
        margin-bottom: 10px;
    }

    #sidebar #menu .open.dropdown {
        background: #000000 url('../img/bg/menu_up.png') no-repeat 207px 9px;
    }

    #sidebar #menu ul.open {
        display: block;
    }

    #sidebar #menu .text {
        color: #ffffff;
        display: block;
        font-size: 20px;
        line-height: 30px;
        text-transform: uppercase;
        text-align: center;
    }

    #main {
        float: left;
        width: 100%;
    }

    #main h1 {
        font-size: 40px;
    }

    #main .main_wrap .content_wrap {
        padding: 0 18px;
    }

    #main .main_wrap .content_wrap #cs_google_maps {
        height: 200px;
        left: 0;
        width: 100%;
    }

    #main .main_wrap .content_wrap iframe {
        height: auto !important;
        left: 0;
        width: 100% !important;
    }

    #main .main_wrap .mb_view_accordion .mb_view_item_handler {
        margin: 0 18px;
    }

    #main .main_wrap .mb_view_accordion .mb_view_item_handler a.mb_view_item_anchor {
        font-size: 18px;
    }

    #main .main_wrap img {
        height: auto;
        left: 0;
        width: 100%;
    }

    #main .main_wrap .form .cs_form_wrapper {
        left: 0;
        width: 99%;
    }

    #main .main_wrap .logos {
        width: 100%;
    }

    #main .main_wrap .logos ul li {
        padding: 0 0 40px 0;
        width: 100%;
    }

    #main .main_wrap .logos ul li img {
        margin: 0 auto;
        width: auto;
    }

    #main .main_wrap .content_wrap .article .image {
        width: 100%;
        margin-bottom: 25px;
    }

    #main .main_wrap .content_wrap .article .image img {
        margin: 0 auto;
    }

    #main .main_wrap .content_wrap .article .text {
        float: left;
        font-size: 17px;
        line-height: 30px;
        padding-left: 0;
        width: 100%;
    }

    #main .content_wrap .mb_gallery_carousel img {
        left: 0;
        width: 320px;
    }

    #footer {
        padding-left: 80px;
    }

    #social_media_icons ul li{
        float: left;
        padding-right: 5px;
        /*background-color: #000;*/
        cursor: pointer;
    }

    #main .content_wrap .form .cs_form_security_image{
    	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }

    #cs_form_row_23{
    	position: relative;
    	left: -5px;
    }

    .recaptchatable #recaptcha_image #recaptcha_challenge_image{
    	width: 261px;
    }

    .recaptchatable #recaptcha_image{
    	border: 1px solid #adc8ea !important;
    	width: 263px !important;
		height: 53px !important;
		left: -12px;
    }

    #recaptcha_logo{
		display: none !important;
	}

	.recaptcha_image_cell{
		width: 521px !important;
	}

	#recaptcha_table{
		border: 0 !important;
	}

	#recaptcha_table tr td{
		padding: 0 !important;
		background: none;
	}

	#recaptcha_table tr+tr td{
		padding: 7px !important;
	}

	#recaptcha_table img{
		left: 0px !important;
		margin-bottom: 0px !important;
		position: relative !important;
	}

	#recaptcha_table tr:first-child td:first-child{
		width: 250px !important;
		padding-right: 0px !important;
		padding-left: 7px !important;
	}

	#recaptcha_table tr:first-child td+td{
		padding-right: 100px !important;
		position: relative;
		top: -2px;
		left: -22px;
	}

	#recaptcha_table tr:first-child td+td+td{
		padding-right: 9px !important;
	}

	.recaptchatable #recaptcha_image #recaptcha_challenge_image{
		border: 1px solid #000
	}

	#recaptcha_response_field{
		width: 279px !important;
	}
}

.disclaimer {
    float: left;
    margin-left: 10px;
    line-height: 30px;
}