/* ==========================================================================
   Base styles
   ========================================================================== */

@import url("style-mini.css") screen and (max-width:980px);
@import url("style-mini.css") screen and (max-height:800px);

html,
button,
input,
select,
textarea{color:#222;}
html{ height:100%; width:100%; overflow:hidden !important; 
  position:fixed; top:0; bottom:0; left:0; right:0; }

body {
  font-size: 1em;
  height:100%; min-height:600px;
  width:100%;
  overflow:hidden;
  font-family: 'Open Sans', Helvetica, Arial, Sans;
  font-weight: 100;
}


/*section h1, h2, h3, h4, h5, header nav, .intro p {font-family:'Open Sans';}*/


a, p, div, h1, h2, h3, h4{ 
  color:inherit;  line-height:1.1;
  margin:0; padding:0; font-weight:100;}
a, a:active, a:visited, input, input:focus{
  outline:none !important;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc; margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

section img{max-width: 100%; height: auto !important;}

/* ==========================================================================
   Window and Header
   ========================================================================== */

.window{
    border: 0;
    height:100%; min-height:500px;
    width:100%;
    margin-bottom:200px;
    overflow:hidden;
}

.top-bar div { position:fixed; top:0; right:0;}

.top-tab {
  position:fixed; z-index:10;
  top:0; right:0;
  /*width: 100%;*/
  width:240px; background-color:Black;
  height: 115px; display:block;
  background: url('img/consult-topbar.png') no-repeat scroll top right;
  margin:14px 20px 0 0;
}

.top-bar{content:"";
  display: block; height:24px; width:100%;
  background-color:#f6f6f6;position:fixed;
  z-index:9;
  opacity:.95;
  top:0;  
}

.top-bar .pipes {width:100%; height:118px; background: url('img/topbar-bkg-pipes-home.png') no-repeat scroll top right; }

.top-tab:hover {cursor:pointer;}

.consult .top-tab {background: url('img/iph-topbar.png') no-repeat scroll top right;}
.consult .top-bar .pipes {background: url('img/topbar-bkg-pipes-consult.png') no-repeat scroll top right; }

.landing .top-tab {display:none;}
.landing .top-bar .pipes { display:none;}



header h1{position:fixed; z-index:10; top:49px; left:93px;}

.consult header h1{top:140px; left:323px;}

header nav {position:fixed; top:221px; left:93px; z-index:10;
  display:block;  width: 269px;}
  
header nav a, .find-more.nav {  
  width: 269px; height: 65px; line-height:65px;
  font-size:20px; text-decoration:none; 
  color:#fff; 
  cursor:pointer; 
  display:block; margin:0 0 15px;
  padding-left:65px; box-sizing:border-box; -moz-box-sizing:border-box;
  transition: margin .62s ease, background .62s ease, all .62s ease; 
  -webkit-transition: margin .62s ease, background-position .62s ease; 
  -moz-transition: margin .62s ease; 
}

header nav a {background: url('img/iph-menu.png') no-repeat scroll top right;}
.find-more.nav {background: url('img/iph-menu.png') no-repeat scroll top right;}

header nav a:before{
  content:"";
  display:block;
  width:269px; height:65px;
  position:absolute; left:0;
  z-index:9;
  margin-left:0; text-indent:0;
}

a.nav2, a.nav1:before{background-position:right 0 !important;}
a.nav2, a.nav2:before{background-position:right -83px !important;}
a.nav3, a.nav3:before{background-position:right -166px !important;}
a.nav4, a.nav4:before{background-position:right -249px !important;}

header nav a:hover{
  background: url('img/iph-menu-hilite.png') no-repeat scroll top left;
  width:316px; margin-left:15px; padding-left:65px; text-indent:15px;
}
.lt-ie9 header nav a:hover{ margin-left: 0; text-indent: 0;}
.nav-select{
  background: url('img/iph-menu-hilite.png') no-repeat scroll top left;
  width:303px;
}

  NAV FOR OLD IE */
.lt-ie9 header nav a {
  width:330px !important; padding:0; margin-left:0 !important; text-indent:65px;
  overflow: visible;
}
.lt-ie9 header nav a:hover{width:330px !important; margin-left:0 !important; }

.lt-ie9 .nav-select{
  width:330px !important; margin-left:0 !important; 
  background: url('img/iph-menu-hilite.png') no-repeat scroll top left;
}
.lt-ie9 a.nav1, .lt-ie9 a.nav1:before{background-position:left 0 !important; }
.lt-ie9 a.nav2, .lt-ie9 a.nav2:before{background-position:left -83px !important;}
.lt-ie9 a.nav3, .lt-ie9 a.nav3:before{background-position:left -166px !important;}
.lt-ie9 a.nav4, .lt-ie9 a.nav4:before{background-position:left -249px !important;}
.lt-ie9 header nav a:before {display:none;}


.find-more.nav, .find-more.nav:before{background-position:right -249px !important;}
.find-more.nav:hover{
  background: url('img/iph-menu-hilite.png') no-repeat scroll top left;
  width:316px; margin-left:15px; padding-left:70px; text-indent:15px;
}

.lt-ie9 .find-more.nav, .lt-ie9 .find-more.nav:hover{
  width:310px; padding:0; margin-left:0 !important; text-indent:65px;}
.lt-ie9 .find-more.nav{background-position:left 0 !important; }
.lt-ie9 .find-more.nav:before {display:none;}

/* ==========================================================================
   Main
   ========================================================================== */


.grid{
    background:url('img/InterMassiveGeo.jpg') no-repeat top left;  
/*    background:url('img/InterMassiveGeo1.svg') no-repeat top left;*/
    height:6000px; width:6500px;
    position:absolute;
    top:-1033px; left:-3751px;
    z-index:0;
    background-position:0 220px;
    -webkit-background-size:6000px 6000px;
    background-size:6000px 6000px;
}
/*#massive{position:absolute; right: top:220px; height:6000px; width:6000px;
}*/
.lt-ie9 .grid{
  background:url('img/InterMassiveGeo.jpg') no-repeat top left;
}
.continous-pipes { height:100%; width:100%; position:absolute; top:0; z-index:-1; display:block; }


.consult .grid {background:url('img/pipes-bkg-consult.jpg') no-repeat top left;
                background-position:0 0; top:20px; left:0; 
                -webkit-background-size:1400px 1060px; background-size:1400px 1060px; 
                height:100%; width:1400px;}



.landing{width:100%;}              
.landing .panel {background:url('img/pipes-bkg-landing.jpg') no-repeat top; top:0px;
                -webkit-background-size:1414px 1085px; background-size:1414px 1085px;
                background-position:0 -60px;
                height:100%; width:50%; border: 1px solid blue;
                position:absolute; top:0;}
.landing .panel section{position: absolute; }

.landing .l-panel{left:0; }
.landing .r-panel{right:0; }
       
                
.consult.continous-pipes { background:url('img/continous-pipes-consult.png') repeat-x top left;  background-position:0 186px; width:100%;}               

.landing.continous-pipes {width:50%;}
.landing.continous-pipes.right {left:50%; background:url('img/continous-pipes-landing-right.png') repeat-x top left;  background-position:0 207px;}
.landing.continous-pipes.left {background:url('img/continous-pipes-landing-left.png') repeat-x top left;  background-position:0 188px;}




section{position:absolute; 
    overflow:hidden; width:700px; height:100%;
    min-width:400px; max-width:800px; 
/*    border: 1px dashed blue;
*/    }

/* this margin positions all sections relative to window */
section{margin:100px 0 0 461px}
/* winSize funciton will automatically adjust height in relation to top margin */

.intro{}
.scroll{ 
  width: 96%; height:100%; position:relative;
  overflow-x:visible; overflow-y:auto; z-index:1;
}
.scroll > *{max-width:96%;}
section h1{
  padding: 115px 0 0;
  font-size:36px;margin:0 15px 1.15em 0;line-height:1.3; font-family:'Open Sans';}
section p{font-size:14px; line-height:1.4; margin:0 15px 1.8em 15px;}
section h2{font-size:18px; margin:1.2em 0 .4em;}
h1, h2, h3, section a{color:#aa2e2b;}
section .divider{
  background: url('img/divider-shadow.png') no-repeat;
  background-size: 110% auto;
  width: 100%; height: 34px; background-position:-44px 0;}
section ul{margin-top:.4em;}
section li{}
section li li{margin-top:.2em;}

/*.scroll-hide{border:1px solid green;
position:absolute; top:15px; right:0; bottom:0;
 width:30px; background:#fff; opacity:1;
transition: all .62s ease; -webkit-transition: all .62s ease; -moz-transition: all .62s ease; 
border:1px dashed green;
}
.scroll:hover .scroll-hide{opacity:0;}*/
/*section div.fade{position:absolute; 
  width:100%; height:50px; 
}*/
section .fade{position:absolute; z-index: 100; display: block; 
/*  border: 1px dashed red;*/
  height: 50px; width: 100%;
}
section .bottom{top:0; 
  border-size:0 0 2px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
    }
section .top{bottom:0;
    border-width:2px 0 0 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    }

.read-more{margin:0 0 1em;}
.read-more a{font-weight:bold;}
.drop-read{padding:20px 0 0 20px;}
.subhead{font-weight:bold;}










.landing .panel section { padding:0; position:absolute; 
  top:170px; margin: 0;
  height:auto; overflow:visible;  width:400px; }
.landing .l-panel section{right:10%;}
.landing .r-panel section{left:10%;}

.landing .panel section a.home{ height:136px; display:block;}
.landing .panel section.consult a.home img{margin-left:-10px;}
.landing .panel section p { font-size:14pt; padding: 0 10px; margin:10px 0; text-align: center;}
/*.landing .panel section.pma { left:-250px;}
.landing .panel section.consult { left:250px; }*/

.landing .panel section .find-more img { border:0; width:96%; }
.landing .panel .find-more {top:480px; position:absolute; }
.landing .panel section.pma .find-more { left:100px; min-width:258px; min-height:70px;}
.landing .panel section.consult .find-more { left:25.5px; min-width:258px; min-height:72px;}


/* NOTE: POSITIONING on sections should match coordinates for motion path in js file */
.intro{top:1033px; left:3751px; 
  min-height: 400px!important;
}
.intro:hover{overflow:hidden;}
.intro *{max-width:500px;}
.intro p{font-size:18px; margin:0 0 1em;}

.who{top:2550px; left:4010px; }
.who h1, .who h2, .who h3, .who a{color:#c62a26;}
.who *{max-width:;}
#team{margin:50px 0; font-size:12px;}
.team{width:46%; display:inline-block; vertical-align:top; margin-right:3%;
      zoom:1; *display:inline;}
#team img{border:#8e2020 1px solid; float:left; margin:0 12px 10px 0;}
#team h2{font-size:42px;margin:0 0 .8em;}
#team h3{font-size:14px; margin:16px 0 24px;}
#team h4{font-weight:bold;}
#team p{clear:both;}


.what{top:3541px; left:2349px;}
.what h1, .what h2, .what h3, .what a{color:#c62a26;}
.what *{max-width:;}
.what p{max-width:600px; margin:0 0 .5em;}
.what img {max-width:96%;}
#therapy{margin:44px 0 40px -24px; position:relative; z-index:1000;}

#therapy-lightbox, #therapy-lightbox-img, .gray-out{ 
  height:100%, width:100%; z-index:1000; display:block; 
  top:0; bottom:0; left: 0; right: 0;}
#therapy-lightbox{display:none; position: fixed; }
.gray-out{
  opacity:.5; filter: alpha(opacity = 50); 
  background-color:black;
  position: absolute;}
#therapy-lightbox-img{
  z-index:9000; 
  position: absolute;
  height:; text-align:center;
}
#therapy-lightbox-img img{height:90%; width: auto; 
  margin: 3% auto; 
  display:inline-block; zoom:1; *display:inline;
}

/*
.what #map-select{ 
  width:300px; height:30px;
  overflow:hidden;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, rgb(202, 202, 202) ),
        color-stop( 1.0, rgb(118, 118, 118) ));
  background: -webkit-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -moz-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -ms-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -o-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
}

.what #map-select select{
  font-size:14px;
  width:320px; height:30px;
  padding:0; margin:0; color:#fff;
  border:0; padding: 4px;
  z-index:1000;
  -webkit-appearance:none;
  background: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, rgb(202, 202, 202) ),
        color-stop( 1.0, rgb(118, 118, 118) ));
  background: -webkit-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -moz-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -ms-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: -o-linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
  background: linear-gradient(top,
        rgb(202, 202, 202), 
        rgb(118, 118, 118) );
}
.what #map-select select option{color:#000;
  line-height: 20px;
  -webkit-appearance:none;}
  
  
  /***
  
  .lt-ie9 .what #map-select { 
  width:auto; height:30px;  overflow:visible;
  border-radius: 4px;
  background-color:white;
}

 .lt-ie9 .what #map-select select{
  font-size:14px; width:320px; height:30px;
  background-color:white;
}

  
  /*****/
  
  
.what #map-select{ 
  /*width:300px; */ height:38px;   width: 341px;
  overflow:hidden;
  border-radius: 4px;  
  background-image:url("img/icon/dropdown-ui-bkg.png");
  color:White;         
}

.what #map-select select{
  font-size:14px;
  width: 360px;/*320px*/ height:37px;
  padding:0; margin:0; color:#fff;
  border:0; padding: 4px;
  z-index:1000; -webkit-appearance:none; background-color:transparent;
  color:White; font-weight:normal;         
  cursor:pointer; 
}


.what #map-select select option{color:#000;  line-height: 20px;  -webkit-appearance:none;}


.lt-ie9 .what #map-select {background-image:none; overflow:auto; width:200px; background-color:white; height:33px; }
.lt-ie9  .what #map-select select{ width:100%; height:33px; border:1px solid #D7D7D7; padding-bottom:6px; }

/***/

.global-reach {margin-bottom:20px;}
.global-reach select { margin:30px 0; background-color:transparent;}

.global-reach div{ }
.global-reach div a { margin-left:10px; display:none; cursor:pointer; color:White; position:absolute; left:0px; bottom:14px;}
.global-reach div a:hover {text-decoration:underline;}
.global-reach div a img {position:relative; bottom:2px;}

.read-more .btn { display:block; cursor:pointer; height:20px; padding:4px 0; margin:20px 0; width:120px;
    background-repeat:no-repeat !important; background-position: center right; }
.read-more .btn.show {background-image:url("img/icon/open-btn-orange.png"); width:140px; background-repeat:no-repeat !important;}
.read-more .btn.show.red {background-image:url("img/icon/open-btn-red.png"); background-repeat:no-repeat !important;}
.read-more .btn.close {background-image:url("img/icon/close-btn-grey.png"); color:#666; width:120px; background-repeat:no-repeat !important;}

.how{top:2480px; left:595px; vertical-align:top;}
.how .scroll *{max-width: ;}
.how h1{color:#e53d0f}
.how h2, .how h3, .how a{color: #e55e0f;}
.how h2{font-size: 21px; margin:0 0 .4em;}
.how h3{font-size:18px;}
.how ul{margin:.5em 0;}
.how li {font-size:14px;}

.list-block-wrap{position:relative; width:100%; left:1px; top:0;}
/* .lt-ie9 .list-block-wrap{position:static;} */
.list-icon{
  position:absolute; top:0; left: 0;
  width:72px; height:72px; vertical-align: top; }
.list-block{margin:0 0 0 100px; clear:right;
  vertical-align: top; display: inline-block;}

.why{top:971px; left:1428px;}
.why .scroll *{max-width:;}
.why h1, .why h2 {color:#e55e0f;}
.why h1{margin-bottom:.8em;}
/*.why .list-block{margin:0 50px 0 20px;}*/
.why h2 span{font-weight:bolder;}


/* ==========================================================================
   Contact
   ========================================================================== */

aside{position: fixed; top:126px; right:-275px; 
  height:68%; min-height:410px;
  z-index:1000; 
}
.contact-tab {
  position:absolute; left:-50px; top:18%;
  z-index:10; display:block;
  background: url('img/iph-contact.png') no-repeat scroll top left;
  cursor:pointer; 
  width: 100px;
  height: 771px;
}
.contact{
  position:relative; left:0;
  z-index:14; display:block;
  background: url('img/contact-text.png') no-repeat scroll top left;
/*  background-color:#B22421; */
  background:#992926;
  width: 285px;height: 100%; 
  border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px;
  font-size:12px; 
  box-shadow: inset 33px 98px 50px 10px rgba(0,0,0, .1);
  -moz-box-shadow: inset 33px 98px 50px 10px rgba(0,0,0, .1);
  -webkit-box-shadow: inset 33px 98px 50px 10px rgba(0,0,0, .1);
}
.contact form{ height:100%; width:100%;
  display:block; 
  z-index:2000; color:#fff;
  width:285px; font-size:13px; 
}
#form-body{
    position:absolute; top:0; bottom:0; 
    margin:50px 10px 60px; width:100%;
    }
#form-centered{
    position:absolute; top:46%; margin-top:-180px; 
    height:350px; width:100%;
    }
#form-indented{margin-left:10px; width:100%;}
#form-body h1{ width:200px;
    font-size:32px;
    margin: 0 0 0 -1px; height:60px;line-height: 60px; }  
#form-body *{}    
#form-body h2{font-size:14px; font-weight:bold; }
#form-body h3{font-size:12px; font-weight:bold; margin:0 0 15px; }
#form-body a, .contact form *{color:#fff; text-decoration: none; }
#form-body p{margin:0 0 15px; padding:0;}
#form-body input{
  background-color:#C62A26; border:0; 
  font-weight:normal; padding:0 10px 0;
  font-size:12px;clear:both;
  width:265px; height:26px; margin:0 0 2px;
  box-sizing:border-box; -moz-box-sizing:border-box;}
  
.contact #form-body input#name{margin-top:6px;}
.contact #form-body input#email-addr{}
.contact #form-body input#email-msg{ 
  vertical-align:top;
  height: 90px; border-radius:0 0 15px 15px;}

#form-btns{position: absolute; bottom:10px; width:100%; height:30px;}
#form-btns *{ height:100%; line-height:30px; font-weight:bold !important;
    font-size:12px; font-family: Arial, sans-serif; text-transform: uppercase;}
#form-btns > *{
  position:absolute; margin:0 10px; }
a#contact-close{left:0; width: 100px; display:inline-block; cursor:pointer; }
a#contact-close span{width:30px; display:inline-block; line-height:30px;
    margin-right:8px; text-transform:lowercase;}

.contact form #submit{right:0; width:100px; background:none; border:0; }
.contact-shadow{
    text-align: center;
  background:#992926; height:100%; border-radius: 15px;
  box-shadow: inset 1px 1px 3px .5px rgba(0,0,0,.1),
  inset 4px 5px 7px  1px rgba(0,0,0,.06);}
::-webkit-input-placeholder {
   color: white;
}
:-moz-placeholder {  
   color: white !important;  
}



/* ==========================================================================
   Footer
   ========================================================================== */

footer {position:absolute; bottom:0;
  z-index:1; width:100%;
  background:#390314;
  height:10%;
    min-height:48px;
    max-height:120px; */
  }

footer *, footer a {
  color:rgba(255,255,255,.4);
  font:12px Arial;}
div.foot.left > *{left:93px; position:absolute;}
footer #copyright{bottom:22%;}
footer #logo{bottom:51%;}

div.foot.right{right:93px; position:absolute; bottom:24%;}
footer nav a{margin:0 4px 0;}

.lt-ie9 footer *{color:#fff !important;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

.mini section h1{font-size:30px;}
.mini section h1 br{display:none;}
.mini section.intro p {font-size:16px;}
.mini body, p {font-size:;}

.mini div.foot.left > *{left:60px;}
.mini div.foot.right{right:60px;}


.mini .contact-tab{background-size: auto 17%;
    background-position:  14px 0;}

.narrow .team{width:96%;} 

.micro .grid{background-position: -50px 190px}
.micro section{margin-left: 350px; }
.micro header h1{left:57px; top: 66px; }
.micro header h1 img{width:280px; height: auto;}
.micro header nav{width:248px; padding-left:19px; left:43px; 
 top:186px;}
.micro header nav a{
  background: url('img/iph-menu-small.png') no-repeat;
  width:220px; background-size: auto 256px !important; height: 55px;
  line-height:55px; font-size:16px; padding-left:4px 0 0 50px;
  margin: 0 0 8px;
}
.micro .nav-select{
  background: url('img/iph-menu-hilite-small.png') no-repeat scroll top left;
  width:303px;
}

.micro header nav a:hover{width:222px; background-size:; height: 55px;
  line-height:55px; padding-left:50px; 
  background: url('img/iph-menu-hilite-small.png') no-repeat;
  width:250px; margin-left:15px; text-indent:15px;}
.micro .nav-select{width:249px}
.micro a.nav2, a.nav1:before{background-position:right 0px !important;}
.micro a.nav2, a.nav2:before{background-position:right -68px !important;}
.micro a.nav3, a.nav3:before{background-position:right -136px !important;}
.micro a.nav4, a.nav4:before{background-position:right -203px !important;}

.micro section h1{ padding: 90px 0 0; font-size:26px; line-height: 28px;}

.micro footer *{font-size:9px;}
.micro div.foot.left > *{left:30px;}
.micro div.foot.right{right:30px;}*/

.micro .contact-tab{background-size: auto 17%;
  background-position:  14px 0;} 
.micro #form-body h1{height:40px; line-height:40px;}
  

.lt-ie9 .micro  header nav a, .lt-ie9 header nav a:hover, .lt-ie9 .nav-select{
  width:250px; padding:0; margin-left:0 !important; text-indent:65px;
}
.lt-ie9 .micro  .nav-select{
  background: url('img/iph-menu-hilite-small.png') no-repeat scroll top left;
}
.lt-ie9 .micro  a.nav1, .lt-ie9 a.nav1:before{background-position:left 0 !important; }
.lt-ie9 .micro  a.nav2, .lt-ie9 a.nav2:before{background-position:left -68px !important;}
.lt-ie9 .micro  a.nav3, .lt-ie9 a.nav3:before{background-position:left -136px !important;}
.lt-ie9 .micro  a.nav4, .lt-ie9 a.nav4:before{background-position:left -203px !important;}
.lt-ie9 .micro  header nav a:before {display:none;}

.lt-ie9 .micro footer *{font-size:9px;}


/*  .grid{background-position: -50px 250px}
  section{margin-left: 350px; }
  header h1{left:57px; top: 92px; }
  header h1 img{width:280px; height: auto;}
  header nav{width:248px; padding-left:19px; left:43px; 
   top:206px;}
  header nav a{width:222px; background-size: auto 256px !important; height: 55px;
    line-height:55px; font-size:16px; padding-left:4px 0 0 50px;
    margin: 0 0 8px;
  }
  header nav a:hover{width:222px; background-size:; height: 55px;
    line-height:55px; padding-left:50px; 
    background: url('img/iph-menu-hilite.png') no-repeat;
    width:250px; margin-left:15px; text-indent:15px;}
  .nav-select{width:249px}
  a.nav2, a.nav1:before{background-position:right 0 !important;}
  a.nav2, a.nav2:before{background-position:right -68px !important;}
  a.nav3, a.nav3:before{background-position:right -136px !important;}
  a.nav4, a.nav4:before{background-position:right -203px !important;}
  
  section h1{font-size: 28px; padding: 217px 0 0;}

  div.foot.left > *{left:30px;}
  div.foot.right{right:30px;}*/
}



@media only screen and (max-width:800px) and (max-height:800px){


}





/* ============== ipad ============== */

@media only screen and (max-device-width:1024) {
  .grid{
    background:url('img/InterMassiveGeo-ipad.jpg') no-repeat top left;  }


}

/*
@media only screen and (max-device-width:1024) and (orientation:portrait){
  body{width:768px; height:1024px;}
}

@media only screen and (max-device-width:1024) and (orientation:landscape){
  body{width:1024px; height:768px;} 
  
}
*/
/* ============== mobile ============== */

@media only screen and (min-width: 35em) {
    
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
  background: transparent !important; color: #000 !important; /* Black
  prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow:
  none !important;
    }

    a, a:visited {
  text-decoration: underline;
    }

    a[href]:after {
  content: " (" attr(href) ")";
    }

    abbr[title]:after {
  content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  content: "";
    }

    pre, blockquote {
  border: 1px solid #999; page-break-inside: avoid;
    }

    thead {
  display: table-header-group; /* h5bp.com/t */
    }

    tr, img {
  page-break-inside: avoid;
    }

    img {
  max-width: 100% !important;
    }

    @page {
  margin: 0.5cm;
    }

    p, h2, h3 {
  orphans: 3; widows: 3;
    }

    h2, h3 {
  page-break-after: avoid;
    }
}