body {
background-color:#252834;
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}
a img {border:0px none;}
@font-face {
    font-family: 'BebasRegular';
    src: url('./fonts/BEBAS___-webfont.eot');
    src: url('./fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/BEBAS___-webfont.woff') format('woff'),
         url('./fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('./fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#head_wrapper {
background-color: #282b38;
padding-top: 10px;
}
#header {
margin: 0 auto;
width: 960px;
padding: 20px 30px 60px;
background:url(images/head_gradient.png) top no-repeat;
}
#header h1#logo {
display: block;
padding: 0px;
background:url(images/mimo_logo.png) no-repeat;
width: 310px;
height: 64px;
margin: 0px;
padding: 0px;
float:left;
}
#header h1#logo a {
display: block;
padding: 0px;
text-indent: -9999px;
overflow: hidden;
width: 310px;
height: 64px;
}
#header ul#navigation {
display: block;
width: 570px;
float: right;
padding: 0px;
margin: 18px 0px 0px;
font-family: 'BebasRegular';
color: #fff;
font-size: 1.7em;
line-height: 2.0em;
}
#header ul#navigation li {
list-style: none;
margin-right: 35px;
float: left;
}
#header ul#navigation li a {
color: #fff;
text-decoration: none;
display: block;
}
#header ul#navigation li.getintouch {
margin-right: 0px;
}
#header ul#navigation li.getintouch a {
padding: 0 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:url(images/get_in_touch_hl.gif) repeat-x;
}

#header ul#navigation li a:hover {
color:#cddc29;
}
#header ul#navigation li.getintouch a:hover {
background:url(images/get_in_touch_hl_hover.gif) repeat-x;
color: #fff;
}

#header #mast-content {
width: 960px;
clear: both;
}
#header #mast-content .mast-left {
padding-top: 60px;
float: left;
width:435px;
}
#header #mast-content .mast-right {
padding-top: 30px;
float: right;
width: 445px;
}
#header #mast-content .mast-left h2 {
font-family: 'BebasRegular';
color: #fff;
font-size: 4.8em;
padding: 0px;
margin: 0px;
line-height: 1.0em;
font-weight:normal;
}
#header #mast-content .mast-left h3 {
font-family: 'BebasRegular';
color: #cddc29;
font-size: 1.8em;
padding: 0px;
margin: 0px;
line-height: 1.0em;
font-weight:normal;
text-indent: 5px;
}
#header #mast-content .mast-left p {
color: #b2b1b1;
font-size: 1.4em;
line-height: 1.5em;
margin: 20px 0px;
}
#header #mast-content a.button {
background:url(images/blue_button_med.png) no-repeat;
background-position: 0 0;
width: 170px;
padding: 0 10px;
font-size: 1.8em;
line-height: 2.6em;
height: 43px;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
display: block;
float: left;
margin-right: 20px;
text-align: center;
}
#header #mast-content a:hover.button {
background-position: 0 -43px;
}

#body_wrapper {
background:url(images/body_wrap_top.gif) top repeat-x #fff;
padding: 20px 0px;
}
#highlights, #content {
width: 960px;
margin: 0 auto;
}
.services_wrap {
margin-top: -50px;
border-bottom: 1px solid #e5e5e5;
}
#highlights .service_box {
width: 200px;
padding: 90px 20px 20px;
text-align: center;
float:left;
}
#highlights .service_box h2 {
font-family: 'BebasRegular';
color: #262935;
font-weight: normal;
padding: 0px;
margin: 0px;
font-size:2.4em;
}
#highlights .service_box h2 a {
color: #262935;
text-decoration: none;
}
#highlights .service_box h2 a:hover {
color:#4EAACF;
}
#highlights .service_box p {
margin: 10px 0px;
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;
}
#highlights .website_design {
background:url(images/icons/main_icon_website_design.png) top no-repeat;
}
#highlights .email_marketing {
background:url(images/icons/main_icon_email.png) top no-repeat;
}
#highlights .search_social {
background:url(images/icons/main_icon_social.png) top no-repeat;
}
#highlights .online_strategy {
background:url(images/icons/main_icon_search.png) top no-repeat;
}
#highlights .website_standards, #highlights .seo_results {
background:url(images/icons/main_icon_quality.png) top no-repeat;
}
#highlights .website_services, #highlights .email_targetting, #highlights .social_services, #highlights .online_bespoke {
background:url(images/icons/main_icon_people.png) top no-repeat;
}
#highlights .website_marketing {
background:url(images/icons/main_icon_marketing.png) top no-repeat;
}
#highlights .website_code, #highlights .email_testing {
background:url(images/icons/main_icon_tech.png) top no-repeat;
}
#highlights .email_design {
background:url(images/icons/main_icon_design.png) top no-repeat;
}
#highlights .email_campaigns, #highlights .seo_reports, #highlights .social_results {
background:url(images/icons/main_icon_strategy.png) top no-repeat;
}
#highlights .seo_tricks {
background:url(images/icons/main_icon_alarm.png) top no-repeat;
}
#highlights .seo_marketing, #highlights .online_marketing {
background:url(images/icons/main_icon_picture.png) top no-repeat;
}
#highlights .social_hype {
background:url(images/icons/main_icon_speaker.png) top no-repeat;
}
#highlights .social_expertise, #highlights .online_skillset {
background:url(images/icons/main_icon_cogs.png) top no-repeat;
}
#highlights .online_strategy {
background:url(images/icons/main_icon_other.png) top no-repeat;
}
.content_left {
width: 430px;
float: left;
}
.content_left p {
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;

}
.content_right {
width: 430px;
float: right;
}
h3 {
font-family: 'BebasRegular';
font-weight: normal;
font-size: 3.0em;
}
.green_head {
color: #cddc29;
}
.blue_head { 
color:#4eaacf;
}
.white_head {
color: #fff;
}
.hp-latest, .port-row {
width: 960px;
border-bottom:1px solid #E5E5E5;
padding: 30px 0px;
margin: 0 auto;
}
.hp-latest .latestintro {
width: 200px;
float: left;
padding: 0px 20px;
}
.hp-latest h3, #sub_footer h3 {
font-family: 'BebasRegular';
font-weight: normal;
font-size: 2.4em;
margin:0px;
line-height: 1.4em;
}
.hp-latest p {
font-size: 1.2em;
line-height: 1.8em;
color: #7d7d7d;
}
.hp-latest a.more {
display:block;
width:100px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.6em;
padding: 5px;
background-position: top;
background-repeat: repeat-x;
}
.port-item a.more {
display:block;
width:80px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.3em;
padding: 3px;
background-position: top;
background-repeat: repeat-x;
float: right;
margin-bottom: 8px;
clear: right;
}
.service-info a.more {
display:block;
width:80px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.4em;
padding: 4px 4px 2px;
background-position: top;
background-repeat: repeat-x;
float: left;
margin-right: 10px;
margin-bottom: 8px;
}
a.bluebtn, a:hover.greenbtn {
background-image:url(images/button_sml_blue.gif);
background-color: #2e8bba;
border: 1px solid #45a6cd;
}
a.greenbtn, a:hover.bluebtn {
background-image:url(images/button_sml_green.gif);
background-color: #bace19;
border: 1px solid #cddc29;
}
.clear { clear:both;}
.latest-item {
width: 206px;
float: left;
padding: 0px 17px;
}
.port-item {
width: 286px;
float: left;
padding: 0px 17px;
}
.latest-item img, .port-item img {
display: block;
background-color: #fff;
padding:5px;
border: 1px solid #cacaca;
margin-bottom: 15px;
}
.port-item a img, .latest-item a img {
border: 1px solid #cacaca;
}
.port-item a:hover img, .latest-item a:hover img {
border: 1px solid #cddc29;
}
.port-item img {
width: 274px;
height: 186px;
}
.latest-item h4, .port-item h4 {
margin: 0px;
padding: 0px;
word-spacing: 3px;
}
.latest-item h4 a, .port-item h4 a {
font-family: 'BebasRegular';
font-size: 1.6em;
color: #232632;
font-weight: normal;
text-decoration: none;
}
.latest-item h4 a:hover, .port-item h4 a:hover {
color:#4EAACF;
}
.latest-item p, .port-item p {
padding: 0px;
margin: 0px;
font-size: 1.2em;
color:#7d7d7d;
line-height: 1.8em;
}
.latest-item p a {
color:#4EAACF;
text-decoration: none;
font-weight:bold;
}
.latest-item p a:hover {
text-decoration: underline;
} 
#sub_wrapper {
background-color: #393d4a;
padding: 30px 0px;
width: 100%;
}
#sub_footer {
width: 960px;
margin: 0 auto;
color: #d1d1d1;
}
#sub_footer p {
font-size: 1.4em;
line-height: 1.5em;
}
#sub_footer h3 {
margin-bottom: 15px;
}
#sub_footer .sub_footer_block {
width: 275px;
margin-right: 50px;
float: left;
}
#sub_footer .last {
margin-right:0px !important;
}
#foot_wrap {
padding: 25px 0px;
width: 100%;
background-color: #252834;
}
#footer {
width: 960px;
margin: 0 auto;
}
#footer .foot_left {
width: 475px;
float: left;
color: #b2b1b1;
}
#footer p {
margin: 0px;
padding: 0px;
font-size: 1.4em;
line-height: 1.5em;
padding-top: 10px;
}
#footer .foot_left a.btm_logo {
display: block;
width: 236px;
height: 49px;
overflow: hidden;
text-indent: -9999px;
background:url(images/mimo_logo_bottom.png) no-repeat;
outline: none;
float: left;
margin-right: 20px;
}
#footer .foot_right {
width: 460px;
float: right;
color: #d1d1d1;
}
h1.page_title {
color: #cddc29;
font-family: 'BebasRegular';
font-size: 3.2em;
font-weight: normal;
word-spacing: 3px;
margin-bottom: 0px;
display: block;
text-align: center;
}
#portfolio_wrapper {
width: 960px;
margin: 20px auto;
}
h1.page_title .title_main {
color: #fff;
font-size: 2.2em;
}
#portfolio #header {
padding-bottom: 10px;
}
.port-item .port-links {
width: 100px;
float: right;
}
#cta_block {
border-top: #45a6cd 10px solid;
padding-top: 10px;
margin-top: 10px;
}
#cta_block .calltoaction {
background-color: #252834;
padding: 15px;
}
#cta_block .calltoaction .headline {
font-size: 4.0em;
color: #45a6cd;
float: left;
margin-right: 15px;
width: 330px;
font-family: 'BebasRegular';
line-height: 1.0em;
padding: 10px 0px;
}
#cta_block .calltoaction .text {
color: #d5d4d4;
font-size: 1.4em;
line-height: 1.5em;
float: left;
margin-right: 20px;
width: 280px;
padding: 10px 0px;
}
#cta_block .calltoaction a.ctalink {
display: block;
width:  280px;
float: left;
background: url(images/button_large_green.gif) top repeat-x #b9cd18;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #cddc29;
cursor:pointer;
font-family: 'BebasRegular';
padding: 15px 0px;
text-decoration: none;
outline: none;
text-align: center;
color: #fff;
font-size: 3.0em;
line-height: 1.0em;
}
.testimonial {
width: 430px;
}
.testimonial .credit {
width: 120px;
text-align: center;
padding-bottom: 5px;
border-bottom: 7px solid #c2d420;
font-size: 1.2em;
float: left;
margin-right: 25px;
}
.testimonial .content {
width: 285px;
float: right;
}
.testimonial .content p {
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;
margin-top: 0px;
font-style:italic;
}

/** PROJECT PAGE STYLES **/
#project #mast-content {
padding-top: 40px;
}
#project #header {
padding-bottom: 30px;
}
#project .project_left_top {
width: 515px;
padding-left: 10px;
float: left;
}
#project .project_right_top {
width: 435px;
float: right;
position: relative;
}
#project .project_right_top img {
display: block;
background-color: #fff;
padding: 8px;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
#project .project_left_top h1 {
color: #fff;
font-size: 4.8em;
line-height: 1.0em;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: 'BebasRegular';
}
#project .project_left_top h2 {
color: #cddc29;
font-size: 2.4em;
line-height: 1.2em;
font-family: 'BebasRegular';
padding: 0px;
margin:0px;
font-weight: normal;
}
#project .project_left_top p {
font-size: 1.4em;
line-height: 1.5em;
color: #d0d0d0;
width: 420px;
margin-top: 20px;
}
#project_wrapper, #service_wrapper, #services_wrapper, #about_wrapper, #contact_wrapper {
width: 960px;
margin: 20px auto;
}
#project .project_left, #about .about_left {
width: 445px;
float: left;
padding-left:10px;
margin-bottom: 20px;
}
#project .project_left p, #about .about_left p {
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;
}
#project .project_left h3 {
color: #333643;
font-size: 1.8em;
font-weight: normal;
font-family: 'BebasRegular';
}
#project .project_right {
width: 380px;
padding: 25px;
margin-right: 10px;
float: right;
background-color: #f2f2f2;
margin-top: 20px;
margin-bottom: 30px;
}
#project .project_right .project_details {
margin-bottom: 25px;
}
#project .project_right .project_details img {
float: left;
margin-right: 15px;
}
#project .project_right .project_details h3 {
color: #0e0e0e;
font-size: 1.6em;
line-height: 1.2em;
font-family: 'BebasRegular';
padding: 0px;
margin: 0px;
font-weight: normal;
}
#project .project_right .project_details p {
font-size: 1.2em;
line-height: 1.2em;
color: #7d7d7d;
margin:0px;
}
#project .testimonial {
float: right;
margin-right: 10px;
}
#about .testimonial {
float: right;
margin-right: 10px;
clear:right;
margin-bottom: 10px;
}

/** SERVICES PAGE **/
#service #highlights {
background: url(images/green_bar.gif) repeat-x;
background-position: 0px 40px
}
#service #highlights .services_wrap {
margin-top: 20px;
border-bottom: 0px none;
}
#service #highlights .service_box h2 {
color: #fff;
}
#service #highlights .service_box p {
color: #a3a3a3;
}
#service #body_wrapper {
background-position: 0px -15px;
}
#service #mast-content {
padding-top: 10px;
}
#service h1.page_title {
margin-top: 10px;
}
#service #header {
padding-bottom: 40px;
}
#service .whycare {
width: 400px;
padding: 4px 5px 2px;
text-align: center;
color: #fff;
background-color: #cddc29;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 5px solid #fff;
font-family: 'BebasRegular';
margin: -45px auto 20px;
font-size: 2.6em;
line-height: 1.2em;
}
#service .service_left {
width: 460px;
float: left;
}
#service .service_left p {
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;
}
#service .service_right {
width: 420px;
float:right;
}
#service .features_block {
background-color: #f2f2f2;
padding: 40px;
}
#service .features_block .feature {
margin-bottom: 35px;
width: 390px;
}
#service .features_block .left {
float: left;
}
#service .features_block .right {
float: right;
}
#service .features_block .feature img {
float: left;
margin-right: 15px;
}
#service .features_block .feature h3 {
color: #0e0e0e;
font-size: 1.6em;
line-height: 1.2em;
font-family: 'BebasRegular';
padding: 0px;
margin: 0px;
font-weight: normal;
}
#service .features_block .feature p {
font-size: 1.2em;
line-height: 1.2em;
color: #7d7d7d;
margin:0px;
}
#service .testimonial {
float: left;
padding-right: 50px;
border-right: 10px solid #f2f2f2;
margin: 30px 0px 20px;
}
#service .testimonial_last {
float: right;
border-right:0px;
padding-right: 0px;
}
/** SERVICE LIST PAGE **/
.service-label {
width: 230px;
text-align: center;
float: left;
margin-right: 30px;
}
.service-label h2 {
font-family: 'BebasRegular';
color: #262935;
font-weight: normal;
padding: 0px;
margin: 0px;
font-size:2.4em;
}
.service-info {
width: 200px;
float: left;
}
.service-info p {
font-size: 1.4em;
line-height: 1.5em;
color: #7d7d7d;
margin-top:0px;
}
.service-label p {
font-size: 1.4em;
line-height: 1.5em;
color: #000;
margin-top:0px;
}
.service-links {
float: left;
width: 160px;
}
.service {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
width: 465px;
}
.service_left {
float: left;
clear: both;
}
.service_right {
float: right;
}
/**ABOUT PAGE**/
#about #mast-content {
padding-top: 0px;
}
#about h1.page_title {
margin-top: 0px;
}
#about #header {
padding-bottom: 10px;
}
#about .sumtext {
color: #45a6cd;
font-size: 3.2em;
word-spacing: 3px;
line-height: 1.7em;
font-family: 'BebasRegular';
}
#about .plus {
height: 49px;
background:url(images/plus.png) no-repeat top;
text-indent: -9999px;
overflow: hidden;
margin: 0 33px;
width: 49px;
display: inline-block;
}
#about .equals {
height: 49px;
background:url(images/equals.png) no-repeat top;
text-indent: -9999px;
overflow: hidden;
margin: 0 0 0 30px;
display: inline-block;
width: 49px;
}
#about .resulttext {
color: #45a6cd;
font-size: 7.4em;
word-spacing: 3px;
line-height: 1.5em;
font-family: 'BebasRegular';
margin-bottom: 20px;
}
#about .process_block {
margin: 60px auto 10px;
background-color: #F2F2F2;
padding: 20px 0px 30px;
}
#about .service_box {
width: 200px;
padding: 50px 20px 0px;
text-align: center;
float:left;
}
#about .design {
background: url(images/icons/about_icon_design.png) top no-repeat;
}
#about .develop {
background: url(images/icons/about_icon_develop.png) top no-repeat;
}
#about .discuss {
background: url(images/icons/about_icon_discuss.png) top no-repeat;
}
#about .deliver {
background: url(images/icons/about_icon_deliver.png) top no-repeat;
}
#about .service_box h2 {
font-family: 'BebasRegular';
color: #0e0e0e;
font-weight: normal;
padding: 0px;
margin: 0px;
font-size:2.4em;
}
#about .service_box p {
margin: 0px 0px;
font-size: 1.2em;
line-height: 1.4em;
color: #7d7d7d;
}
#about .ourprocess {
width: 400px;
padding: 4px 5px 2px;
text-align: center;
color: white;
background-color: #CDDC29;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 5px solid white;
font-family: 'BebasRegular';
margin: -45px auto 20px;
font-size: 2.6em;
line-height: 1.2em;
}
#about .about_left h3 {
color: #cddc29;
font-size: 2.4em;
font-weight: normal;
font-family: 'BebasRegular';
}

/* CONTACT STYLES */

#contact #mast-content {
padding-top: 0px;
}
#contact h1.page_title {
margin-top: 0px;
}
#contact #header {
padding-bottom: 10px;
}
#contact_wrapper .contact_left {
width: 200px;
float: left;
}
#contact_wrapper .contact_right {
width: 675px;
float: right;
}
#contact_wrapper .contact_left h3 {
color: #45a6cd;
font-weight: normal;
font-family: 'BebasRegular';
font-size: 2.6em;
margin-top: 50px;
line-height: 1.0em;
margin-bottom: 20px;
}
#contact_wrapper .contact_left h3:first-child {
margin-top: 20px;
}
#contact_wrapper .contact_left .tel, #sub_footer .tel {
color: #3b3c3d;
font-family: 'BebasRegular';
font-size: 3.0em;
word-spacing: 3px;
line-height: 1.0em;
}
#contact_wrapper .contact_left .email, #sub_footer  .email {
color: #3b3c3d;
font-size: 1.8em;
font-weight: bold;
}
#sub_footer .tel, #sub_footer .email { color: #fff; }
#contact_wrapper .contact_left p {
color: #7d7d7d;
font-size: 1.2em;
line-height: 1.4em;
margin-top: 0px;
}
#contact_wrapper .contact_left form {
padding: 0px;
margin: 0px;
}
#contact_wrapper .contact_left form input.nl_first, #contact_wrapper .contact_left form input.nl_last, #contact_wrapper .contact_left form input.nl_email {
display: block;
background-color: #f5f5f5;
float: left;
margin-bottom:6px;
width: 87px;
padding: 4px;
border: 1px solid #f5f5f5; 
color: #3b3c3d;
font-weight:bold;
font-style: italic;
}
#contact_wrapper .contact_left form input[type=text]:focus {
border: 1px solid #bace19;
background-color: #fff;
outline: none;
}
#contact_wrapper .contact_left form input.nl_last {
float: right;
}
#contact_wrapper .contact_left form input.nl_email {
width: 190px;
clear: both;
float: none;
}
#contact_wrapper .contact_left form input[type=submit] {
display:block;
width:80px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.4em;
padding: 4px 4px 2px;
background-position: top;
background-repeat: repeat-x;
float: right;
cursor: pointer;
background-image:url(images/button_sml_green.gif);
background-color: #bace19;
border: 1px solid #cddc29;
}
#contact_wrapper .contact_left form input[type=submit]:hover {
background-image:url(images/button_sml_blue.gif);
background-color: #2e8bba;
border: 1px solid #45a6cd;
}
#contact_wrapper .contact_left a.sm_link {
display: inline-block;
margin-right: 3px;
border: 0px;
}
#contact_wrapper .contact_left a.sm_link img {
border: 0px;
}
#contact_wrapper .contact_left p.address {
font-size: 1.4em;
}
.contact_left p.address .add_first {
font-size: 1.3em;
color: #303030;
font-weight: bold;
}
#contact_wrapper .contact_right h2 {
color: #cddc29;
font-size: 4.8em;
margin-top: 20px;
margin-bottom: 20px;
font-family: 'BebasRegular';
word-spacing: 3px;
line-height:1.0em;
}
#contact_wrapper .contact_right p {
color: #7d7d7d;
font-size: 1.4em;
line-height: 1.4em;
}
#contact_wrapper .contact_right fieldset {
padding: 0px;
margin: 0px;
border: 0px;
display: inline;
}
#contact_wrapper .contact_right ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#contact_wrapper .contact_right ul.cont_form_left {
width: 310px;
float: left;
}
#contact_wrapper .contact_right ul.cont_form_right {
width: 310px;
float: right;
}
#contact_wrapper .contact_right ul.cont_form_bottom {
clear:both
}
#contact_wrapper .contact_right .contact_form input[type=text], #contact_wrapper .contact_right .contact_form select, #contact_wrapper .contact_right textarea {
background-color: #f5f5f5;
padding: 4px;
width: 300px;
font-size: 1.4em;
line-height: 1.8em;
color: #3b3c3d;
border: 1px solid #f5f5f5;
}
#contact_wrapper .contact_right .contact_form select {
width: 310px;
height: 35px;
}
#contact_wrapper .contact_form textarea {
background-color: #f5f5f5;
padding: 4px;
font-size: 1.4em;
line-height: 1.8em;
color: #3b3c3d;
border: 1px solid #f5f5f5;
font-family: Arial, Helvetica, sans-serif;
width: 665px;
}
#contact_wrapper .contact_right .contact_form label {
font-size: 1.4em;
color: #3b3c3d;
font-weight: bold;
line-height: 1.8em;
}
#contact_wrapper .contact_right .contact_form li {
margin-bottom: 10px;
}
#contact_wrapper .contact_right .contact_form input[type=text]:focus, #contact_wrapper .contact_right .contact_form select:focus, #contact_wrapper .contact_form textarea:focus {
border: 1px solid #bace19;
background-color: #fff;
outline: none;
}
#contact_wrapper .contact_right .contact_form li p {
margin: 0px 0px 10px;
font-size: 1.4em;
}
#contact_wrapper .contact_right .contact_form li p:nth-child(2) {
margin-top: 20px;
}
#contact_wrapper .contact_right .contact_form input[type=checkbox] {
margin-right: 10px;
}
.contact_form input[type=submit] {
background: url(images/blue_button_med.png) no-repeat;
background-position: 0 0;
font-family: "BebasRegular";
width: 190px;
padding: 0 10px;
font-size: 1.8em;
line-height: 2.6em;
height: 43px;
color: white;
text-decoration: none;
display: block;
float: right;
text-align: center;
cursor: pointer;
border: 0px none;
}
.contact_form input:hover[type=submit] {
background-position:0 -43px;
}
.contact_form input[type=text].spam {
width: 170px !important;
margin-left:10px;
}
#contact_wrapper .contact_right .contact_form .cont_form_button label {
display: block;
width: 470px;
float: left;
color: #3b3c3d;
font-size: 2.2em;
line-height: 2.0em;
font-weight: bold;
}

/** BLOG **/
#blog_wrapper {
width: 960px;
margin: 20px auto;
}
#blog #mast-content {
padding-top: 0px;
}
#blog h1.page_title {
margin-top: 0px;
}
#blog #header {
padding-bottom: 10px;
}

#blog_left {
width: 630px;
float: left;
margin-top: 30px;
padding-right: 50px;
border-right: 1px solid #ebebeb;
}
#blog_right {
width: 230px;
float: right;
margin-top: 30px;
}
.article, .sideblock {
margin-bottom: 50px;
}
.article .article_left {
width: 180px;
float: left;
margin-bottom: 20px;
}
.article .article_right {
width: 430px;
float: right;
margin-bottom: 20px;
}
.article .article_foot {
clear: both;
background-color: #eaeaea;
padding: 8px 10px;
font-size: 1.1em;
color: #212121;
}
.article_foot a, .article_left .meta a, .comment a {
color: #45a6cd;
text-decoration: none;
font-weight: bold;
}
.article_foot a:hover, .article_left .meta a:hover,  .comment a:hover {
color: #cddc29;
}
.article_foot .meta {
display: inline-block;
margin-right: 15px;
}
.article_left .meta p {
font-size: 1.2em !important;
color: #212121;
padding: 0px;
margin: 0px;
}
.article_left .meta {
padding: 10px 0px;
border-bottom: 1px solid #e1e1e1;
}
.article_left .meta:first-child {
border-top: 1px solid #e1e1e1;
margin-top: 20px;

}
.full_article .article_right p:first-child {
font-weight: bold;
}
.full_article .article_body img.blog_thumb {
width: 620px;
margin-bottom: 30px;
}

.article h2, .sideblock h4 {
color: #45a6cd;
font-size: 2.6em;
margin-top: 0px;
margin-bottom: 20px;
font-family: 'BebasRegular';
word-spacing: 3px;
line-height:1.0em;
font-weight: normal;
}
.sideblock h4 {
color: #cddc29;
}
.article h2.title {
font-size: 4.8em;
}
.article h2 a {
color: #45a6cd;
text-decoration: none;
}
.article h2 a:hover {
color: #cddc29;
}
img.blog_thumb {
display: block;
width: 170px;
background-color: #fff;
padding: 4px;
border: 1px solid #e1e1e1;
}
img.commenter {
display: block;
width: 80px;
background-color: #fff;
padding: 4px;
border: 1px solid #e1e1e1;
}
.article p, .sideblock p {
color: #797979;
font-size: 1.4em;
line-height: 1.5em;
}
a.catlink {
display: block;
float: left;
padding: 4px;
background-color: #45a6cd;
font-weight: bold;
color: #fff;
text-decoration: none;
margin: 0 3px 3px 0;
font-size: 1.4em;
}
a:hover.catlink {
background-color: #cddc29;
}
.article_body {
clear: both;
}
.comment {
margin-bottom: 10px;
z-index: 1;
position: relative;
}
.comment_left {
padding: 10px 35px 10px 10px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 90px;
height: 90px;
background:url(images/comment_arrow.jpg) right no-repeat;
}
.comment_right {
float: right;
width: 464px;
z-index: 2;
border: 1px solid #cccccc;
padding: 15px;
font-size: 1.4em;
line-height: 1.5em;
color: #797979;
}
.comment .author {
float: left;
color: #282828;
font-weight: bold;
}
.comment .date {
float: right;
color: #282828;
font-style:italic;
}
.comment_right p:first-child {
clear: both;
}
.comment_right p {
font-size: 1.0em !important;
margin:0px;
}
.comment_body {
clear:both;
padding-top: 15px;
}
.comment_title, .share_title, .addcomment_title {
float: left;
width: 120px;
color: #45a6cd;
font-size: 2.4em;
margin-top: 0px;
font-family: 'BebasRegular';
margin-right: 30px;
}
.addcomment_title {
margin-right:0px;
color: #CDDC29;
line-height: 1.2em;
word-spacing: 3px;
}
.share_title {
color: #CDDC29;
}
.share_links {
width: 480px;
float: left;
}
.share_links a {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
.share_links a:last-child {
margin-right: 0px;
}
.share_links a img {
border: 0px none;
}
.comment_article {
font-size: 1.4em;
color: #1d1d1d;
font-weight: bold;
line-height: 1.5em;
padding-top: 5px;
width: 330px;
float: left;
}
a.comment_link {
float: right;
display:block;
width:110px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.4em;
padding: 4px 5px 2px;
background-position: top;
background-repeat: repeat-x;
background-image:url(images/button_sml_green.gif);
background-color: #bace19;
border: 1px solid #cddc29;
cursor: pointer;
}
a:hover.comment_link {
background-image:url(images/button_sml_blue.gif);
background-color: #2e8bba;
border: 1px solid #45a6cd;
}
#comments, #share {
border-top: 1px solid #e1e1e1;
padding: 20px 0px;
}
.comment_form {
width: 495px;
float: right;
font-size: 1.4em;
line-height: 1.4em;
color: #1d1d1d;
}
#comment_form {
margin-top: 40px;
}
.comment_form form, .comment_form fieldset, .comment_form ul, .comment_form ul li {
padding: 0px;
margin: 0px;
border: 0px none;
}
.comment_form ul { list-style: none; }
.comment_form ul li { margin-bottom: 10px; }
.comment_form input[type=text], .comment_form textarea {
padding: 8px;
border: 1px solid #ccc;
width: 467px;
outline: none;
}
.comment_form input[type=text]:focus, .comment_form textarea:focus {
border: 1px solid #1d1d1d;
}
.nl_side ul, .nl_side li {
margin: 0px;
padding: 0px;
list-style:none;
}
#sub_footer  form {
padding: 0px;
margin: 0px;
}
#sub_footer  form input.nl_first, #sub_footer form input.nl_last, #sub_footer form input.nl_email {
display: block;
background-color: #f5f5f5;
float: left;
margin-bottom:6px;
width: 123px;
padding: 5px;
border: 1px solid #f5f5f5; 
color: #3b3c3d;
font-weight:bold;
font-style: italic;
}
#sub_footer form input[type=text]:focus {
border: 1px solid #bace19;
background-color: #fff;
outline: none;
}
#sub_footer form input.nl_last {
float: right;
}
#sub_footer form input.nl_email {
width: 263px;
clear: both;
float: none;
}
#sub_footer form input[type=submit] {
display:block;
width:80px;
text-align: center;
font-family: 'BebasRegular';
color: #fff;
text-decoration: none;
font-size: 1.4em;
padding: 4px 4px 2px;
background-position: top;
background-repeat: repeat-x;
float: right;
cursor: pointer;
background-image:url(images/button_sml_green.gif);
background-color: #bace19;
border: 1px solid #cddc29;
}
#sub_footer form input[type=submit]:hover {
background-image:url(images/button_sml_blue.gif);
background-color: #2e8bba;
border: 1px solid #45a6cd;
}
.conterr, .contsucc {
padding: 8px;
font-size: 1.2em;
margin-bottom: 15px;
line-height: 1.5em;
}
.conterr strong, .contsucc strong { font-weight: bold; font-size: 1.2em; }
.conterr { color: #c60000; border: 1px solid #c60000; background-color: #ffe7e7; }
.contsucc { color: #a7b500; border: 1px solid #a7b500; background-color: #f8fdbd; }
a.awwwards {
display:block;
width: 69px;
height:105px;
position:absolute;
top: 0px;
left: 0px;
outline:none;
border: 0px none;
}
a.awwards img {
border: 0px none;
}