body{ text-align:center;padding-top:30px; 

  /* Location of the image */  
  background-image: url(../whitefacefall.jpg); 

  background-image: url(../whitefacebegins.jpg);  

  background-image: url(../mtnsummer.jpg);
   background-image: url(../whitefacesidesnow.jpg); 

  background-image: url(../whitefacesidehike.jpg); 
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */

-moz-background-size:cover; 
-webkit-background-size:cover; 

  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #59a6fa;  

width:100%;margin:auto; }


#wrapper{width:100%;text-align:center;margin:0 auto;padding:0px; max-width:100%;  }




.catmenu:after,.catmenu:before{content:" ";display:table }

.catmenu:after{clear:both}

nav{position:relative;background:#fff;margin:2px  0px;color:#fff;background:#b7e3eb;}

nav ul{max-width:775px;height:18px;text-align:center;list-style:none;margin:0 auto;padding:7px 0 2px; width:100%}

nav li{float:left;display:inline-block;margin:0;padding:0;text-align:center;list-style:none}

nav a{color:#fff;float:left;display:inline-block;text-decoration:none}

* html nav li{float:left}

nav li a{display:inline-block;width:133px;margin:0;padding:0 4px;color:#081a4d;font:700 12px myriad,arial,sans-serif;background:0 0;text-decoration:none;text-transform:uppercase;border-right:1px solid #081a4d}

nav li:last-child a{border-right:0}

nav a#pull{display:none;font:700 12px arial,gillsans,"gill sans mt",san-serif;padding:3px 0 3px 1px;margin:2px 0 0}

nav li.m1 a{width:60px}

nav li.m2 a{width:150px}

nav li.m3 a{width:155px}

nav li.m4 a{width:220px}

nav li.m5 a{width:140px;border-right:0;border-right:none}

nav li.m6 a{width:200px}

nav li.m7 a{width:130px}

nav li.m8 a{width:160px}

nav li.m9 a{width:140px}

nav li.m10 a{width:80px;border-right:0;border-right:none}

nav li a#current:hover,nav li a#current:visited:hover,nav li a:hover,nav li a:visited:hover{background:0 0;color:#000;text-decoration:underline}

nav li a#current,nav li a#current:visited{color:#000;background:0 0;text-decoration:none}

#temparea{text-align:center;background:#fff;margin:8px auto;padding:0px;max-width:90%; }


#contenthome{ text-align:center;background:0 0;margin:0 auto;padding:5px 0;max-width:90%;}


#content{ text-align:center;background:0 0;margin:0 auto;padding:5px 0;max-width:90%;}

#contenthome h1{text-align:center;font:700 16px verdana,arial,helvetica,san-serif;color:#0f2f5a;background:#fff;margin:5px auto;padding:4px 0}

#contenthome h2{font:700 14px verdana,arial,helvetica,san-serif;color:#740f0f;text-align:center;margin:0;padding:5px 0;background:#fff}

#contenthome h3{font:400 12px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:0;padding:3px 0;background:#fff}

#content ul{padding:3px 0;margin:10px 0 8px 30px;background:0 0}

#content li{text-align:left;font:400 12px verdana,arial,helvetica,san-serif;color:#000;padding:3px 0 3px 3px;margin:0;background:0 0}

#logobox{max-width:940px;text-align:center;margin:2px auto;padding:3px 10px 14px;background:0 0;width:100%}

#logobox a{color:#fff;text-decoration:none}

#logobox a:hover{color:#fff;text-decoration:underline}

#logo{float:left;text-align:left;margin:0;padding:0;background:0 0;max-width:100%;border:none;border:0}

#logoaddress{text-align:right;color:#ffffff;font:600 13px myriad,arial,helvetica,sans-serif;background:0 0;padding:3px 3px 3px 0;margin:0;max-width:100%;letter-spacing:.5px;line-height:16px;}

#logoaddress a{color:#ffffff;text-decoration:none}

#logoaddress a:hover{color:#f2eb3b;text-decoration:underline}

#logolongaddress{text-align:center;color:#ffffff;font:700 14px myriad,arial,helvetica,sans-serif;background:0 0;padding:5px 0 10px;margin:0;max-width:100%;letter-spacing:.5px;line-height:14px}

#logolongaddress a{color:#ffffff;text-decoration:none}

#logolongaddress a:hover{color:#f2eb3b;text-decoration:underline}

h1{font:700 15px verdana,arial,helvetica,san-serif;color:#0f2f5a;text-align:center;margin:0 auto;padding:10px 0 8px;background:#fff}

h2{font:400 12px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:0;padding:3px;background:#fff}

h3{text-align:left;font:700 12px verdana,arial,sans-serif;color:#0f2f5a;margin:10px 0;padding:0;background:0 0}

h4{text-align:center;font:400 11px verdana,arial,sans-serif;color:#000;margin:10px 0;padding:0;background:0 0}

h5{font:400 11px arial,helvetica,sans-serif;color:#000;text-align:left;padding:0 0 5px;margin:0;background:#fff}

h6{font:700 12px arial,helvetica,sans-serif;color:#fff;width:690px;text-align:center;padding:2px 0 3px;margin:0;background:#0000a8}

#header{font:700 15px verdana,arial,helvetica,san-serif;color:#0f2f5a;text-align:center;margin:0 auto;padding:10px 0 8px;background:#fff}


.headerleft {float:left; text-align:left; font:700 15px verdana,arial,helvetica,san-serif;color:#0f2f5a;text-align:center;margin:10px 0px 5px 0px;padding:0px;background:#fff}
 

.tabtextbold{text-align:left;font:700 11px verdana,arial,sans-serif;margin:0;padding:3px 0 3px 5px;color:#000;background:0 0;width:25%}

.tabtext{text-align:left;font:400 11px verdana,arial,sans-serif;margin:0;padding:3px 15px 3px 5px;color:#000;background:0 0}

.tabtextgrbkg{text-align:left;font:700 11px verdana,arial,sans-serif;margin:0;padding:3px 0 3px 5px;color:#fff;background:#0f2f5a;width:49%}

.clientsweb{font:400 12px verdana,arial,helvetica,san-serif;float:left;text-align:left;margin:0 3px;padding:3px;width:48%;max-width:100%;line-height:21px;background:#e2eced}

#clientstab{text-align:center;margin:0 auto;padding:3px;background:#fff}

#clientstab h2{font:400 12px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:3px;padding:3px;background:#fff}

#return{clear:both;text-align:center;font:400 9px verdana,arial,helvetica,san-serif;color:#fff;padding:10px 0;cursor:pointer;background:0 0}

#return a{color:#fff;text-decoration:underline}

#return a:hover{color:#740f0f;text-decoration:none}

#navbottom{color:#000;margin:10px auto;text-align:center;border-top:2px solid #740f0f;padding:10px;border-bottom:2px solid #740f0f;font:400 10px verdana,arial,helvetica,san-serif;text-decoration:none;cursor:pointer;max-width:100%}

#navbottom a{color:#000;text-decoration:none}

#navbottom a:hover{color:#000;text-decoration:underline}

#address{text-align:center;font:700 14px windsor,myriad,arial,helvetica,sans-serif;margin:0 auto;padding:10px 0 0;color:#0f2f5a;background:0 0}

#subaddress{text-align:center;font:400 12px myriad,arial,helvetica,sans-serif;margin:0 auto;padding:0 5px 10px;color:#000;background:0 0}

#byline{text-align:center;color:#fff;font:700 9px verdana,arial,helvetica,sans-serif; padding:8px 0 5px;margin:0 auto;text-decoration:none}

#byline a{color:#fff;text-decoration:none}

#byline a:hover{color:#fff;text-decoration:underline}

#stats{text-align:center;font:400 9px verdana,arial,helvetica,san-serif;color:#fff;background:0 0;margin:0 auto;padding-top:80px}

#imageleft{float:left;margin:5px 10px 10px 0;padding:0;background:0 0;max-width:100%}

#imageright,#imagerightweb,.imageright,.imagerightprint,.imagerightprinttwo{float:right;margin:5px 0 10px 10px;padding:0;background:0 0;max-width:100%}

table{width:98%;margin:0 auto;text-align:left;padding:0;background:#fff;border-collapse:collapse}

form input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url]{max-width:90%;min-width:90%;display:block;margin:0;padding:1px;width:100%;height:15px;line-height:10px;border:1px solid #bbb}

form input[type=submit],input[type=reset]{margin:0 auto;max-width:87%;width:87px;float:left}

#wrapbox { text-align:center; margin:10px auto; padding:0px; width:100%;}

.thumb{float:left;max-width:203px;width:100%;border:1px solid #000;margin:0;padding:0}

.imageleft{float:left;margin:4px 8px 6px;padding:0;background:0 0;max-width:100%}

#tags{text-align:left;color:#fff;font:700 9px verdana,arial,helvetica,sans-serif;padding:12px;margin:800px auto 0;background:transparent; max-width:980px;width:100%}
#tags a{color:#fff;text-decoration:none}

#tags a:hover{color:#fff;text-decoration:underline}

.callus{display:none;padding:0;margin:0}

@media screen and (max-width:4980px) and (min-width:480px){.callus{display:none;padding:0;margin:0}

}

@media screen and (max-width:4980px) and (min-width:999px){#logolongaddress{display:none;padding:0;margin:0}

}

@media screen and (max-width:999px){body{padding-top:20px}

#logobox{text-align:center;margin:2px auto;padding:3px 10px;background:0 0;max-width:100%}

#logoaddress{display:none;padding:0;margin:0}

#logo{float:none;text-align:center;margin:2px auto 0;padding:0;background:0 0;max-width:100%;border:none;border:0}

#logolongaddress{text-align:center;color:#ffffff;font:700 12px arial,helvetica,sans-serif;background:0 0;padding:1px 0 10px;line-height:14px;margin:0;max-width:100%}

#logolongaddress a{color:#ffffff;text-decoration:none}

#logolongaddress a:hover{color:#f2eb3b;text-decoration:underline}

}

@media screen and (max-width:480px){.callus{display:block;width:100%;text-align:center;color:#fff;font:700 11px verdana,arial,helvetica,sans-serif;margin:6px auto;padding:3px 3px 6px;background:#0f2f5a;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;max-width:95%;min-width:95%}

.callus a{padding:0;margin:0;color:#fff;text-decoration:none;background:0 0}

.callus a:hover{padding:0;margin:0;color:#ffe035;background:0 0;text-decoration:underline}

}

.responsive-iframe-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;max-width:96%;text-align:center;margin:10px auto 20px}

.responsive-iframe-container iframe,.vresponsive-iframe-container embed,.vresponsive-iframe-container object{position:absolute;top:0;left:0;width:100%;height:100%}

@media screen and (max-width:980px){ 

#content,#contenthome{max-width:95%}

h1{text-align:center;font:700 14px verdana,arial,helvetica,sans-serif;color:#0f2f5a;padding:5px 0;margin:0}

}
 

@media only screen and (max-width:765px){#contenthome h1{text-align:left;font:700 15px verdana,arial,helvetica,san-serif;color:#0f2f5a;background:#fff;margin:5px auto;padding:4px 0}

#contenthome h2{font:700 14px verdana,arial,helvetica,san-serif;color:#740f0f;text-align:left;margin:0;padding:5px 0;background:#fff}

}

@media only screen and (max-width:700px){.clientsweb{font:400 12px verdana,arial,helvetica,san-serif;float:left;text-align:left;margin:0 2px;padding:0;max-width:100%;line-height:21px}

}

@media only screen and (max-width:500px){.clientsweb{font:400 12px verdana,arial,helvetica,san-serif;width:100%;max-width:100%;line-height:21px;margin:0 2px 0 0;padding:0}

}

@media only screen and (max-width:650px){#contenthome h1{text-align:center;font:700 15px verdana,arial,helvetica,san-serif;color:#0f2f5a;background:#fff;margin:5px auto;padding:4px 0}

#contenthome h2{font:700 14px verdana,arial,helvetica,san-serif;color:#740f0f;text-align:center;margin:0;padding:5px 0;background:#fff}

.imagerightprint{float:right;text-align:right;max-width:100%;padding:5px 0;margin:0 auto}

}

@media only screen and (max-width:2235px){#content,#contenthome {width:98%}

#tags{display:none}

}


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


#logobox { text-align:center; margin:10px auto; padding:0px; width:98%;}

 

#logo { text-align:center; margin:0px auto; padding:0px; width:90%;}

#wrapbox { text-align:center; margin:10px auto; padding:0px; width:90%;}

}


@media only screen and (max-width:935px){#content,#contenthome {width:98%}

#tags{display:none}

#temparea{ max-width:94%;}
 
#content,#contenthome {width:95%;}
 
}


@media screen and (max-width:785px){
 

nav ul{max-width:690px;height:18px;text-align:center;list-style:none;margin:0 auto;padding:7px 0 2px;width:100%; background:#b7e3eb;}

 
nav li a{display:inline-block;width:133px;margin:0;padding:0 1px;color:#081a4d;font:700 12px myriad,arial,sans-serif;background:0 0;text-decoration:none;text-transform:uppercase;border-right:1px solid #081a4d}

  nav li.m1 a{width:60px}

nav li.m2 a{width:130px}

nav li.m3 a{width:143px}

nav li.m4 a{width:210px}

nav li.m5 a{width:125px;border-right:0;border-right:none}

nav li.m6 a{width:190px}

nav li.m7 a{width:120px}

nav li.m8 a{width:140px}

nav li.m9 a{width:140px}

nav li.m10 a{width:70px;border-right:0;border-right:none}
 
}






@media screen and (max-width:700px){#wrapperbox{text-align:center;margin:0 auto;padding:0 10px 0 0}
  
#temparea{ text-align:center;background:#fff;margin:1px auto;padding:0px;max-width:99%;}
 
nav{border:0;border:none;text-align:center;margin:0px;padding:0;background:#b7e3eb;border-top:none}

nav a{text-align:left;width:100%;text-indent:10px}

nav li{width:100%;float:left;padding:4px 0;position:relative;border-right:0;margin:3px;height:18px}

nav li a{display:inline-block;margin:0;padding:2px 0;border-right:0;border-right:none;}

nav ul{display:none;margin:0;padding:0;border:0;border:none}

nav a#pull{display:block;border-top:none;background-color:#0b184d;width:100%;margin:1px 0;padding:5px 0;position:relative}

nav a#pull:after{content:"";background:url(../images/nav-icon.png) no-repeat;width:15px;height:15px;display:inline-block;position:absolute;right:15px;top:5px;margin:0}

nav a#pull:hover{color:#ffe035}

#stats,#tags{display:none}

}

@media screen and (max-width:800px){#tags{display:none}

#address{text-align:center;margin:0;padding:10px 0 0}

#stats{display:none}



}
 
@media only screen and (max-width:590px){body{padding-top:10px}

#logolongaddress{text-align:center;margin:0 auto;padding:1px 0 5px;width:96%}

#navbottom{text-align:center;margin:0 auto;width:95%}

}

@media only screen and (max-width:800px){#imagerightweb{float:right;max-width:100%;padding:5px 0;margin:0 0 10px 10px;width:70%}

}

@media only screen and (max-width:500px){#imagerightweb{float:none;text-align:center;max-width:100%;padding:5px 0 0;margin:0 auto;width:100%}



.headerleft {float:left; text-align:left; font:700 14px verdana,arial,helvetica,san-serif;color:#0f2f5a;text-align:center;margin:10px 0px 5px 0px;padding:0px;background:#fff}

}


@media only screen and (max-width:590px){.imagerightprinttwo{float:none;text-align:center; margin:5px auto;padding:0;max-width:100%}

} 

@media only screen and (max-width :380px)

{ 
#logobox { text-align:center; margin:1px auto; padding:0px; width:98%;}

 
#content,#contenthome  {width:98%}

#contenthome h1{text-align:center;font:700 13px verdana,arial,helvetica,san-serif;color:#0f2f5a;background:#fff;margin:5px auto;padding:4px 0}

#contenthome h2{font:700 12px verdana,arial,helvetica,san-serif;color:#740f0f;text-align:center;margin:0 auto;padding:3px 8px;background:#fff}

#contenthome h3{font:400 12px verdana,arial,helvetica,san-serif;color:#000;text-align:left;margin:0;padding:3px 8px;background:#fff}

#imageright{float:none;text-align:center;max-width:100%;padding:5px 0;margin:0 auto}

h1{text-align:center;font:700 14px verdana,arial,helvetica,sans-serif;color:#0f2f5a;padding:5px 0;margin:0}

h2{text-align:left;font:400 11px verdana,arial,helvetica,sans-serif;color:#000;padding:5px 0;margin:0}

h3{text-align:center;font:700 12px verdana,arial,helvetica,sans-serif;color:#063;padding:10px 0 5px;margin:0}

h4{text-align:center;font:400 11px verdana,arial,helvetica,sans-serif;color:#000;padding:5px 0;margin:0}

h5{text-align:center;font:400 9px verdana,arial,helvetica,sans-serif;color:#000;padding:5px 0;margin:0;font-style:italic}

h6{text-align:left;font:700 12px verdana,arial,helvetica,sans-serif;color:#0f2f5a;padding:5px 0;margin:0}

ul{text-align:left;margin:0 0 0 20px;padding:5px 10px 1px}

li{text-align:left;font:400 11px arial,helvetica,sans-serif;color:#000;background:0 0;margin:0;padding:5px 0 2px}

#address{width:95%;text-align:center;margin:0 auto}

#subaddress{width:90%;text-align:center;margin:0 auto}

#logolongaddress{display:none}

#navbottom{text-align:center;margin:0 auto;width:90%}

#stats,#tags{display:none}

}

@media only screen and (max-width :330px){nav li{width:100%;float:left;position:relative}

}
 

@media print {

 
 
nav li a{ display:inline-block;width:123px;margin:0;padding:0 2px;color:#081a4d;font:700 11px myriad,arial,sans-serif;background-color:0 0;text-decoration:none;text-transform:uppercase;border-right:1px solid #081a4d}

nav li.m1 a{width:60px}

nav li.m2 a{width:130px}

nav li.m3 a{width:143px}

nav li.m4 a{width:210px}

nav li.m5 a{width:120px;border-right:0;border-right:none}

nav li.m6 a{width:190px}

nav li.m7 a{width:120px}

nav li.m8 a{width:140px}

nav li.m9 a{width:140px}

nav li.m10 a{width:70px;border-right:0;border-right:none}




h1{font:700 15px verdana,arial,helvetica,san-serif;color:#630707;text-align:center;margin:0 auto;padding:10px 0 8px;background:#fff}


#return{display:none;} 

#navbottom{display:none;} 

#address{text-align:center;font:700 14px windsor,myriad,arial,helvetica,sans-serif;margin:0 auto;padding:10px 0 0;color:#0f2f5a;background:0 0}

#subaddress{text-align:center;font:400 12px myriad,arial,helvetica,sans-serif;margin:0 auto;padding:0 5px 10px;color:#000;background:0 0}

#byline{display:none;} 
#stats{display:none;} 

.callus{display:none;} 


#imageright{float:left;margin:1px 0px 10px 15px;padding:0;background:0 0;max-width:100%}

#imagerightweb,.imageright,.imagerightprint{float:right;margin:5px 0 10px 10px;padding:0;background:0 0;max-width:100%}

table{width:98%;margin:0 auto;text-align:left;padding:0;background:#fff;border-collapse:collapse}

form input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url]{max-width:90%;min-width:90%;display:block;margin:0;padding:1px;width:100%;height:15px;line-height:10px;border:1px solid #bbb}

form input[type=submit],input[type=reset]{margin:0 auto;max-width:87%;width:87px;float:left}

 

#contenthome hr{display:none;} 

 
#logobox{text-align:center;margin:2px auto;padding:3px 10px;background:0 0;max-width:100%}

#logoaddress{display:none;padding:0;margin:0}

#logo{float:none;text-align:center;margin:2px auto 0;padding:0;background:0 0;max-width:100%;border:none;border:0}

#logolongaddress{text-align:center;color:#06112c;font:700 12px arial,helvetica,sans-serif;background:0 0;padding:1px 0 10px;line-height:14px;margin:0;max-width:100%}
  
#tags{display:none;} 

nav,nav li{display:none;}

#temparea{text-align:center;background:#fff;margin:0px auto;padding:0px;max-width:100%;}

#contenthome{ text-align:center;background:0 0;margin:0 auto;padding:0px 0;max-width:100%;}
}