/* ------------------------------------------------------------------- */
/* RESET ------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
*{ margin:0px; padding:0px; border:0px solid; outline:none; }
article, aside, details, figcaption, 
figure, footer, header, hgroup, menu, 
nav, section, textarea { display:block; }
html { height:100%; -webkit-text-size-adjust:none; }
body {
  min-height:100%; line-height:1.5;
  color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;
  background-position:center center; background-repeat:repeat;
  cursor:default; overflow-x:hidden;
}

/* ------------------------------------------------------------------- */
/* GENERAL TAGS ------------------------------------------------------ */
/* ------------------------------------------------------------------- */
a { color:#666; text-decoration:none; }
a:hover { color:#222; text-decoration:underline; }
strong { color:#222; }

/* ------------------------------------------------------------------- */
/* CLEAR, ALIGNMENT, MARGIN & PADDING, ECC --------------------------- */
/* ------------------------------------------------------------------- */
.clear { width:100%; height:0px; font-size:0px; clear:both; }

.left { float:left !important; }
.right { float:right !important; }

.align_sx { float:left; }
.align_cx { margin:0px auto; }
.align_dx { float:right; }

.textleft { text-align:left !important; }
.textright { text-align:right !important; }
.textcenter { text-align:center !important; }

.no-margin { margin:0px !important; }
.no-margin-top { margin-top:0px !important; }
.no-margin-right { margin-right:0px !important; }
.no-margin-bottom { margin-bottom:0px !important; }
.no-margin-left { margin-left:0px !important; }

.no-padding { padding:0px !important; }
.no-padding-top { padding-top:0px !important; }
.no-padding-right { padding-right:0px !important; }
.no-padding-bottom { padding-bottom:0px !important; }
.no-padding-left { padding-left:0px !important; }

.no-border { border:0px solid !important; }
.no-border-top { border-top:0px solid !important; }
.no-border-right { border-right:0px solid !important; }
.no-border-bottom { border-bottom:0px solid !important; }
.no-border-left { border-left:0px solid !important; }

/* ------------------------------------------------------------------- */
/* WRAPPER ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#wrapper {
  padding:30px;
  overflow:hidden;
}

/* ------------------------------------------------------------------- */
/* HEADER ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
header{
  margin:0px auto; padding-bottom:30px;
  width:960px;
}

/* ------------------------------------------------------------------- */
/* CONTENT ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#main_content {
  margin:0px auto;
  width:960px;
  background:#FFF;
  border:3px solid #DDD;
  -webkit-box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.9);
}

/* ------------------------------------------------------------------- */
/* FOOTER ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
footer{
  margin:0px auto;
  width:960px;
}

/* ------------------------------------------------------------------- */
/* LOGO -------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#logo {
  display:block;
  float:left;
  padding-top:2px;
}
#logo .electromenager-text {
  color: white;
  margin-left: 9px;
  letter-spacing: 5px;
}

/* ------------------------------------------------------------------- */
/* PHONE ------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
.top-address { display: none; }
.phone {
  float:right;
  height:56px;
  line-height:56px;
  margin-left: 1em;
}
  .phone .text {
    float: left;
    color:#FFF;
  }

  .phone.pro-links .icon .image {
    background:url(../layout/header-pro-image.png) center center no-repeat;
  }
  .phone a {
    color:#FFF;
  }
  .phone .icon {
    position:relative;
    float:left;
    width:56px; height:56px;
    background:url(../layout/header-phone-bg.png) center center no-repeat;
  }
    .phone .icon .color, .phone .icon .shade, .phone .icon .image {
      position:absolute;
      top:13px; left:13px;
      width:30px; height:30px;
    }
    .phone .icon .color {
      z-index:1;
      -webkit-border-radius:30px; border-radius:30px;
    }
    .phone .icon .shade {
      z-index:2;
      background:url(../layout/header-phone-shade.png) center center no-repeat;
    }
    .phone .icon .image {
      z-index:3;
      background:url(../layout/header-phone-image.png) center center no-repeat;
    }

/* ------------------------------------------------------------------- */
/* BANNER ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
#banner,
#cycle_banner,
#banner .block { width:960px !important; height:360px !important; }

#banner {
  position:relative;
  overflow:hidden;
}
  #banner .block { position:relative; }

/* --- image --- */
#banner .block .img {
  position:absolute;
  top:0px; left:0px;
  z-index:1;
}

/* --- description --- */
#banner .block .desc {
  position:absolute;
  top:40px; bottom:40px; right:30px;
  z-index:2;
  padding:15px;
  width:260px;
  color:#FFF;
  background:url(../layout/banner-desc-bg.png) center center repeat;
  border-top-width:3px; border-top-style:solid;
}
  #banner .block .desc h2 {
    padding-bottom:15px;
    line-height:1;
    font-size:32px; font-weight:normal;
  }
  #banner .block .desc p {
    padding-bottom:6px;
    line-height:1.7;
  }
  #banner .block .desc a.link {
    position:absolute;
    bottom:15px; right: 15px;
    width:260px; height:48px;
    line-height:42px;
    color:#FFF;
    font-size:18px;
    text-align:center;
    background:url(../layout/white_15.png) center center repeat;
    -webkit-border-radius:6px; border-radius:6px;
    -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.9);
  }
  #banner .block .desc a.link:hover { text-decoration:none; }
    #banner .block .desc a.link .color, #banner .block .desc a.link .shade, #banner .block .desc a.link .text {
      position:absolute;
      top:3px; right:3px; bottom:3px; left:3px;
    }
    #banner .block .desc a.link .color {
      z-index:1;
      -webkit-border-radius:6px; border-radius:6px;
    }
    #banner .block .desc a.link .shade {
      z-index:2;
      background:url(../layout/submit-normal-shade.png) center top repeat-x;
      -webkit-border-radius:6px; border-radius:6px;
    }
    #banner .block .desc a.link .text {
      z-index:3;
      text-shadow:0px 1px 1px #000; filter:dropshadow(color=#000, offx=0, offy=1);
    }

/* --- zoom --- */
#banner .block .zoom {
  display:none;
  position:absolute;
  z-index:2;
  width:40px; height:40px;
  background:url(../layout/zoom-bg.png) center center no-repeat;
}
  #banner .block .zoom .color, #banner .block .zoom .shade, #banner .block .zoom .icon {
    position:absolute;
    top:5px; left:5px;
    width:30px; height:30px;
  }
  #banner .block .zoom .color {
    z-index:1;
    -webkit-border-radius:30px; border-radius:30px;
  }
  #banner .block .zoom .shade {
    z-index:2;
    background:url(../layout/header-phone-shade.png) center center no-repeat;
  }
  #banner .block .zoom .icon {
    z-index:3;
    background:url(../layout/zoom-image.png) center center no-repeat;
    cursor:pointer;
  }
  
  #banner .block .zoom .image {
    display:none;
    position:absolute;
    width:200px;
    -webkit-border-radius:6px; border-radius:6px;
    -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  }
    #banner .block .zoom .image img {
      display:block;
      width:200px; height:150px;
    }
    #banner .block .zoom .image .title {
      padding:12px 15px;
      background:#FFF;
    }
    #banner .block .zoom .image .tail {
      position:absolute;
      left:50%;
      margin-left:-3px;
      width:6px; height:6px;
    } 
  
  #banner .block .zoom .image.up {
    margin:-200px 0 0 -80px;
  }
    #banner .block .zoom .image.up img {
      -webkit-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px;
    }
    #banner .block .zoom .image.up .title {
      -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px;
    }
    #banner .block .zoom .image.up .tail {
      bottom:-6px;
      background:url(../layout/zoom-tail-up.gif) center center no-repeat;
    }

  #banner .block .zoom .image.down {
    margin:50px 0 0 -80px;
  }
    #banner .block .zoom .image.down img {
      -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px;
    }
    #banner .block .zoom .image.down .title {
      -webkit-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px;
    }
    #banner .block .zoom .image.down .tail {
      top:-6px;
      background:url(../layout/zoom-tail-down.gif) center center no-repeat;
    }
    

/* --- banner pager --- */
#pager_banner {
  position:absolute;
  top:0px; left:10px;
  z-index:101;
  height:30px;
}
  #pager_banner span {
    display:block;
    float:left;
    margin-right:9px;
    width:9px; height:0px;
    text-indent:-999em;
    border-top:15px solid #DDD;
    cursor:pointer;
  }
  #pager_banner span.cycle-pager-active { border-top:30px solid #DDD; }

/* ------------------------------------------------------------------- */
/* FEATURES ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#features {
  width:960px;
  border-top:3px solid #DDD; border-bottom:1px solid #CCC;
}

#features a { text-decoration: none }
  #features .block {
    position:relative;
    float:left;
    padding:30px 15px;
    width:162px;
    text-align:center;
    background:url(../layout/features-block-bg.jpg) center bottom repeat-x #EEE;
  }
    #features .block .icon {
      position:relative;
      margin:0px auto;
      width:132px; height:132px;
    }
      #features .block .icon img {
        position:absolute;
        top:0px; left:0px;
        z-index:2;
        width:132px; height:132px;
      }
      #features .block .icon span {
        position:absolute;
        top:50%; left:50%;
        z-index:1;
        margin-top:-32px; margin-left:-32px;
        width:64px; height:64px;
      }
    #features .block table {
      width:100%;
      border-collapse:collapse;
    }
      #features .block table tr { vertical-align:middle; }
        #features .block h3 {
          padding:30px 0px 15px;
          line-height:1;
          color:#222;
          font-size:16px;
          text-shadow:0px 1px 1px #999; filter:dropshadow(color=#999, offx=0, offy=1);
        }
        #features .block p { line-height:1.7; }
    #features .block .shadow_left, #features .block .shadow_right {
      position:absolute;
      top:0px; bottom:0px;
      z-index:2;
      width:5px;
    }
    #features .block .shadow_left {
      left:0px;
      background:url(../layout/shadow-left.png) left center repeat-y;
    }
    #features .block .shadow_right {
      right:0px;
      background:url(../layout/shadow-right.png) right center repeat-y;
    }
    #features .block .hover {
      display:none;
      position:absolute;
      top:-6px; right:0px; bottom:0px; left:0px;
      z-index:102;
      padding:30px 15px;
      background:url(../layout/features-block-bg_h.jpg) center bottom repeat-x #222;
      border-top-width:3px; border-top-style:solid;
      -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.6); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.6);
    }
      #features .block .hover .icon { margin-top:3px; }
      #features .block .hover h3 {
        color:#FFF;
        text-shadow:0px 1px 1px #000; filter:dropshadow(color=#000, offx=0, offy=1);
      }
      #features .block .hover p { color:#CCC; }

/* ------------------------------------------------------------------- */
/* GALLERY ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#gallery {
  width:960px;
  border-top:2px solid #DDD;
}
  #gallery .block {
    position:relative;
    float:left;
    width:20%; height:300px;
    overflow:hidden;
  }
    #gallery .block img {
      display:block;
      width:192px; height:300px;
    }
    #gallery .block a {
      display:none;
      position:absolute;
      top:1px; right:1px; bottom:1px; left:1px;
      background:url(../layout/black_60.png) center bottom repeat;
    }
    #gallery .block .zoom {
      position:absolute;
      top:50%; left:50%;
      z-index:2;
      margin-top:-20px; margin-left:-20px;
      width:40px; height:40px;
      background:url(../layout/zoom-bg.png) center center no-repeat;
    }
      #gallery .block .zoom .color, #gallery .block .zoom .shade, #gallery .block .zoom .icon {
        position:absolute;
        top:5px; left:5px;
        width:30px; height:30px;
      }
      #gallery .block .zoom .color {
        z-index:1;
        -webkit-border-radius:30px; border-radius:30px;
      }
      #gallery .block .zoom .shade {
        z-index:2;
        background:url(../layout/header-phone-shade.png) center center no-repeat;
      }
      #gallery .block .zoom .icon {
        z-index:3;
        background:url(../layout/zoom-image.png) center center no-repeat;
      }

/* ------------------------------------------------------------------- */
/* INFO TABS --------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#info_tabs {
  width:960px;
  border-top:1px solid #FFF;
}

/* --- menu --- */
#info_tabs .tabs {
  float:left;
  width:384px;
  list-style:none;
  background:#E5E5E5;
}
  #info_tabs .tabs li {
    float:left;
    width:384px;
    background:url(../layout/info-tabs-li-bg.jpg) center top repeat-x #E5E5E5;
  }
    #info_tabs .tabs li span {
      display:block;
      padding:0px 15px;
      min-height:45px;
      line-height:45px;
      color:#222;
      font-size:14px;
      text-align:right;
      cursor:pointer;
      text-shadow:0px 1px 1px #999; filter:dropshadow(color=#999, offx=0, offy=1);
    }
  #info_tabs .tabs li:hover, #info_tabs .tabs li.active { background:#222; }
    #info_tabs .tabs li:hover span {
      color:#999;
      background:url(../layout/info-tabs-li-bg_h.png) center top repeat-x;
      text-shadow:0px 1px 1px #000; filter:dropshadow(color=#000, offx=0, offy=1);
    }
    #info_tabs .tabs li.active span {
      color:#FFF;
      background:url(../layout/info-tabs-li-bg_h.png) center top repeat-x;
      text-shadow:0px 1px 1px #000; filter:dropshadow(color=#000, offx=0, offy=1);
      cursor:default;
    }

/* --- content --- */
#info_tabs .block {
  display:none;
  position:relative;
  float:left;
  padding:18px 30px 30px;
  width:516px;
  background:#222;
}
  #info_tabs .block .shade {
    position:absolute;
    top:0px; right:0px; left:0px;
    height:45px;
    background:url(../layout/info-tabs-block-shade.png) center top repeat-x;
  }
  #info_tabs .block h3 {
    padding-top:6px;
    color:#FFF;
    font-size:14px;
  }
  #info_tabs .block p {
    padding-top:12px;
    color:#CCC;
  }
#info_tabs .block.active { display:block; }

/* ------------------------------------------------------------------- */
/* PRICING TABLE ----------------------------------------------------- */
/* ------------------------------------------------------------------- */
#pricing_table {
  padding-top:21px;
  width:960px;
}
  #pricing_table .block {
    float:left;
    width:25%;
    color:#222;
    text-align:center;
  }
    #pricing_table .block h3 {
      padding:9px 12px;
      height:20px;
      line-height:20px;
      font-size:16px;
      text-shadow:0px 1px 1px #999; filter:dropshadow(color=#999, offx=0, offy=1);
    }
    #pricing_table .block .price, #pricing_table .block .elem {
      position:relative;
      height:48px; line-height:48px;
    }
    #pricing_table .block .price {
      color:#C00;
      font-weight:bold;
      background-color:#999;
    }
      #pricing_table .block .elem span.disable {
        color:#999;
        text-decoration:line-through;
      }
    #pricing_table .block .buy {
      height:66px;
      background-color:#222;
    }
      #pricing_table .block .buy .submit_normal {
        margin-top:9px;
        text-decoration:none;
      }

/* --- color scheme --- */
#pricing_table span.opacity_09,
#pricing_table span.opacity_15,
#pricing_table span.opacity_21,
#pricing_table span.opacity_27,
#pricing_table span.opacity_33 {
  position:absolute;
  top:0px; left:0px;
  z-index:1;
  width:100%; height:100%;
}
#pricing_table span.opacity_09 { background:url(../layout/opacity_09.png) center center repeat; }
#pricing_table span.opacity_15 { background:url(../layout/opacity_15.png) center center repeat; }
#pricing_table span.opacity_21 { background:url(../layout/opacity_21.png) center center repeat; }
#pricing_table span.opacity_27 { background:url(../layout/opacity_27.png) center center repeat; }
#pricing_table span.opacity_33 { background:url(../layout/opacity_33.png) center center repeat; }

/* ------------------------------------------------------------------- */
/* GOOGLE MAP -------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#google_map {
  width:960px; height:300px;
  overflow:hidden;
  border-bottom:1px solid #CCC;
}

/* ------------------------------------------------------------------- */
/* 3 COL SECTION ----------------------------------------------------- */
/* ------------------------------------------------------------------- */
.section_3_col {
  padding:15px;
  width:930px;
  border-top:2px solid #DDD;
}

.section_3_col h3 a { color: black; }
  .section_3_col .block {
    position:relative;
    float:left;
    margin-right:15px; padding:15px 0px 60px;
    width:300px;
    background:#F5F5F5;
    -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }

/* --- company info --- */
.section_3_col .block h3 {
  margin-bottom:15px; padding:12px 0px 12px 12px;
  line-height:1;
  color:#222;
  font-size:16px;
  text-shadow:0px 1px 1px #999; filter:dropshadow(color=#999, offx=0, offy=1);
  border-left-width:3px; border-left-style:solid;
}
.section_3_col .block .company_info {
  margin-bottom:15px; padding:0px 15px 15px 15px;
  border-bottom:1px solid #DDD;
}
.section_3_col .block .phone_16x16 {
  padding-left:43px;
  background:url(../layout/icon-phone_16x16.png) 15px top no-repeat;
}
.section_3_col .block .mail_16x16 {
  padding-left:43px;
  background:url(../layout/icon-mail_16x16.png) 15px top no-repeat;
}

/* --- newsletter subscription --- */
.newlsetter_subscription_form { padding:0px 15px; }
  .newlsetter_subscription_form label {
    display:block;
    margin-top:6px;
  }
    .newlsetter_subscription_form label input[type=text] {
      padding:12px;
      width:239px;
      color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;
      background:#FFF;
      border:none;
      -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    }
  .newlsetter_subscription_form label.submit_normal {
    margin-top:12px;
    -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  }
    .newlsetter_subscription_form label input[type=submit] {
      margin:0px; padding:0px;
      width:140px;
      color:#FFF;
      font-size:18px;
      text-align:center;
      font-family:Arial, Helvetica, sans-serif;
      background:none;
      border:0px solid;
      cursor:pointer;
      overflow:visible;
    }

/* --- testimonials --- */
blockquote { padding:0px 15px; float: left; }
  blockquote img.blockquote {
    float:left;
    margin:4px 12px 12px 0px;
  }
  blockquote p { padding-bottom:12px; }

/* --- testimonials pager --- */
#pager_testimonials {
  position:absolute;
  bottom:15px; left:15px;
  z-index:99;
  height:9px;
}
  #pager_testimonials span {
    display:block;
    float:left;
    margin-right:6px;
    width:9px; height:9px;
    text-indent:-999em;
    background:#CCC;
    cursor:pointer;
    -webkit-border-radius:9px; border-radius:9px;
    -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  #pager_testimonials span:hover,
  #pager_testimonials span.cycle-pager-active { background:#999; }


/* ------------------------------------------------------------------- */
/* SOCIAl ICONS ------------------------------------------------------ */
/* ------------------------------------------------------------------- */
footer a, footer a:hover {
  color: #999;
}

footer p {
  padding:15px;
  line-height:1;
  color:#999;
  text-align:center;
}
  #social { text-align:center; }
    #social a {
      display:inline-block;
      margin:0px 3px;
      width:32px; height:32px;
    }
      #social a img {
        display:block;
        width:32px; height:32px;
      }

/* ------------------------------------------------------------------- */
/* SUBMIT NORMAL ----------------------------------------------------- */
/* ------------------------------------------------------------------- */
.submit_normal {
  display:inline-block;
  position:relative;
  width:146px; height:48px;
  line-height:42px;
  color:#FFF;
  font-size:18px;
  text-align:center;
  background:url(../layout/white_15.png) center center repeat;
  -webkit-border-radius:6px; border-radius:6px;
  -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.9); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.9);
}
.submit_normal:hover { color:#FFF; }
  .submit_normal .color, .submit_normal .shade, .submit_normal .text {
    position:absolute;
    top:3px; right:3px; bottom:3px; left:3px;
  }
  .submit_normal .color {
    z-index:1;
    -webkit-border-radius:6px; border-radius:6px;
  }
  .submit_normal .shade {
    z-index:2;
    background:url(../layout/submit-normal-shade.png) center top repeat-x;
    -webkit-border-radius:6px; border-radius:6px;
  }
  .submit_normal .text {
    z-index:3;
    text-shadow:0px 1px 1px #000; filter:dropshadow(color=#000, offx=0, offy=1);
  }

  /* ------------------------------------------------------------------- */
/* LANDSCAPE --------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1024px) {

/* --- width --- */
header,
#main_content,
#features,
#gallery,
#info_tabs,
#pricing_table,
#google_map,
footer { width:940px; }

/* --- banner --- */
#banner,
#cycle_banner,
#banner .block,
#banner .block img { width:940px !important; height:361px !important; }
#banner .block .zoom { display:none !important; visibility:hidden !important; }

#banner { width:940px; height:360px; }

/* --- features --- */
#features .block { width:158px; }

/* --- info tabs --- */
#info_tabs .tabs,
#info_tabs .tabs li { width:376px; }
#info_tabs .block { width:504px; }

/* --- 3 col section --- */
.section_3_col { width:910px; }
  .section_3_col .block { width:293px; }

}

/* ------------------------------------------------------------------- */
/* PORTRAIT ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 990px) {

/* --- width --- */
header,
#main_content,
#features,
#gallery,
#info_tabs,
#pricing_table,
#google_map,
footer { width:708px; }

/* --- banner --- */
#banner,
#cycle_banner,
#banner .block,
#banner .block img { width:708px !important; height:272px !important; }
#banner .block .zoom { display:none !important; visibility:hidden !important; }
#banner .block .desc { top:10px; bottom:10px; right:30px; }

/* --- features --- */
#features .block .hover { padding:15px; }
  #features .block .hover h3 { margin-top:3px; }
#features .block {
  float:none;
  padding:15px;
  width:678px;
  text-align:left;
  border-top:1px solid #DDD;
}
#features .block:first-child { border-top:none; }
  #features .content { height:100%; }
    #features .block .icon {
      float:left;
      margin-right:15px;
    }
    #features .block table {
      float:left;
      width:516px; height:100%;
    }
      #features .block h3 { padding-top:0px; }

/* --- info tabs --- */
#info_tabs .tabs,
#info_tabs .tabs li { width:283px; }
#info_tabs .block { width:365px; }

/* --- pricing table --- */
#pricing_table .submit_normal { width:96px; }

/* --- 3 col section --- */
.section_3_col { width:678px; }
  .section_3_col .block#company_info,
  .section_3_col .block#newsletter_subscription { width:331px; }
  .section_3_col .block#newsletter_subscription {
    float:right;
    margin-right:0px;
  }
    .newlsetter_subscription_form label input[type=text] { width:277px; }
  .section_3_col .block#testimonial {
    margin-top:15px;
    width:100%; height:auto !important;
  }

}

/* ------------------------------------------------------------------- */
/* PORTRAIT ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

/* --- wrapper --- */
#wrapper { padding:30px 0px; }

/* --- width --- */
header,
#main_content,
#features,
#gallery,
#info_tabs,
#pricing_table,
#google_map,
footer { width:300px; }

#logo .electromenager { display: none; }
.top-address { display: block; text-align: center; margin-bottom: 8px; }
.top-address a { color: white; }
#google_map { display: none }

header {
  padding-bottom: 10px
}

/* --- logo --- */
#logo {
  float:none;
  text-align: center;
  margin:0px auto;
}

/* --- phone --- */
.phone { float: none; text-align: center; }
.phone .text { float: none; font-size: 1.8em; }
.phone .icon { display: none;}
.phone.pro-links {display: none;}

/* --- banner --- */
#banner,
#cycle_banner,
#banner .block,
#banner .block img { width:300px !important; height:115px !important; }
#banner .block .desc,
#banner .block .zoom { display:none !important; visibility:hidden !important; }

/* --- features --- */
#features .block {
  float:none;
  width:270px;
  border-top:1px solid #DDD;
}
#features .block:first-child { border-top:none; }

/* --- gallery --- */
#gallery .block { width:100%; height:469px; }
  #gallery .block img { width:300px; height:469px; }

/* --- info tabs --- */
#info_tabs .tabs,
#info_tabs .tabs li { width:300px; }
#info_tabs .block { width:240px; height:auto !important; }
#info_tabs .tabs li span {
  height:45px !important;
  min-height:45px !important;
  line-height:45px !important;
  text-align:center;
}

/* --- pricing table --- */
#pricing_table { padding-top:0px; }
  #pricing_table .block {
    float:none;
    width:100%;
  }
    #pricing_table .block h3 { padding-top:30px; }
    
/* --- 3 col section --- */
.section_3_col { width:270px; }
  .section_3_col .block {
    float:none;
    margin:15px 0px 0px;
    width:100%; height:auto !important;
  }
  .section_3_col .block:first-child { margin-top:0px; }
    .newlsetter_subscription_form label input[type=text] { width:216px; }

/* --- color scheme --- */
#color_scheme { display:none; }

}

/* ------------------------------------------------------------------- */
/* LANDSCAPE --------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* --- width --- */
header,
#main_content,
#features,
#gallery,
#info_tabs,
#pricing_table,
#google_map,
footer { width:420px; }

#logo .electromenager { display: none; }
#google_map { display: none }
.phone.pro-links {display: none;}

.top-address { display: block; text-align: center; }
.top-address a { color: white; }

/* --- banner --- */
#banner,
#cycle_banner,
#banner .block,
#banner .block img { width:420px !important; height:161px !important; }
#banner .block .desc,
#banner .block .zoom { display:none !important; visibility:hidden !important; }

/* --- features --- */
#features .block .hover { padding:15px; }
  #features .block .hover h3 { margin-top:3px; }
#features .block {
  float:none;
  padding:15px;
  width:390px;
  text-align:left;
  border-top:1px solid #DDD;
}
#features .block:first-child { border-top:none; }
  #features .content { height:100%; }
    #features .block .icon {
      float:left;
      margin-right:15px;
    }
    #features .block table {
      float:left;
      width:228px; height:100%;
    }
      #features .block h3 { padding-top:0px; }

/* --- info tabs --- */
#info_tabs .tabs,
#info_tabs .tabs li { width:420px; }
#info_tabs .block { width:360px; height:auto !important; }
#info_tabs .tabs li span {
  height:45px !important;
  min-height:45px !important;
  line-height:45px !important;
  text-align:center;
}

/* --- pricing table --- */
#pricing_table { padding-top:0px; }
  #pricing_table .block {
    float:none;
    width:100%;
  }
    #pricing_table .block h3 { padding-top:30px; }
    
/* --- 3 col section --- */
.section_3_col { width:390px; }
  .section_3_col .block {
    float:none;
    margin:15px 0px 0px;
    width:100%; height:auto !important;
  }
  .section_3_col .block:first-child { margin-top:0px; }
    .newlsetter_subscription_form label input[type=text] { width:336px; }

/* --- color scheme --- */
#color_scheme { display:none; }

}

/* ------------------------------------------------------------------- */
/* COLORS ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */

.setBodyBgColor   { background-color: #517487; }    /* Page background color */
.setBgColor     { background-color:#23B2E3; } /* Snippets background color */
.setBorderColor   { border-color:#23B2E3; }   /* Snippets border color */
.setTextColor   { color:#23B2E3; }        /* Text color */


/* ------------------------------------------------------------------- */
/* PATTERNS ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/*#body_bg { background-image:url(../layout/body-bg_1.png); }*/
#body_bg { background-image:url(../layout/body-bg_2.png); }
/*#body_bg { background-image:url(../layout/body-bg_3.png); }*/