/*  
Theme Name: GIS Solutions
Theme URI: http://www.giss.ca
Description: GIS Solutions custom theme
Tags: fixed width center justified, two column layout
Version: 1.5
Author: Carlos H Acosta
Author URI: http://www.carlosacosta.net
*/

/*===== GLOBAL RESET =====*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
  margin:0; 
  padding:0;
  font-family: Trebuchet MS1, Helvetica, sans-serif;
  }
  
table { 
  border-collapse:collapse; 
  border-spacing:0; 
  }
  
fieldset, img { 
  border:0 
  }
address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; 
  font-weight:normal; 
  }
  
ol, ul, li { 
  list-style:none; 
  }

caption, th { 
  text-align:left;
  }

h1, h2, h3, h4, h5, h6 { 
  font-size:100%; 
  }
  
q:before, q:after { 
  content:'';
  }
  
a { 
  text-decoration:none;
  color: #DBA36A; 
  }
  
  a:hover { 
  text-decoration: underline;
  }

/* Typography */

strong { 
  font-weight:bold;
  }
  
em { 
  font-style:italic; 
  }
  
* a { 
  position:relative; 
  } /* Gets links displaying over a PNG background */
  
a img { 
  border:none; 
  } /* Gets rid of IE's blue borders */
  
h1, h2, h3 {
  margin: 15px 0 0 0;
  color: #f0a85a;
  font-family: Georgia1, Georgia, serif;
  }
  
h1 {
  font-size: 150%;
  }
    
h2 {
  font-size: 130%;
  }
    
h3 {
  font-size: 120%;
  }

p {
  margin: 15px 0 0 0;
  font-size: 95%;
  }

#static-page ul, #static-page ol {
  padding: 15px 0 0 40px; 
  font-size: 95%;
  }
  
#static-page ul {
  
  }
  
  #static-page ul li {
    list-style: disc url(/img/bullet.gif) inside;
    }

#static-page ol {

  }
  
  #static-page ol li {
    list-style: decimal inside;
    }
    
blockquote {
   padding: 10px 0 10px 75px;
   margin: 15px 0 0 0;
   background: url(/img/blockquote-bg-left.gif) top left no-repeat;
   font-style: italic;
   border: 1px solid #999;
   font-size: 90%;
   color: #555;
   }
   
   blockquote div {
     padding: 10px 60px 0 0;
     background: url(/img/blockquote-bg-right.gif) bottom right no-repeat;
     }
     
     blockquote div span.client {
      display: block;
      margin: 15px 0 0 0;
      text-align: right;
      color: #DBA36A;
      }

p.emphasize, div.emphasize {
   background: #edd8c5;
   border: 1px solid #ccb7a2;
   padding: 10px;
   margin: 15px 0 0 0;
   }

div.emphasize {
  padding: 0 10px 10px 10px;
  }
  
p.critical, div.critical {
   background: #eee;
   border: 1px solid #777;
   padding: 10px;
   margin: 15px 0 0 0;
   }

div.critical {
  padding: 0 10px 10px 10px;
  }

.footnote {
  margin: 15px 0 0 0;
  font-size: 75%;
  color: #666;
  }
  
 /* handy resets */ 
 
 .clear {
  clear: both;
  }


/*=====  STRUCTURE =====*/
#main-container {
  width: 947px;
  margin: 0 auto;
  background: url(/img/main-container-bg.png) repeat-y;
  }
  
  #main-container-wrap {
    padding: 0 15px;
    }

/*=== header ===*/
body {
  background: #c2c1c1 url(/img/body-bg-alt.jpg) repeat-x top;
  }

#header {
	background: #eee url(/img/header-bg.jpg) no-repeat;
  overflow: auto;
	width: 100%;
	height: 126px;
  }
  
  #header h1, #header p {
    margin: 0;
    text-indent: -999px;
    }
  
  #corp-logo {
    background: url(/img/giss-logo.gif) no-repeat;
    width: 500px;
    height: 72px;
    float: left;
    margin: 48px 0 0 95px;
    }
    
    #corp-logo a {

      }
  
  #search-form {
    width: 290px;
    float: right;
    margin: 30px 0 0 0;
    }

#main-nav {
  width: 100%;
  background: #e9c19e url(/img/main-nav-bg.jpg);
  overflow: hidden; /*was: auto*/
  }
  
  #main-nav ul {
    margin: 0 0 0 73px;
    }

    #main-nav li{
      float: left;
      }
      
      #main-nav a {
        display: block;
        width: 114px;
        height: 30px;
        margin: 12px 17px 0 0;
        padding: 14px 0 0 0;
        color: #666;
        text-align: center;
        }
        
        #main-nav a:hover {
          color: #000;
          background: url(/img/main-nav-bg.jpg) -72px -69px;
          text-decoration: none;
          }
      
      #main-nav .current_page_item, #main-nav .current_page_ancestor {
        background: url(/img/main-nav-bg.jpg) -70px -115px;
        }
        
        #main-nav .current_page_item a:hover, 
        #main-nav .current_page_ancestor a:hover {
          background-image: none;
          }
      
      #main-nav li.page-item-72 a {
        
        }

.feature-img {
  width: 917px;
  }
    
  ul#sub-nav {
    display: none;
    margin: 0 0 0 30px;
    }
    
    ul#sub-nav li {
      float: left;
      list-style: none;
      }
    
      ul#sub-nav li a {
        color: #777;
        padding: 0 15px;
        font-size: 85%;
        border-right: 1px solid #999;
        }
      
/*=== content ===*/
#static-page, #static-page-alt {
  overflow: hidden;
  background: url(/img/static-page-bg.jpg) no-repeat bottom center;
  padding: 0 0 20px 0;
  }
  
  #static-page-alt {
    padding: 0 80px 40px;
    }

  #main-content, #main-content-alt {
    clear: both;
    float: left;
    width: 427px;
    padding: 0 0 20px 90px;
    }
  
  #main-content-alt {
    width: 737px;
    padding: 0 90px 20px 90px;
    }
    
  #hm-main-content {
    float: right;
    width: 520px;
    padding: 0 90px 20px 0;
    }
    
    /*#main-content .testimonial {
      margin: 15px;
      color: #666;
      font-style: italic;
      }
      
      #main-content .testimonial  p {
        
        }
      
      #main-content .testimonial .client {
        
        }*/
      
      .edit-page {
        margin: 0 0 7px 20px;
        clear: both;
        }
  
  img.alignleft  {
     float: left;
     margin: 0 15px 15px 0;
     }
  
  img.alignright  {
     float: right;
     margin: 0 0 15px 15px;
     }
  
  img.aligncenter  {
     float: left;
     margin: 0 auto;
     }
    
  #secondary-content {
    float: right;
    width: 265px;
    padding: 0 90px 20px 0;
    }
    
  #hm-secondary-content {
    float: left;
    width: 222px;
    padding: 15px 15px 15px 68px;
    }
    
    #hm-secondary-content img.arc-logo, #hm-secondary-content img.mystic {
      margin: 40px auto 15px;
      display: block;
      }
    
  .case-study {
     background: #eee url(/img/case-study-bg.jpg) bottom repeat-x;
     border: 1px solid #999;
     margin: 20px 0 15px 0;
     padding: 0 10px 15px 10px;
     }
      
     .case-study h2 {
        color: #fff;
        font-size: 120%;
        text-align: center;
        }
      
      .case-study .img-wrap {
        background: #999;
        border: 1px solid #555;
        padding: 0 10px 15px 10px;
        margin: 15px 0 0 0;
        }
        
        .case-study img {
          display: block;
          margin: 0 auto;
          border: 1px solid #000;
          /*width: 200px;
          height: 147px;*/
          }
        
        .case-study p {
          font-size: 80%;
          margin: 7px 0 0 0;
          color: #555;
          }
          
          .case-study a {
            color: #fff;
            }
  
  
/*=== footer ===*/
#footer {
  background: #C7C7C7 url(/img/footer-bg.jpg) no-repeat bottom;
  height: 160px;
  }
  
  #copyright {
    float: left;
    width: 200px;
    font-size: 72%;
    color: #777;
    margin: 100px 0 0 80px;
    }
  
  #address {
    float: right;
    width: 164px;
    margin: 15px 66px 0 0;
    font-size: 72%;
    }
    
    #address strong {
      display: block;
      margin: 10px 0 0 0;
      }

#footer-bottom {
  width: 947px;
  height: 25px;
  margin: 0 auto 30px;
  background: url(/img/footer-bottom-bg.png) no-repeat;
  }