@charset "UTF-8";

/* Architerra PC (C) 2014 - All Rights Reserved */

/* -------- */
/*   Body   */
/* -------- */
html {
  height: 100%;
  padding: 0;
  margin: 0;  }
body {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 100%;
  padding: 0;
  line-height: 1.2em; 
  margin: 0;  }

  

/* ---------- */
/*   Header   */
/* ---------- */

header {
  background: url(/asset/template/header_background.png) repeat-x 0px 0px; 
  color: blue;
  height: 140px;
  margin: 0;
  padding: 0;
  position: relative;  }

  /* Header Container */
  /* ---------------- */
  header .header_container {
    height: 140px;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative; 
    width: 950px;}
  
    /* Header Logo */
    /* ----------- */
    header .header_container .header_logo { 
      display: inline-block; 
      height: 140px; 
      left: 0px;
      position: absolute; 
      top: 0px; 
      width: 530px;  }

    /* Heaser Search Area */
    /* ------------------ */
    header .header_container .header_search { 
      display: inline-block;
      left: 530px;
      position: absolute; 
      top: 20px;
      width: 420px;  }
 
      header .header_container .header_search p {
        /*141029 color: #51b59f;*/
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5em;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: right;  }
      header .header_container .header_search p a, 
      header .header_container .header_search p a:visited {
        /*141029 color: #51b59f;*/
        color: #ffffff;
        text-decoration: none;  }
      header .header_container .header_search p a:hover {
        color: #f74802;
        text-decoration: underline;  }
  
      header .header_container .header_search p img {
        border: none;
        display: inline;
        margin: -5px 0 0 0;
        vertical-align: middle;  }

      /* Header Search Form */
      /* ------------------ */
      header .header_container .header_search form.search {
        margin: 0;
        padding: 0;  }
      header .header_container .header_search form.search label.search {
        color: #51b59f;                         
        font-size: 16px;
        margin: 0;
        padding: 0;  }
      header .header_container .header_search form.search input.search_textbox {
        /*141029 background-color: #51b59f;*/
        background-color: #ffffff;
        /*141029 color: #333333;*/ 
        color: #000000;  
        /*141029 font-size: 10px;*/
        font-size: 12px;
        height: 22px;
        margin: -5px 4px 0 4px; 
        padding: 0 0 0 4px;  }
      header .header_container .header_search form.search input.search_button  {
        border: none;
        display: inline;
        height: 25px;
        margin: -5px 0 0 0;
        padding: 0;
        vertical-align: middle;
        width: 25px;  }

  
  
/* ------------------ */
/*   Top Navigation   */
/*   See 3_menu.css   */
/* ------------------ */

nav {
  background: url(/asset/template/nav_background.png) repeat-x 0px 0px; 
  height: 44px;
  max-width: 100%;
  margin: 0;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 0;
  position: relative;  }
 
  nav .nav_container {
    display: block;
    height: 44px;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    top: 0;
    width: 950px;  }
  
    nav .nav_container_right {
    padding: 0 0 0 40px;
    margin: 0; }
 
    
    
/* ------------- */   
/* Body Gradient */
/* ------------- */

.body_gradient {
  background: url(/asset/template/body_gradient.png) repeat-x 0px 0px; 
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;  }

.body_white {
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
  position: relative;
  width: 940px;  }


/* ----------- */
/*   Rotator   */
/* ----------- */

section.rotator {
  height: 390px;
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 0 0 20px 0;
  position: relative;  }



/* ----------- */
/*   Banner   */
/* ----------- */

section.banner {
  height: 200px;
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 0 0 20px 0;
  position: relative;  }



/* ---------------- */
/*   Page Article   */
/* ---------------- */

article.page {
  background-color: #ffffff;
  left: 0;
  margin: 0 auto 0 auto;
  padding: 0 10px 0 0;
  position: relative;
  top: 0;
  width: 900px;  }

section.page_left{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 280px;  }
  
section.page_right {
  float: right;
  margin: 0px;
  padding: 0 0 15px 0;
  width: 600px; }
  




/* ---------- */
/*   Footer   */
/* ---------- */

footer {
  background: url("/asset/template/background_topnav.png") repeat-x 0px 0px; 
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;  }

  footer .footer_line {
    background: url("/asset/template/footer_line.png") repeat-x 0px 0px; 
    height: 10px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;  }
  
  footer .footer_photo_background {
    background: url("/asset/template/footer_photo_background.png") repeat-x 0px 0px; 
    height: 230px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;  }
    footer .footer_photo {
      background: url("/asset/template/footer_photo.png") repeat-x 0px 0px; 
      height: 230px;
      margin: 0 auto 0 auto;
      padding: 0;
      position: relative;
      width: 950px;  }
    
  footer .footer_background {
    background: url("/asset/template/footer_background.png") repeat-x 0px 0px; 
    height: 56px;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;  }
    footer .footer_text {
      height: 56px;
      margin: 0 auto 0 auto;
      overflow: hidden;
      padding: 10px 0 0 0;
      position: relative;
      width: 950px;  }
    footer .footer_text p {
      color: #51b59f;
      font-size: 12px;
      line-height: 1.5em;
      margin: 0;
      overflow: hidden;
      text-align: center;  }
    
    footer .footer_text a, 
    footer .footer_text a:visited {
      color: #51b59f;
      font-size: 12px;
      margin: 0;
      padding: 0;
      font-weight: normal;
      text-decoration: none;  }
    footer .footer_text a:hover {
      color: #f74802; 
      font-size: 12px;
      font-weight: normal;
      margin: 0;
      padding: 0;
      text-decoration: none;  }
    
    
.dev {  
  color: #ff0000; 
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
  line-height: 1em;
  padding: 0 0 0 10px;
  text-transform: uppercase;  }

.opr {  
  color: blueviolet;
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
  line-height: 1em;
  padding: 0 0 0 10px;
  text-transform: uppercase;  }

.client {  
  color: orange;
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
  line-height: 1em;
  padding: 0 0 0 10px;
  text-transform: uppercase;  }