/***********************
  M O U N T A I N    
  grid.css
***********************/


/* LAYOUT
----------------------------------------------- */
#page-wrap {
  float: left;
  width: 100%;
}

#page,
#header-wrap,
#content-wrap,
#footer-wrap { 
  margin: 0 auto;
  width: 960px;
}

#content-wrap {
  position:relative;
  z-index: 20;
  top: -54px;
  overflow: auto;
}

#header,
.nav,
#content,
#footer {
  float: left;
  width: 960px;
}

#header {
  margin: 3px 0 0 0;
  height: 273px;
}

#branding {
  float: left;
  width: 540px;
  margin-left: 10px;
}



.nav {
  float: left;
  width: 240px;
  padding: 0;
  margin-right: 10px;

}

#nav-main {
  float: left;
  width: 240px;
}

#nav-main li {
  float: left; 
  list-style: none;
  position: relative;
  width: 210px;
  margin-left: 10px;
  
}

#site-search {
  
  position: absolute;
  width: 230px;
}

#site-search input {
  float: left;
}

#header .nav-sub { 
  float: right;
  width: 260px;
}

#featured-content {
  float: right;
  width: 640px;
}

#home #featured-content {
  margin: 20px 0 20px 0;
  width: 660px;
}

li.featured-item1,
li.featured-item2,
li.featured-item3 {
  padding: 20px;
  float: left;
  width: 179px;
  height: 100%;
}


#interior #featured-content {
  width: 660px;
  height: 175px;
}

#content {
  padding: 54px 10px 20px 0px;
  overflow: auto;
  width: 950px;
}

#content-main {
  float: left;
  width: 690px;


}

.twoCol{
  float: left;
  width: 100%;

}

#home .col{
  float: left;
  width: 440px;
  /*margin-right: 20px;*/
  /*min-height: 200px;*/
}

#home .col.last{
  width: 220px;
  float: right;
  margin-left: 20px;
  min-height: 120px;
}


#interior .col{
  width: 690px;
  float: left;
}



/*.col-last{
  width: 220px;
  float: right;
  border: 1px solid blue;
  height: 100px;
}
*/



/*#interior #content-main {
  margin-top: 0px;
  padding: 20px 20px 20px 20px;
  width: 620px;
}*/





#content-sub1 {
  float: left;
  width: 240px;
  margin-right: 10px;


}

#content-sub2{
  background: url(../images/template/affiliation-button.png) no-repeat;
  
}



#content-sub2, #content-sub3{
  width: 207px;
  margin: 10px 15px;
  float: left;
  
  
}


#home #content-sub4{
  width: 640px;
  clear: both;
  position: relative;
  border: 1px solid #b18128;
}

#footer {
  clear: both;
  float: left;
  padding: 10px;
  width: 940px;
  margin: 0 0 20px 0;
}

#facility-info {
  float:left;
  padding: 10px;
}

#site-info {
  float: right;
  padding-bottom: 20px;
}

#bar-wrap {
  float: right;
  padding: 5px;
  width: 680px;
}


/*----------------------------------------------
= media queries for mobile
================================================ */

@media handheld and (max-device-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
        #page-wrap {
        width: 100%;
      }

      #page {
        float: left;
        width: 100%;
      }

      #header-wrap,
      .nav,
      #content-wrap,
      #footer-wrap {
        width: 100%;
      }

      #header,
      #branding,
      #bar-wrap,
      #nav-main,
      #featured-content,
      #featured-services,
      #content,
      #content-main,
      #content-sub1,
      #home #content-sub3,
      #interior #content-main,
      #nav-main li {
        clear: both;
        float: left;
        width: 100%;
      }
      
      #bar-wrap {
        width: 100%;
      }
      
      li.featured-item1,
      li.featured-item2,
      li.featured-item3 {
        width: 400px;
      }
      
      #footer {
        margin-top: 20px;
        width: 100%;
      }
      
      #nav-main,
      #content-sub1,
      #interior #content-main { margin: 10px 0;}
      
      #site-search {
        position: relative;
        float: left;
        top: 5px;
        left: 5px;
      }
      
      #featured-content,
      #section-header,
      #content-sub2 {
        display: none;
      }  
    }


/* * {
  transition: width .5s;
  -moz-transition: width .5s;
  -webkit-transition: width .5s;
}  */



/*----------------------------------------------
= AddThis
================================================ */

.addThis {
  float:right;
  margin:0;
  padding:0;
  width:135px;
}