/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#000000;background:url(images/bg.gif) repeat #f4f4f4;}
.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}

a{color:#00aeef; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 20px; margin:15px 0 0 0;}
a.details{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 15px; margin:5px 0 0 0;}
a.simple{color:#FFFFFF;}

h1{font-weight: normal;color: #252525;font-size:26px;margin:0;padding:0 0 25px 0;}
h2{font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 25px 0;}
h2.full_width_title{width:100%; background:url(images/divider.gif) no-repeat bottom left; clear:both; margin:40px 0 0 40px; float:left;padding:0 0 40px 0;}
h3{font-weight: normal;color: #252525;font-size:18px;margin:0;padding:10px 0 10px 0;}
h4{font-weight: normal;color: #252525;font-size:16px;margin:0;padding:0 0 25px 0;}
h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 25px 0;}
h5.subtitle{color: #00aeef;margin:0;padding:0 0 15px 0; font-style:italic;}
h6{font-weight: normal;color: #00aeef;font-size:12px;margin:0;padding:0 0 25px 0;}

h1, h2, h3, h4{font-family: 'Terminal Dosis', sans-serif;}


/* Main Content Structure
/*-----------------------------------------------------------------------------------*/
#main_container{margin:auto;width:1000px;padding:0; position:relative; background-color:#FFFFFF;}

#top_slide_content{width:100%; height:auto;position:absolute;top:-500px; background-color:#403933; z-index:99999; color:#FFFFFF;}
#top_slide_content h2{ color:#FFFFFF;}
a.top_slide_button{ position:absolute; top:10px; right:0px; width:19px; height:19px; background-color:#403933; display:block;}
a.top_slide_button span{ width:7px; height:7px; background:url(images/plus.gif) no-repeat center; display:block; margin:6px 0 0 6px;
}
a.top_slide_button_up{background:url(images/up.gif) no-repeat center #403933; display:block; width:100%; text-align:center; padding:50px 0 10px 0; clear:both;}

input.search_input{ width:200px; height:25px; background-color:#4F4A45; border:1px #5F564D solid; margin:15px 0 0 0; color:#FFFFFF; padding:0 0 0 5px;}
input.search_submit{ background-color:#8A9B0F;border:1px #8A9B0F solid; border:none; margin:15px 0 0 5px; padding:5px; cursor:pointer; color:#FFFFFF;}
/* Header Structure
/*-----------------------------------------------------------------------------------*/
#header{width:100%; height:120px; border-top:15px #403933 solid;}
.logo{float:left;margin:40px 0 0 40px; padding:0 0 0 45px;font-family: 'Terminal Dosis', sans-serif; font-size:36px; color:#505050; background:url(images/MSD_33.jpg) no-repeat left;}
.MSD{float:left;margin:10px 0 10px 40px; padding:0 0 0 110px;font-family: 'Terminal Dosis', sans-serif; line-height:108px; font-size:32px; color:#505050; background:url(images/MSD_Logo.jpg) no-repeat left;}
.logo a{color:#505050;}
.MSD a{color:#505050;}
/* Menu Structure
/*-----------------------------------------------------------------------------------*/
.menu{float:right; padding:55px 20px 0 0;}
ul#main_menu {list-style:none; margin:0; padding:0px;}
ul#main_menu * {margin:0; padding:0;}
ul#main_menu li {position:relative; float:left; padding:0 20px 0 20px; height:35px;}
ul#main_menu li a{font-family: 'Terminal Dosis', sans-serif;color:#2b2b2b; font-size:16px;}
ul#main_menu li a:hover{color:#00aeef;}

ul#main_menu ul {position:absolute; top:35px; left:0; background:#fff; display:none; opacity:0; list-style:none;}
ul#main_menu ul li {position:relative; width:140px; margin:0; padding:0px;}
ul#main_menu ul li a {display:block; padding:10px 20px 10px 20px; font-size:14px;}
ul#main_menu ul li a:hover {background-color:#f0f0f0;}

/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{ width:920px; margin:auto; clear:both;}
.flex-caption{ position: absolute; left:20px; top:20px;font-family: 'Terminal Dosis', sans-serif;}
.caption_title_line{ width:auto; padding:0 0 0 25px; height:69px; line-height:69px; background:url(images/slider_caption_bg.png) repeat;color: #fff;}
.flex-caption h2{ float:left; color:#FFFFFF;font-size:26px; padding:0 10px 0 0;}
span.comm_line{ width:69px; height:69px; background:url(images/comm_line.gif) no-repeat center; float:left; display:block;}
span.comm_line a{ font-size:18px; color:#FFFFFF; padding:18px 0 0 28px; display:block;}
.date_line{ width:82px; height:82px; background:url(images/date_line.gif) no-repeat center; margin:20px 0 0 0;}
.date_line span.day{ font-size:32px; font-style:italic; display:block; color:#FFFFFF; padding:7px 0 0 8px;}
.date_line span.month{ font-size:32px; font-style:italic; display:block;color:#FFFFFF; padding:4px 0 0 36px;}

/* Layout
/*-----------------------------------------------------------------------------------*/
.left_full {padding:40px 40px 0 40px; float:left;}
.left14{ width:200px; float:left; padding:10px 0 0 40px;}
.left13{ width:280px; float:left; padding:10px 0 0 40px;}
.left23{ width:600px; float:left; padding:10px 0 0 40px;}
.left12{ width:440px; float:left; padding:10px 0 0 40px;}
.content img {max-width: 100%; display: block;}
.border_img img {margin:0 0 15px 0; background:url(images/slider_bg.gif) no-repeat left bottom; padding:0 0 10px 0;}
.border_img .videocontainer {margin:0 0 15px 0; background:url(images/slider_bg.gif) no-repeat left bottom; padding:0 0 10px 0;}
.videocontainer{ width:100%;}
.page_title{ background:url(images/line.gif) no-repeat top right #00aeef; color:#FFFFFF; font-size:28px;font-family: 'Terminal Dosis', sans-serif; padding:20px; margin:0 20px 0 20px; clear:both;}
.announcement{ background:#00aeef; color:#FFFFFF; font-size:28px;font-family: 'Terminal Dosis', sans-serif; padding:0px; margin:20px 20px 20px 20px; clear:both;}
.middle > * {
  vertical-align: middle;
}
.announcement img {
  margin: 0 auto;
  display: block;
  padding-top: 20px;
}
.announcement p {
  font-size: 20px;
  text-align: center;
  padding: 20px 30px;
  box-sizing: border-box;
  line-height: 20px;
}
.announcement a {
  text-decoration: underline;
  white-space: nowrap;
}
.announcement a:hover {
  text-decoration: none;
}

.post_small{border-top:1px #ededed solid; padding:15px 0 15px 0;}
img.post_thumb{ float:left; margin:0 20px 0 0; padding:3px; border:1px #ededed solid; background:none;}
.post_small h3{ font-size:16px; padding:0 0 10px 0;}
.post_small p{ padding:0 0 0 0px;}

.divider{ height:15px; width:100%; background:url(images/divider.gif) no-repeat left; clear:both; margin:40px 0 0 40px; float:left;}

ul.list{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
ul.list li{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px; line-height:2em;}
ul.list li a{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px;color:#000000;}
ul.list li a:hover{ color:#00aeef;}
/* Flexible Carousel
/*-----------------------------------------------------------------------------------*/
.es-carousel-wrapper{padding:40px 40px 0 40px;position:relative;clear:both;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; padding:0px; margin:0px;}
.es-carousel ul li{height:100%;float:left;display:block; position: relative;}
.es-carousel ul li span.carousel_caption{ position:absolute; bottom:10px; left:10px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:5px;}
.es-carousel ul li b{ position:absolute; right:0px; top:-20px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 5px;}
.es-carousel ul li a{display:block;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}
.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:-10px;}
.es-nav span.es-nav-next{right:45px;width:60px;height:27px;background:transparent url(images/c_next.gif) no-repeat top left;}
.es-nav span.es-nav-prev{left:45px;width:60px;height:27px;background:transparent url(images/c_prev.gif) no-repeat top left;}
.es-nav span.es-nav-next:hover{background:transparent url(images/c_next_a.gif) no-repeat top left;}
.es-nav span.es-nav-prev:hover{background:transparent url(images/c_prev_a.gif) no-repeat top left;}

img.left_icon{ float:left; background:none; margin:0 20px 0 0;}

/* Portfolio
/*-----------------------------------------------------------------------------------*/
ul.portfolio_items {list-style:none;padding:0;margin:0;overflow:hidden; clear:both;}
ul.portfolio_items li {float:left;display:inline-block;overflow: hidden; position:relative;}
ul.portfolio_items li img {display:block;}
ul.portfolio_items li span.portfolio_caption{ position:absolute; bottom:10px; left:50px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:5px;}
ul.portfolio_items li b{ position:absolute; right:0px; top:83px; display:none;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 5px;}

ul.filter_portfolio {float:left;padding:40px 0 0px 40px;}
ul.filter_portfolio li {float: left;display:inline;}
ul.filter_portfolio li a {display: block;font-size: 15px; padding:5px 30px 5px 10px; background:url(images/line.gif) no-repeat top right #403933;color: #fff;margin:0 10px 0 0;}
ul.filter_portfolio li.selected a{border: 0;color: #403933;background-color:#E4E4E4; display: block;margin:0 10px 0 0;}
ul.filter_portfolio a:focus {outline: 0;}

/* Blog
/*-----------------------------------------------------------------------------------*/
.post{ background:url(images/divider.gif) no-repeat left bottom; padding:0 0 40px 0; margin:0 0 40px 0; float:left; clear:both; width:100%;}
.post_left{width:82px; float:left; margin:0px 25px 0 0;}
.date_line_blog{ width:82px; height:82px; background:url(images/date_line.gif) no-repeat center; margin:0px 0 0 0;font-family: 'Terminal Dosis', sans-serif;}
.date_line_blog span.day{ font-size:32px; font-style:italic; display:block; color:#FFFFFF; padding:7px 0 0 8px;}
.date_line_blog span.month{ font-size:32px; font-style:italic; display:block;color:#FFFFFF; padding:4px 0 0 36px;}
.comm_line_blog{ width:72px; height:30px; background:url(images/comm_line_blog.gif) no-repeat center; line-height:30px; padding:0 0 0 10px;}
.comm_line_blog a{ color:#FFFFFF;}
.entry{ clear:both; margin:20px 0 0 0;}
a.read_more{ float:right; background:url(images/read_more_border.gif) no-repeat left; display:block; padding:2px 0 2px 15px; margin:20px 0 0 0;}
.blog_cat{ float:left;background:url(images/read_more_border.gif) no-repeat left; display:block; padding:2px 0 2px 15px; margin:20px 10px 0 0;}

.navigation{clear:both; padding:0px 0 0 0px;}
a.blog_next{float:right; color:#000; padding:0 0px 2px 0; display:block;font-family: 'Terminal Dosis', sans-serif; font-size:14px;margin:0px; border-bottom:1px #00aeef dotted;}
a.blog_prev{float:left; color:#000; padding:0 0 2px 0px; display:block;font-family: 'Terminal Dosis', sans-serif; font-size:14px; margin:0px;border-bottom:1px #00aeef dotted;}
a.blog_next:hover, a.blog_prev:hover{color:#00aeef;}

.pagination{clear:both; padding:0px 0 0 0px;}
a.prev_items{ float:left; color:#FFFFFF; background-color:#403933; padding:7px 15px; margin:40px 0 0 40px;}
a.next_items{ float:right; color:#FFFFFF; background-color:#403933;padding:7px 15px; margin:40px 40px 0 0;}
a.prev_items:hover, a.next_items:hover{color: #403933;background-color:#E4E4E4;}

/* Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar h2{ clear:both;}
.sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
.sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;}
.sidebar ul li a{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px;color:#000000;}
.sidebar ul li a:hover{ color:#00aeef;}
.sidebar_testimonial{padding:20px 0 45px 20px; margin:0px; clear:both; float:left; background:url(images/quotes.png) no-repeat top left;}

.sidebar .flickr_photos ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block; float:left; clear:both;}
.sidebar .flickr_photos ul li{ padding:4px; margin:0px; display:block; width:70px; float:left; border:1px #DFDFDF solid; background-color:#FFFFFF; margin:0 10px 10px 0;}
.sidebar .flickr_photos ul li a{ background:none; display:block; padding:0;}
.sidebar .flickr_photos ul li a img{ background:none; padding:0px; margin:0px;}

/* Forms Section
/*-----------------------------------------------------------------------------------*/
.form_content{width:100%;float:left;padding:0px 0px 20px 0px;}
.form_row{width:100%;clear:both;float:left;padding:10px 0 10px 0;}
.form_row label{font-family: 'Terminal Dosis', sans-serif;  font-size:14px; font-weight:normal; padding:8px 0 0 0; width:30%; float:left;}
.form_row label.error{font-family:Arial, Helvetica, sans-serif;  font-size:12px; font-weight:normal; padding:10px 0 0 30%; width:50%; float:left;color:#00aeef;}
input.form_input{width:60%; height:25px; float:left; background-color:#f4f4f4; border:1px #e2e2e2 solid;}
textarea.form_textarea{width:60%; height:125px; float:left; background-color:#f4f4f4; border:1px #e2e2e2 solid; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input.form_submit{float:right; background-color:#403933; color:#FFFFFF; border:none; cursor:pointer;margin:0 10% 0 0; padding:5px 15px 5px 15px;}

.tweet ul, .tweet ul li{ padding:0px; margin:0px; list-style:none;line-height:20px; font-style:italic;}
.tweet ul li a{ font-weight:bold;}

/* Footer
/*-----------------------------------------------------------------------------------*/
.footer{background-color:#403933; border-top:8px #3a342f solid; color:#FFFFFF; padding:10px 0 10px 0; margin:80px 0 0 0; text-align:center;color:#7d756f;}
.footer_socials{ text-align:center; padding:40px 0 50px 0; background:url(images/footer_divider.gif) no-repeat center bottom;}
.footer_socials ul{ display:inline; padding:0px; margin:0px;}
.footer_socials ul li{ display:inline; padding:0 10px 0 10px;}
.footer_links{ text-align:center; padding:40px 0 20px 0;}
.footer_links ul{ display:inline;padding:0px; margin:0px;}
.footer_links ul li{ display:inline;}
.footer_links ul li a{ color:#7d756f; margin:0 10px 0 10px;}
.footer_links ul li a:hover{ border-bottom:1px dotted #7d756f;}
.footer_text{ line-height:20px;}
a.gotop{ margin:30px 0 20px 0; display:block;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
#main_container{margin:0 auto;width:95%;}
.slider_container{width:90%;}
.left_full{width:90%;padding:5% 5% 0 5%;}
.left14{ width:19%; float:left; padding:5% 0 0 5%;}
.left13{ width:26.7%; float:left; padding:5% 0 0 5%;}
.left23{ width:58.3%; float:left; padding:5% 0 0 5%;}
.left12{ width:42.6%; float:left; padding:5% 0 0 5%;}
.divider{width:90%;margin:5% 0 0 5%;}
h2.full_width_title{width:90%;margin:5% 0 0 5%;}
.post_left{width:100%; float:left; clear:both; margin:0px 0 0 0;}
.date_line_blog{ width:72px; float:left; height:30px; background:#D1D1D1; background-image:none; margin:0px 0 20px 0; color:#FFFFFF; padding:0px; line-height:32px; font-weight:bold;}
.date_line_blog span.day{ font-size:16px; font-style:normal; display:block; color:#FFFFFF; padding:0px 0 0 15px; font-family:Arial, Helvetica, sans-serif; float:left;}
.date_line_blog span.month{ font-size:16px; font-style:normal; display:block;color:#FFFFFF; padding:0px 0 0 5px; font-family:Arial, Helvetica, sans-serif; float:left;}
.comm_line_blog{ width:72px; height:30px; float:left; background:url(images/comm_line_blog.gif) no-repeat center; line-height:30px; padding:0 0 0 10px;}
.comm_line_blog a{ color:#FFFFFF;}
}

@media screen and (max-width: 760px) {
.menu{float:left; clear:both; padding:35px 30px 0 10px;}
.logo{margin:35px 0 0 30px;}
.left14{ width:42.6%; float:left; padding:5% 0 0 5%;}
.page_title{ font-size:20px;padding:15px; margin:0 3% 0 3%;}
.flex-caption{left:10px; top:10px;}
.caption_title_line{padding:0 5px 0 15px; height:39px; line-height:39px;}
.flex-caption h2{font-size:18px;}
span.comm_line, .date_line{ display:none;}
.es-carousel ul li span.carousel_caption{ display:none;}
ul.filter_portfolio li { margin:0 0 10px 0;}
.footer_socials{ text-align:center; padding:30px; }
.footer_socials ul li{ display:inline; padding:0 10px 0 10px; line-height:50px;}
}

@media screen and (max-width: 480px) {
.logo{margin:30px 0 0 20px;}
#header{height:auto;}
.menu{float:left; padding:20px 0 30px 0; width:100%;}
ul#main_menu {list-style:none; margin:0; padding:0 20px 0 20px;}
ul#main_menu * {margin:0; padding:0;}
ul#main_menu li {width:100%; padding:10px 0px 10px 0px;height:auto; border-bottom:1px #efefef solid;}
ul#main_menu li a{color:#2b2b2b; font-size:20px; padding:0 0 0 10px; display:block;}
ul#main_menu li a:hover{color:#ef682c;}
ul#main_menu ul {display:none;}
.flex-caption { display:none;}
.page_title{ font-size:18px;padding:10px 20px 10px 10px; margin:0 3% 0 3%;}
a.top_slide_button{width:30px; height:30px;}
a.top_slide_button span{ margin:12px 0 0 12px;}
.form_row{width:100%;padding:0px 0 0px 0;}
.form_row label{width:100%; padding:10px 0 10px 0;}
input.form_input{width:100%;}
textarea.form_textarea{width:100%;}
input.form_submit{margin:20px 0 0 0; padding:8px 25px 8px 25px;}
ul.portfolio_items li b{ position:absolute; left:5%; width:20px; text-align:center; top:62px; display:none;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 0px; margin:0 0 0 1px;}
ul.filter_portfolio {float:left;padding:5% 0 0 5%;}
ul.filter_portfolio li {float: left;display:inline; width:90%; margin:0 0 5px 0;}
ul.filter_portfolio li a {display: block;font-size: 15px; padding:10px 0 10px 10px; background:#403933; background-image:none;color: #fff;margin:0 0 0px 0;width:100%;}
ul.filter_portfolio li.active a{border: 0;color: #403933;background:#E4E4E4; display: block;margin:0 0px 0 0;width:100%;}
ul.filter_portfolio a:focus {outline: 0;}
.left13, .left23, .left12, .left14{ width:90%; float:left; padding:5% 0 0 5%;}
.sidebar{ padding-top:40px;}
.footer_links ul li a{ color:#7d756f; margin:0 5px 0 5px;}
.footer_text{ line-height:20px; padding:0 10px 0 10px;}
}


@media screen and (min-width: 494px) {
  .announcement img {
    width: 38%;
    margin: 0;
    padding: 0;
    max-width: 123px;
    display: inline-block;
  }
  .announcement p {
    width: 70%;
    padding: 0 20px 0 20px;
    font-size: 28px;
    line-height: 28px;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 719px) {
  .announcement p {
    width: 80%;
    padding: 0 20px 0 60px;
  }
}