/*-------------------------------------------------------------------------------
  HTML5 Reset :: style.css
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;font-weight:300; vertical-align: baseline; background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: normal; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;} /* hand cursor on clickable elements */
button, input, select, textarea {margin: 0;padding:0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
button {width: auto; overflow: visible;} /* make buttons play nice in IE */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */

input::-moz-focus-inner{ border:none; }
textarea{ resize:none; }
:focus { outline:0; }

.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }
.center { text-align:center; }
.right { float:right; }
.left { float:left; }
.aleft { text-align:left; }
.a-right { text-align:right; }
.show { display:block; }
.hide { display:none; }
.relative { position:relative; }
.absolute { position:absolute; }

.mt10 { margin:10px 0px 0px 0px; }
.mr10 { margin:0px 10px 0px 0px; }
.mb10 { margin:0px 0px 10px 0px; }
.ml10 { margin:0px 0px 0px 10px; }

/*-------------------------------------------------------------------------------
  CSS3 Framework
-------------------------------------------------------------------------------*/

.unselectable{ -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none; }

.transition-200, .transition-200:hover, .transition-200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.transition-300, .transition-300:hover, .transition-300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.transition-500, .transition-500:hover, .transition-500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.transition-700, .transition-700:hover, .transition-700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }

/*-------------------------------------------------------------------------------
  Selection Color
-------------------------------------------------------------------------------*/

::-moz-selection{background: #4995e1; color: #FFF; text-shadow: none;}
::selection {background: #4995e1; color: #FFF; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #4995e1;}

ins {background-color: #4995e1; color: #FFF; text-decoration: none;}
mark {background-color: #4995e1; color: #FFF; font-style: italic; font-weight: bold;}

/*-------------------------------------------------------------------------------
  Editable Styles
-------------------------------------------------------------------------------*/

hr {
  clear:both;
  border:0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #FFF;
  border:expression('1px solid #CCC');
  margin:0;
  padding:0;
  display: block;
  height:1px;
}

/*-------------------------------------------------------------------------------
  Anchor
-------------------------------------------------------------------------------*/

a {
  text-decoration:none;
  color:#4995e1;
  
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}

a:hover,
a:active {  
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}


/*-------------------------------------------------------------------------------
  <H> Tags
-------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
  color:#333;
  font-family: Helvetica, Arial;
}

.s45{ font-size:45px; }
.s38{ font-size:38px; }
.s30{ font-size:30px; }
.s28{ font-size:28px; }
.s26{ font-size:26px; }
.s24{ font-size:24px; }
.s22{ font-size:22px; }
.s20{ font-size:20px; }
.s17{ font-size:17px; }

section header h6, section footer h6{font-size: 1px; text-indent: -9999px; line-height: 1px;}

/*-------------------------------------------------------------------------------
  Main Article Body Text
-------------------------------------------------------------------------------*/

p{
  margin-bottom:20px;
}

.btext{
  font: 14px/18px Georgia, Arial;
}

.btext p{
  margin-bottom:20px;
}

.btext a{
  color:#A32430;
}

.btext a:hover,
.btext a:active{
  color:#A32430;
  text-decoration: underline;
}

.btext ul{
  margin-left:20px;
  margin-bottom:20px;
  list-style: disc;
}

.btext ol{
  margin-left:20px;
  margin-bottom:20px;
  list-style: decimal;
}

.btext blockquote{
}

/*-------------------------------------------------------------------------------
  Form
-------------------------------------------------------------------------------*/

input, label, textarea, select{
}

.field{
}

.field label{
}

.field label.error{
  display:none !important;
}

.field input{
}

.form .field input.error{
  border:1px solid #A32430 !important;
}

.field select{
}

.field select.error{
}

.field textarea{

}

.form .field textarea.error{
  border:1px solid #A32430;
}


.field input,
.field textarea{

}

.field input:focus,
.field textarea:focus{

}





/* Layout
------------------------------------------------------------ */

html,body {
}

body{
  background:#0b1821 url(/media/templates/mde11-gradient-bg.jpg) repeat-x 0 0;
}

.mde11-container {
  width:985px;
  margin:0px auto;
}

#mde11-page header {
  background:url(/media/templates/mde11-sw-banner1.png) no-repeat 0 0;
  padding:27px 0px 0px;
  height:308px;
}

#mde11-page footer {
  border-top:3px solid #FFF;
  border-bottom:1px solid #FFF;
}

#mde11-page footer .footer-content {
  background:url(/media/templates/mde11-footer-bg.jpg) no-repeat 0 0;
  padding:40px 20px 0px;
  width:964px;
  height:183px;
  margin:0px auto;
}

#mde11-page header .lcol {
  float:left;
}

#mde11-page header .rcol {
  float:right;
}

.mde11-logo h2 {
  font:bold 16px/18px Helvetica;
  text-shadow:0px 3px 0px #165170;
  color:#FFF;
  margin:0px 0px 5px;
}

.mde11-logo h3 {
  font:lighter 16px/18px Helvetica;
  text-shadow:0px 3px 0px #165170;
  color:#FFF;
  margin:0px 0px 10px;
}

.mde11-logo span {
  font:bold 26px/18px Helvetica;
  text-shadow:0px 3px 0px #165170;
  color:#FFF;
  display:block;
}

.mde11-search {
  margin:0px 0px 10px;
}

.mde11-search .text {
  width:90px;
  height:22px;
  border:1px solid #CCC;
  background:white;
  font:italic 12px/22px Helvetica;
  color:#666;
  float:left;
  padding:0px 10px;
  overflow:visible;
}

.mde11-search .submit {
  background:transparent url(/media/templates/mde11-go.png) no-repeat 0 0;
  width:34px;
  height:26px;
  border:0px none;
  font:bold 12px/26px Helvetica;
  color:#FFF;
  float:left;
}

a.button.med {
  background:url(/media/templates/mde11-red-button-medium.png) no-repeat 0 0;
  width:145px;
  height:26px;
  text-align:center;
  font:bold 12px/26px Helvetica;
  color:#FFF;
  display:block;
  text-transform:uppercase;
}

a.button.large,.submit {
  background:transparent url(/media/templates/mde11-button-large.png) no-repeat 0 0;
  width:231px;
  height:26px;
  text-align:center;
  font:bold 12px/26px Helvetica;
  color:#FFF;
  display:block;
  text-transform:uppercase;
  border:0px none;
}

.submit {
  background:transparent url(/media/templates/mde11-button-medlarge.png) no-repeat 0 0;
  width:217px;
}

.med.large {
  background:transparent url(/media/templates/mde11-button-medlarge.png) no-repeat 0 0 !important;
  width:217px !important;
}

#mde11-page #content {
  background:#FFF;
  padding:20px 20px 48px;
}

#mde11-page #content .content-container {
  width:100%;
  position:relative;
}

#mde11-page #content .lcol {
  float:left;
  width:459px;
}

#mde11-page #content .rcol {
  float:right;
  width:453px;
}

#mde11-page #content.sub .lcol {
  width:688px;
  padding:0px 19px 0px 0px;
}

#mde11-page #content.sub .rcol {
  width:216px;
  padding:0px 0px 0px 19px;
  border-left:1px solid #CCC;
}

/* Main Menu
---------------------------------------------------- */

#mde11-main-menu {
  height:90px;
  background:#171e26;
  padding:0px 20px;
}

#mde11-main-menu a {
  display:block;
  float:left;
  width:131px;
  height:64px;
  background:url(/media/templates/mde11-nav-border.jpg) no-repeat 50% 0;
  color:#FFF;
  font:11px/13px Helvetica;
  padding:13px;
}

#mde11-main-menu a:hover,#mde11-main-menu a.active {
  background:#0196e8;
}

#mde11-main-menu .item {
  float:left;
  position:relative;
}

#mde11-main-menu h2 {
  color:#0196e8;
  font:18px/20px Helvetica;
  margin:0px 0px 5px;
  white-space:nowrap;
}

#mde11-main-menu a:hover h2,
#mde11-main-menu a.active h2 {
  color:#FFF;
}

#mde11-main-menu .arrow {
  background:#FFF url(/media/templates/mde11-down-arrow.jpg) no-repeat 50% 0;
  height:10px;
  width:159px;
  clear:both;
  position:absolute;
  bottom:-10px;
}

#mde11-main-menu .item:hover .arrow{
  display:block;
}


/* Sub Menu
---------------------------------------------------- */

#mde11-sub-nav{
  margin-bottom:30px;
}

#mde11-sub-nav ul{
  display:block;
  float:left;
  width:100%;
  background:url(/media/templates/mde11-sub-nav.jpg) repeat-x 0 100%;
}

#mde11-sub-nav ul li{
  display:block;
  float:left;
}

#mde11-sub-nav ul li a{
  display:block;
  float:left;
  font:bold 15px/15px Helvetica;
  height:15px;
  margin-right:60px;
  padding-bottom:10px;
  color:#999;
  border-bottom:2px solid #d4d4d4;
  
  transition:    250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:   250ms all ease;
  -ms-transition:   250ms all ease;
}

#mde11-sub-nav ul li a:hover,
#mde11-sub-nav ul li a:active,
#mde11-sub-nav ul li.active a{
  color:#4a95e2;
  border-bottom:2px solid #4a95e2;
  
  transition:    250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:   250ms all ease;
  -ms-transition:   250ms all ease;
}

/* Our Services
--------------------------------------------------- */

#mde11-services-menu {
  margin:0px 0px 20px;
}

#mde11-services-menu h2,#mde11-home-projects h2,#mde11-home-featured-article h2,#mde11-service-request h2,#mde11-contact h2,.form.request h4 {
  font:bold 18px/20px Helvetica;
  color:#171e26;
  padding:0px 0px 17px;
  margin:0px 0px 12px;
  border-bottom:1px solid #171e26;
}

#mde11-services-menu a {
  width:156px;
  height:144px;
  display:block;
  float:left;
  margin:0px 0px 1px;  
}

#mde11-services-menu .item {
  float:left;
  margin-right:1px;
}

#mde11-services-menu .item:hover a,
#mde11-services-menu .item.active a {
  background-position:0px -144px !important;
}

.valign-m {
  #position:relative;
  width:156px;
  height:56px;
  background:#999;
  display:table;  
}

.valign-m .container {
  #position:absolute;
  #top:50%;
  display:table-cell;
  vertical-align:middle;
}

#mde11-services-menu h3 {
  position:relative;
  top:-50%;
  display:block;
  cursor:pointer;
  width:100px;
  padding:0px 28px;
  clear:both;
  font:18px/20px Helvetica;
  color:#FFF;
  text-align:center;
  vertical-align:middle;
}

#mde11-services-menu .item:hover .valign-m,
#mde11-services-menu .item.active .valign-m  {
  background:#0196e8;
}

/* Home Projects list
------------------------------------------------------ */

#mde11-home-projects {
  margin:0px 0px 20px;
  width:459px;
}

#mde11-home-projects.side-menu {
  width:219px;
  overflow:hidden;
}

#mde11-home-projects .item {
  float:left;
  margin:0px 0px 5px;
  cursor:pointer;
}

#mde11-home-projects .item .bg {
  width:227px;
  height:117px;
  overflow:hidden;
  margin:0px 0px 2px;
}

#mde11-home-projects .divider {
  width:5px;
  height:20px;
  float:left;
}

#mde11-home-projects .item .details {
  background:#999;
  padding:10px;
  width:207px;
  height:50px;
  overflow:hidden;
  display:block;
  line-height:15px;
}

#mde11-home-projects.side-menu .item .details {
  width:200px;
}

#mde11-home-projects .item:hover .details {
  background:#0196e8;
}

#mde11-home-projects .item .details h3 {
  font:18px/20px Helvetica;
  color:#FFF;
}

#mde11-home-projects.side-menu .item .details h3 {
  font:17px/20px Helvetica;
}

#mde11-home-projects .item .details span {
  font:12px/15px Helvetica;
  color:#FFF;
}

#mde11-home-projects.sub {
  width:697px;
  overflow:hidden;
}

#mde11-home-projects.sub .item{
  float:left;
  margin-right:5px;
  width:227px;
  height:193px;
}

/* Home Featured Article
------------------------------------------------------ */

#mde11-home-featured-article .text-container {
  padding:20px;
  background:#999;
  font:12px/18px Helvetica;
  color:#FFF;
  margin:10px 0px 0px;
/*  height:386px;*/
}

#mde11-home-featured-article .text-container h3 {
  font:18px/20px Helvetica;
  color:#FFF;
  margin:0px 0px 10px;
}

/* Service Request
------------------------------------------------------ */

#mde11-service-request {
  width:219px;  
}

#mde11-service-request .btext {
  padding:0px 0px 23px;
  display:block;
  font:12px/15px Helvetica;
  color:#171e26;
}

.form .text {
  background:#F1F1F1;
  font:italic 12px/21px Helvetica;
  color:#666;
  margin:0px 0px 18px;
  padding:0px 10px;
  height:21px;
  border:1px solid #CCC;
  width:195px;
}

.form.request {
  margin:15px 0px 0px 0px;
}

.form.request h4 {
  clear:both;
}

.form.request .text,.form.request textarea,.form.request select {
  display:block;
  float:left;  
  margin:0px 20px 15px 20px;
}

.form.request .submit {
  margin:0px 0px 0px 20px;
}

.form select {
  width:217px;
  padding:3px 0px;
  margin:0px 20px 10px 20px;
}

input.error {
  border:1px solid #ec0606 !important;
}

label.error {
  display:none !important;
}

/* Contact
------------------------------------------------------------ */

#mde11-contact {
  width:219px;
}

#content.sub #mde11-contact {
  margin:35px 0px 0px;
}

#mde11-contact h3,.msg {
  color:#0196E8;
  font:12px/14px Helvetica;
}

.msg {
  line-height:24px;
}

#mde11-contact div {
  font:19px/22px Helvetica;
  color:#666;
  padding:0px 0px 15px;
  margin:0px 0px 10px;
  border-bottom:1px solid #666;
}

#mde11-contact div.last {
  border:0px none;
}

#mde11-about {
  width:212px;
  float:left;
  margin-right:30px;
  line-height:14px;
}

#mde11-about h2 {
  font:bold 14px/16px Helvetica;
  color:#FFF;
  margin:0px 0px 10px;
}

#mde11-about span {
  font:11px/13px Helvetica;
  color:#CCC;
}

#mde11-about a {
  font:bold 12px/14px Helvetica;
  color:#0196E8;
  text-decoration:underline;
  text-align:right;
  margin-top:15px;
  display:block;
}

/* Footer Menu
------------------------------------------------------------ */

#mde11-footer-menu {
  float:left;
  width:330px;
}

#mde11-footer-menu ul {
  float:left !important;
}

#mde11-footer-menu a.level1 {
  font:bold 14px/16px Helvetica;
  color:#FFF;
  margin:0px 0px 5px;
  display:block;
  float:left;
  width:150px;
}

#mde11-footer-menu .level2 a {
  font:bold 11px/13px Helvetica;
  color:#CCC;
  margin:0px 0px 5px;
  display:block;
  float:left;
  width:150px;
}

#mde11-footer-contact {
  float:left;
  width:170px;
  margin-right:60px;
}

#mde11-footer-contact h2 {
  font:bold 14px/16px Helvetica;
  color:#FFF;
  margin:0px 0px 10px;
}

#mde11-footer-contact div {
  font:11px/13px Helvetica;
  color:#CCC;
  margin:0px 0px 10px;
}

#mde11-social-media {
  float:left;
  margin:25px 0px 0px 22px;
}

#mde11-social-media a {
  float:left;
  margin-left:10px;
}

#mde11-page .legal {
  font:12px/14px Helvetica;
  color:#999;
  padding:10px 0px;
}

.bbt {
  color:#ccc;
  background:url(/media/templates/mde11-bbt-icon.png) no-repeat 100% 50%;
  padding:15px 35px 15px 0px;
}

/* Default article
------------------------------------------------------ */

#mde11-default-article {
  font:12px/15px Helvetica;
  color:#000;
  position:relative;
}

#mde11-default-article h1 {
  color:#0196E8;
  font:30px/33px Helvetica;
  padding:0px 0px 17px;
  margin:0px 0px 12px;
  border-bottom:1px solid #171e26;
}

#mde11-default-article ul {
  list-style-type:disc;
}


#mde11-default-article li {
   padding:0px 0px 10px;
   margin:0px 25px;
}

/* Popup
------------------------------------------------------ */

#mde11-popup {
  position:absolute;  
  top:60px;
  left:90px;
  width:514px;
}

#mde11-popup.home {
  left:200px;
}

#mde11-popup #html, #mde11-popup #close{
  display:none;
}

#mde11-popup #close {
  position:absolute;
  z-index:50;
  cursor:pointer;
  top:0px;
  right:0px;
  background:url(/media/templates/mde11-close-btn.jpg) no-repeat 0 0;
  width:16px;
  height:16px;
}

/* Search Results
---------------------------------------------------------- */

#mde11-search-result h2 {
  margin:0px 0px 20px;
}

#mde11-search-result .item {
  padding:0px 0px 10px;
  margin:0px 0px 10px;
  border-bottom:1px solid #afafaf;
}

#mde11-search-result .item h3 {
  font:14px/17px Helvetica;
  color:#0196E8;
  margin:0px 0px 5px;
}

.mde11-paging{
  float:right;  
}

.mde11-paging a,
.mde11-paging span{
  color:#000;
  padding:0px 5px;
  display:block;
  float:left;
}

.mde11-paging a:hover,.mde11-paging a.active {
  color:#0196E8;
}


/* Photo gallery 
------------------------------------------------------------ */

#mde11-gallery {
    position:relative;
    box-shadow: 0 5px 5px #777;
    -moz-box-shadow: 0 5px 5px #777;
    -webkit-box-shadow: 0 5px 5px #777;
    clear:both;
    overflow:hidden;
}

#mde11-gallery .the-carousel-gallery {
    width:514px;
    position:relative;
    margin:0 auto;
}

#mde11-gallery .the-carousel-gallery .img-pane {
    width:508px;
    height:337px;
    overflow:hidden;
    padding:3px;
    position:relative;  
    background:#FFF;
    border-bottom:3px solid #FFF;
}

#mde11-gallery .the-carousel-gallery .img-pane img {
    display:block;
    margin:0px auto; 
}

#mde11-gallery .the-carousel-gallery .controls {
    background:#666;
    padding:10px 0px; 
    position:relative;
}

#mde11-gallery .the-carousel-gallery .navigation {
    overflow:hidden;
    width:450px;
    height:57px;
    position:relative;
    left:33px;
}

#mde11-gallery .the-carousel-gallery .item {
    cursor: pointer;
    float:left;
    margin:0px 5px 0px 0px;
    padding:0px;
    position:relative;
    width:auto;
    height:auto;
}
  
#mde11-gallery .the-carousel-gallery a.thumb {
    display:block;
    width:82px;
    height:53px;
    border:2px solid #FFF;
}

#mde11-gallery .the-carousel-gallery a.thumb:hover,#mde11-gallery .the-carousel-gallery a.thumb.active  {
    border:2px solid #0196E8;
}

.the-carousel-gallery .screen {
    clear:both;
    position:relative;
    left:0px;
    width:20000em;
}

.the-carousel-gallery .screen {
    transition:all 450ms ease;
    -moz-transition:all 450ms ease;
    -webkit-transition:all 450ms ease;
    -o-transition:all 450ms ease;
    -ms-transition:all 450ms ease;
}

.the-carousel-gallery .prev {
    position:absolute;
    left:3px;
    cursor:pointer;
}

.the-carousel-gallery .next {
    position:absolute;
    right:3px;
    cursor:pointer;
}

#mde11-gallery .the-carousel-gallery .prev,.the-carousel-gallery .prev-pane {
    background:url(/media/templates/mde11-prev.png) no-repeat 0 0;
    width:26px;
    height:27px;
    bottom:25px;
}

#mde11-gallery .the-carousel-gallery .next,.the-carousel-gallery .next-pane {
    background:url(/media/templates/mde11-next.png) no-repeat 0 0;
    width:26px;
    height:27px;
    bottom:25px;
}

.the-carousel-gallery .next-pane,.the-carousel-gallery .prev-pane {
    top:167px; 
    botttom:auto;
    left:3px;
    position:absolute;
    z-index:5;
}

.the-carousel-gallery .next-pane {
    right:3px;  
    left:auto;
}

#mde11-gallery .the-carousel-gallery .prev:hover,.the-carousel-gallery .prev-pane:hover, 
#mde11-gallery .the-carousel-gallery .next:hover,.the-carousel-gallery .next-pane:hover {
    background-position:0px -27px;
}

#mde11-gallery .info-pane {
   background:#0196e8;
   padding:10px;
   clear:both;
   font:12px/15px Helvetica;
   color:#FFF;
}

#mde11-gallery .info-pane h2 {
    font:18px/21px Helvetica;
    color:#FFF;
    margin:0px 0px 5px;
    border-bottom:0px;
    padding:0;
}

/* Slideshow
------------------------------------------------------------ */


#slideshow {
    position:relative;
}

#slideshow .the-carousel-gallery {
    width:686px;
    position:relative;
    margin:0 auto 30px;
}


#slideshow .the-carousel-gallery .controls {
    position:relative;
}

#slideshow .the-carousel-gallery .navigation {
    overflow:hidden;
    width:686px;
    height:274px;
    position:relative;
}

#slideshow .the-carousel-gallery .item {
    cursor: pointer;
    float:left;
    margin:0px 5px 0px 0px;
    padding:0px;
    position:relative;
    width:auto;
    height:auto;
}
  
#slideshow .the-carousel-gallery .thumb {
    display:block;
    width:686px;
    height:274px;
    float:left;
}

.the-carousel-gallery .screen {
    clear:both;
    position:relative;
    left:0px;
    width:20000em;
}

.the-carousel-gallery .screen {
    transition:all 450ms ease;
    -moz-transition:all 450ms ease;
    -webkit-transition:all 450ms ease;
    -o-transition:all 450ms ease;
    -ms-transition:all 450ms ease;
}

.the-carousel-gallery .prev {
    position:absolute;
    left:0px;
    cursor:pointer;
}

.the-carousel-gallery .next {
    position:absolute;
    right:0px;
    cursor:pointer;
}

#slideshow .the-carousel-gallery .prev {
    background:url(/media/templates/mde11-prev.png) no-repeat 0 0;
    width:26px;
    height:27px;
    bottom:123px;
}

#slideshow .the-carousel-gallery .next {
    background:url(/media/templates/mde11-next.png) no-repeat 0 0;
    width:26px;
    height:27px;
    bottom:123px;
}

#slideshow .the-carousel-gallery .prev:hover,#slideshow .the-carousel-gallery .next:hover {
    background-position:0px -27px;
}

/* Gallery pagination 
------------------------------------------------------- */

.pagination {
  padding:3px 1px 0px 0px;
  float:right;
}

.pagination ul {
  clear:left;
  float:left;
  width:100%;
  position:relative;
}

.pagination ul li {
  width:9px;
  height:9px;
  display:block;
  cursor:pointer;
  float:left;
  margin:0px 0px 0px 5px !important;
  background:url(/media/templates/mde11-pagination.jpg) no-repeat 0 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.pagination ul li:hover,.pagination ul li.active {
  background-position:-9px 0px;
}




