html, body, .body {height:100%}
body {background: #000; color: #1a1a1a; font-size: 14px; line-height: 1.6em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
p {padding:5px 0}
h1, h2, h3, h4, h5, h6 { color: #1a1a1a; margin-bottom: 5px; font-weight: 600; font-family: "trajan-pro-3", sans-serif; }
h1 p, h2 p, h3 p { padding: 0 }
h1 { font-size: 180%; }
h2 { font-size: 170%; }
h3 { font-size: 150%; padding: 10px 0 }
h4 { font-size: 130%; padding: 0; border-bottom:1px solid #ccc }
h5 { font-size: 110%; padding: 10px 0 }
h6 { font-size: 105%; padding: 10px 0 }
strong, b {font-weight:bold; font-size:101%}
em, i {font-style:italic; }

a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    display: none;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}

.wrapper { min-height: 100%; /* equal to footer height */ margin-bottom: -80px; }
.wrapper:after { content: "";  display: block;}
.footer, .wrapper:after {  /* .push must be the same height as footer */  height: 80px; }

.container { width: 100%; padding: 0 0 50px; margin: 0 auto; position: relative; }
.splash-container { width: 1000px; padding: 0 0 300px; margin: 0 auto; position: relative; }

.header { position: relative; padding: 30px 0 0 0; width: 1000px; margin: 0 auto }
.header .logo { width:216px; height: 66px; display: block; float: left; position: absolute; left: -80px; top: 24px; background: transparent url(/assets/alpinehills/Media/alpine-logo.png) no-repeat 0 0; }
.header #navbar { width: 883px; height: 44px; padding-left: 10px; background: #526d52; float:right}

.splash-spacer {min-height:305px}
.page-spacer{min-height:305px}
.splash-footer { position:absolute; bottom:80px; left:0; width:100% }
.lower-thirds {height:280px; margin:0 auto 0; width:960px; color:#fff; font-family: "trajan-pro-3", sans-serif; font-size:13px; position:absolute; bottom:0; left:50%; margin-left:-480px; overflow:hidden}
.lower-thirds .lower-left{float:left; width:300px; margin-right:50px;}
.splash .lower-thirds .lower-left > div,.splash .lower-thirds .lower-right > div {padding:20px}
.lower-thirds .lower-right{float:right; width:350px; margin-left:20px;}
.lower-thirds h3 {color:#fff; margin:0; padding:0 0 10px; font-size:24px; font-weight:600; margin-bottom:10px; border-bottom:1px solid #1B471A}
.lower-thirds a{color:#fff}
.lower-thirds a:hover{color:#feed61}
.lower-thirds p {padding:0}

.slider { width: 100%; margin: 0; padding: 0; height: 300px }
.subnav-bar{ width: 940px; margin: 0 auto; padding: 10px }
.inner-content { width: 100%; background: #fff; border-top: 1px solid #526d52; min-height: 550px }
.inner-content .inner-nav { height: 36px; line-height: 36px; background: #1b471a; width: 100%; color: #fff; font-size: 18px; }
.inner-content .inner-nav .subnav-bar { width: 960px; margin: 0 auto; padding: 0 }
.inner-content .inner-nav .subnav-bar .sub-nav-title { float: left; padding: 0 20px 0 10px; }
.sub-title p { padding: 0 }

.inner-content .inner-nav .subnav-bar .sub-nav { float: left; border-left: 1px solid #fff; height: 28px; position: relative; top: 3px }
.inner-content .inner-nav .subnav-bar .sub-nav ul { height: 30px; position: relative; padding-left: 30px;}
.inner-content .inner-nav .subnav-bar .sub-nav li { float: left; line-height: 28px; height: 28px; font-size: 14px; padding: 0; list-style-image: url(/assets/alpinehills/Media/raquo.gif);
  list-style-position: outside; margin: 0 30px 0 0;}
.inner-content .inner-nav .subnav-bar .sub-nav li a { display: block; line-height: 30px; color: #fff; padding: 0 5px; text-decoration:none;  font-family: "trajan-pro-3", sans-serif;  }
.inner-content .inner-nav .subnav-bar .sub-nav li a:hover {text-decoration:underline}
.inner-content .inner-nav .subnav-bar .sub-nav li > ul {display:none}
.no-sub .sub-nav {border-left:0px none #fff !important;}

.page-header { padding: 10px 0 5px; border-bottom: 1px solid #ccc; margin-bottom:20px }
.page-content { padding: 10px; margin:0 auto; width:920px }
.page-content-left {float:left; width:680px; padding: 10px }
.page-content-right {float:right; margin:10px; width:180px; padding:10px; border:1px solid #e5e5e5}
.float-right {width:275px; margin:0 5px 10px 30px; overflow:hidden; float:right}
.page-text {padding:15px 10px}
.page-text-left {width:475px !important;}
.page-text-right {}

.address-input {width:250px;  background-color:transparent; border:0px none; border-bottom:1px solid #585858; color:#526D52; font-size:12px}
.submit-link {background:none; border:0px none; border-bottom:1px solid #585858; font-size:16px; color:#526D52; padding:0 8px; margin-left:5px}
.map {width:370px; height:400px; border:3px solid #585858;}

.footer { position: relative; width: 100%; border-top:1px solid #333;  height:80px; }
.splash-foot {background:#546C51}
.inner-foot {background:#585858 }
.inner-logo { width: 172px; height: 55px; display: block; float: right; }
.foot-info { width: 1000px; margin: 0 auto; line-height: 1.6em; padding:20px 0 10px; text-align: left; color: #fff; font-family: "trajan-pro-3", sans-serif; font-size: 10px }
.foot-info .foot-logo { float:right; margin:10px; width:60px; height:51px; display:block }
.foot-info a { color: #fff; text-decoration: none }
.foot-info .divider { padding: 0 15px }

.foot-weather {width: 200px; float: right; height: 44px;}
.footer .date-weather {display: block;  width:200px; float: right; text-align: right;}
.footer .date {float:right; text-align:right; padding:0 0px; display:block; line-height:18px; height:18px; color:#fff}
.footer .date #date { text-align:center; font-size:12px; display:block; line-height:18px; height:18px; color:#fff}
.footer .date #weather {float:right; color:#fff; font-size:12px; width:150px; display:block }
.footer .date #weather img{vertical-align:bottom; padding-right:4px}
.footer .date #weather span {padding:0 4px}
.footer .date #weather a {color:#fff; text-decoration:none}
.footer #weather .temp {font-weight:bold}


.drop a { font-family: "trajan-pro-3", sans-serif; }
.sub-nav-title{ font-family: "trajan-pro-3", sans-serif; font-size:14px }

ul.drop { text-align: center; margin: 0px; padding: 0px; width:865px; float: right; background: transparent none no-repeat 0 0; display: block; height: 44px; }
.drop li a, .drop li { float: left; }
.drop li a:hover, .drop li.open > a { text-decoration: underline }
.drop li { list-style: none; position: relative; top:0px; margin:0px 3px; padding: 0px }
.drop li a, .drop li div { padding: 0 4px; line-height: 44px; text-decoration: none; color: #fff; font-size: 14px; }
.drop .last {background:#1b471a; border-left:2px solid #fff; padding:0 8px; float:right; margin-right:0}
/* Submenu */
.drop li > ul, .drop li > div { text-align: left; display: none; position: absolute; left: 0; top: 100%; padding: 0px; margin: 0px; }

.drop li ul li, .drop li ul li a { padding: 0 2px; margin: 2px; float: none; color: #fff; font-size: 12px; line-height: 2.8em; text-decoration: none; }
.drop li ul li { _display: inline; }
.drop li > div { width: 200px; }
.drop li ul { background-color: #526D52}
.drop li ul li { margin: 2px 0; }
/* Sub submenu */
.drop li ul li a { width: 160px; display: block; border-top: none; }
.drop li ul li a:hover { color: #fff; background: #1B471A; }
.drop li ul li ul, .drop li ul li > div { top: 0px; left: 101%; }
.drop li:hover > ul, .drop li a:hover > ul { display: block; visibility:visible }
.drop li.open > ul {display: block; visibility:visible}
.drop .home-link {display:none; visibility:hidden}
@font-face {
    font-family: 'weather';
    src: url('//s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('//s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('//s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('//s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('//s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#weather {
  margin: 0px;
  text-align: right;
  text-transform: uppercase;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  padding:0 5px
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 100px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}

body .mc-cycle {top: -80px !important;}





.slicknav_menu { display: none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1}
/*    User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu { font-size: 16px; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #2a2a2a; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.slicknav_menu { background: #526D52 url(/assets/alpinehills/media/mobile-logo.png) no-repeat 10px 0px; padding: 5px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #526D52; }
.slicknav_nav .slicknav_item:hover a{ color: #526D52; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #526D52; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

@media screen and (max-width:59.9999em) {
  .splash .wrapper {min-height:100%}
  .body {background:url(/assets/alpinehills/Media/mobile-bg.jpg) no-repeat center top fixed; background-size:cover}
  .header {display:none;}
  .wrapper {margin-bottom:-150px;  padding-bottom:50px}
  .site-content {width:100%; padding-top:0px}
  .inner-content {width:100%; min-height:100%}
  .page-header {font-size:120%}
  .footer {height:150px;}
  .foot-info { width:90%; margin:0 auto}
  .splash-footer {position:relative; top:0; bottom:0; height:100%; padding:0 0 150px; background:url(/assets/alpinehills/Media/bg-rpt.png);}
  .splash .foot-info {width:100%}
  .lower-thirds {position:relative!important; width:100%; left:0; margin:0; padding:0; height: auto; top:60px!important}
  .lower-left {width:100%!important; margin:0; padding:0; margin-left:20px; float:none!important}
  .lower-right {width:100%!important; margin:0; padding:0; float:none!important}
  .page-spacer {display:none;}
  .inner-nav {display:none;}
  .page-content {width:100%}
  .page-header {font-size:110%; padding:10px 0}
  .home-link {display:block; visibility:visible}
  .js .drop { display: none; }
  .js .slicknav_menu { display: block; }
  .slicknav_menu .login {display:none }
  .slicknav_menu .spacer {display:none }
  body .mc-cycle {top: 0px !important; display:none}  
}

@media screen and (max-width:35em) {
  .splash .wrapper {min-height:100%}
  .body {background:url(/assets/alpinehills/Media/mobile-bg.jpg) no-repeat center top fixed; background-size:cover}
  .header {display:none;}
  .wrapper {margin-bottom:-150px; padding-bottom:50px}
  .site-content {width:100%; padding-top:0px}
  .inner-content {width:100%; min-height:100%}
  .page-header {font-size:120%}
  .page-content .float-rt {display:block; width:100%}
  .footer {height:150px}
  .foot-info { width:90%; margin:0 auto}
  .splash-footer {position:relative; top:0; bottom:0; height:100%; padding:0 0 150px; background:url(/assets/alpinehills/Media/bg-rpt.png);}
  .splash .foot-info { width:100%}
  .lower-thirds {position:relative!important; width:100%; left:0; margin:0; padding:0; height: auto; top:60px!important}
  .lower-left {width:100%!important; margin:0; padding:0; margin-left:20px; float:none!important}
  .lower-right {width:100%!important; margin:0; padding:0; float:none!important}
  .page-spacer {display:none;}
  .inner-nav {display:none;}
  .page-content {width:100%}
  .page-header {font-size:110%; padding:10px 0}
  .home-link {display:block; visibility:visible}
  .js .drop { display: none; }
  .js .slicknav_menu { display: block; }
  .slicknav_menu .login {display:none }
  .slicknav_menu .spacer {display:none }
  body .mc-cycle {top:0px !important;display:none}
}