/*
Theme Name: Trillium Spa
Theme URI: http://www.imaginusnorth.com
Author: Imaginus North Inc.
Version: 1.0;
Author URI: http://www.imaginusnorth.com
Description: Trillium Resort & Spa Wordpress Theme

*/

div.row
{
  max-width: 70em;
}

body
{
  background-image:url(images/bg3.jpg);
  font-family:Arial,Helvetica,sans-serif;
  margin-top:0;
}

a.dark
{
  color:rgba(72, 66, 60, 1);
}

section.top-bar-section .right li .dropdown
{
  right:auto;
}

.package .package--content
{
  padding-left: 30px;
}

.package .package--title
{
  margin-bottom: 30px;
  font-size: 30px;
}

.package .package--paragraph
{
  margin-bottom: 10px;
  font-size: 16px;
}

.package .package--image
{
  margin-bottom: 30px;
  width:90%;
}

.package .package--list
{
  margin-left: 12px;
  margin-top: 1.25rem;
}

.package .package--content
{
  margin-bottom: 25px;
}

.package .package--bottom-bar
{
  margin-bottom: 30px;
}

.package .package--bottom-bar__hover:hover,
.package .package--bottom-bar__focus:focus
{
  box-shadow: 0px 0px 0px 1px rgba(166, 153, 130, 0);
}

.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

.no-display
{
  display:none;
}

.navigation-row>.columns
{
	box-shadow: 0 12px 16px rgba(200,200,200,0.7);
	background-color: #816639;
}

.navigation-row-bottom>.columns
{
  background-image:url(images/nav-bar-bottom.jpg);
  background-repeat:repeat-x;
  box-shadow: 0px 6px 16px rgba(126, 99, 72, 0.53);
}

.navigation-row-bottom2>.columns
{
  background-image:url(images/nav-bar-bottom.jpg);
  background-repeat:repeat-x;
  box-shadow: 0px 6px 16px rgba(126, 99, 72, 0.53);
}

.navigation-row-top>.columns
{
	background-color: #816639;
}

a.link-style-2
{
	line-height: 22px;
	font-family: "Times New Roman",Times,serif;
	color: #fff;
	transition: color .5s ease;
	width: 100%;
	font-size: 18px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}

a.link-style-2:hover,
a.link-style-2:active,
a.link-style-2:focus
{
  color:#3b372A;
  background-color:transparent;
}

a.link-style-2 img
{
  -webkit-transition:all .5s;
  transition:all .5s;
}

a.link-style-2:active img,
a.link-style-2:focus img
{
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}

.header-row>.columns
{
  padding:0;
}

.full-width
{
  width:100%;
}

.full-width-row
{
  max-width:none;
}

.full-width-column
{
  padding-left:0;
  padding-right:0;
}
.full-width-column-right
{
  padding-right:0;
}
.left-side-column
{
  padding-left:0;
  padding-right:0.5%;
}

.centered-column
{
  text-align:center;
}

.right-centered-column
{
  text-align:right;
}

.left-centered-column
{
  text-align:left;
}

.on-top
{
  z-index:1000;
}

.column-padding-bottom
{
  padding-bottom: 15px;
}

.border-style-1
{
  border-bottom:1px solid #fffbe0;
}

.border-style-2
{
  border-top:1px solid #acab96;
}

.border-style-3
{
  border-bottom:1px solid #fffbe0;
  border-top:1px solid #acab96;
}

.border-style-4
{
  border-bottom:1px solid #B1AA8C;
}

.border-style-5
{
  border-bottom:1px solid #6A5B39;
}

.border-style-6
{
  border-bottom: 1px solid rgba(84, 69, 28, 0.06);
  margin-bottom: 25px;
  padding-bottom: 10px;
}
div.panel.radius {
  margin: 0px;
}
.panel-style-1
{
  border-color:rgba(233,219,198,1);
  margin:3px 0 0 5px;
  border-color: transparent;
  background-color: #eaead0;
}

.panel-style-2
{
  border-color:rgba(233,219,198,1);
  margin:0;
  border-color: transparent;
  background-color: #eaead0;
  padding-top:44px;
}

.panel-style-3
{
  padding-top:35px;
}

.arrow-style-1
{
  margin-left:38px;
  position:relative;
  top:-1px;
}

.arrow-style-2
{
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  margin-left:38px;
  margin-right:38px;
  margin-top:14px;
}

.arrow-style-3
{
  margin-left:3px;
  margin-right:9px;
}

.float-left
{
  float:left;
}

.float-right
{
  float:right;
}

.move-left
{
  margin-left: -25%;
}

.widget_wysija_cont p.wysija-paragraph label
{
  display:none;
}
.fb-like
{
  z-index: 100;
  width:auto;
}

.fb-like img
{
	max-height: 22px;
	border-radius: 4px;
	height: 1px;
	width: 1px;
}

.side-bar-style-1 input[type="text"].wysija-input
{
  width: 93%;
  margin-left: 0px;
  margin-top: 15px;
  color: #999;
}

.side-bar-style-1 input[type="text"].wysija-input:focus
{
  color:#666;
}

input[type="text"].wysija-input
{
  width: 78%;
  margin: auto;
}

.side-bar-style-1 .shortcode_wysija .wysija-submit.wysija-submit-field.btn-style-2
{
  margin-left: 0px;
}

.shortcode_wysija .wysija-submit.wysija-submit-field.btn-style-2
{
  margin:auto;
}

.btn-style-1
{
  background-image: url('images/btn_arrow.png'),url('images/btn-style-1.png');
  background-position: 92% center, left center;
  background-repeat: no-repeat,repeat-x;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style:italic;
  color:#fff;
  text-shadow:0 0 2px #ccc;
  font-size:14px;
  box-shadow:0 0 2px #eee;
  padding:3px 10px;
  width: 121px;
  text-align: left;
 }

.btn-style-2
{
  background-image: url('images/btn_arrow.png'),url('images/btn-style-2.png');
  background-position: 92%  center, left center;
  background-repeat: no-repeat,repeat-x;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style:italic;
  color:#fff;
  text-shadow:0 0 2px #ccc;
  font-size:14px;
  box-shadow:0 0 3px #eee;
  padding:3px 10px;
  text-align: left;
  width: 100px;
}

.column-style-1
{
  background:#5B4E31;
}

.column-style-2
{
  padding-left:4%;
}

.column-style-3
{
  padding-left:0%;
}

.column-style-4
{
  background: url('images/sidebarbg.png') repeat-y right top;
}

.column-style-5
{
  background:url('images/learnmorebg.png') repeat-x bottom center;
  margin-top: 4px;
}

.column-style-6
{
  z-index: 1;
}

.column-style-7
{
  margin-top: -32px;
}

.column-style-8
{
  background:url('images/learnmorebg.png') repeat-x bottom center;
  margin-top: 4px;
  padding-bottom:20px;
}

.column-style-10
{
  background:url('images/learnmorebg.png') repeat-x bottom center;
  padding-bottom: 20px;
}

#ninja_forms_form_1_all_fields_wrap .ninja-forms-required-items
{
  display: none;
}

#ninja_forms_form_1_all_fields_wrap label
{
  font-size: 13px;
  color:#333;
}

#ninja_forms_form_1_all_fields_wrap .ninja-forms-req-symbol
{
  color:#333;
}

.field-wrap.label-left input.ninja-forms-field
{
  margin-left: 0px;
}

.ninja-forms-form-wrap input#ninja_forms_field_5.ninja-forms-field[type="submit"]
{
  border-style: none;
  width:100px;
}

.column-style-9
{
  margin-bottom: 20px;
}

.div-left-side-nav
{
  margin-top: 15px;
  background:url('images/side-nav-menu-bg.jpg') repeat top left;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 24px;
  box-shadow: 0px 0px 2px rgba(153, 130, 90, 1);
  margin-right: 2.3%;
}

.div-left-side-nav p
{
  font-size: 16px;
  color: #FFF;
  font-family: "Times New Roman",Times,serif;
  text-transform: uppercase;
  padding-top: 8px;
  margin-bottom: 8px;
}

.div-style-1
{
  margin-top: 3px;
}

.div-style-2
{
  margin-top: 6px;
}

.div-left-side-nav-menu
{
  text-align: left;
  padding-left: 20px;
  padding-bottom: 15px;
}

.div-left-side-nav-menu ul {
  list-style-type: none;
}

.div-left-side-nav-menu a
{
  color:#edca86;
  background:url('images/link-double-arrows.png') no-repeat left center;
  font-family: "Times New Roman",Times,serif;
  font-size: 17px;
  display: block;
  padding-left: 12px;
  margin-bottom: 3px;
}

.div-left-side-nav-menu li a:hover,
.div-left-side-nav-menu li a:focus
{
  color:#edca86;
}

.side-nav-column
{
  background:linear-gradient(toright,rgba(205,198,158,0), rgba(205,198,158,0.4)) repeat scroll 0 0 transparent;
}

.paragraph-style-1
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  color:#816639;
  margin:0;
}

.paragraph-style-2
{
  color:#59240D;
  font-size:23px;
  font-weight:700;
}

.paragraph-style-3
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  color:rgba(72, 66, 60, 1);
  text-align:left;
  margin:0;
}

.paragraph-style-4
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  color:rgba(131,116,104,1);
  text-align:left;
  margin:0;
}

.paragraph-style-5
{
  font-size:9px;
  font-family:Georgia,"Times New Roman",Times,serif;
  margin-bottom:5px;
  margin-top:7px;
}

.paragraph-style-7
{
  font-size:16px;
  font-family:Georgia,"Times New Roman",Times,serif;
  padding-top: 15px;
  line-height: 20px;
  margin-bottom: 15px;
}

.paragraph-style-8
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  color:rgba(131,116,104,1);
  text-align:left;
  margin:0px 0px 18px;
  font-weight: 700;
}

.paragraph-style-9
{
  font-family:Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size:21px;
  color:#776c3f;
  line-height: 20px;
  margin:0;
}

#header
{
  min-height: 130px;
}

#logo
{
  z-index: 101;
  position: absolute;
  width:375px;
  min-width:375px;
}

div.panel h4,
div.panel h5,
div.panel h6,
.special-header-style-1 h1
{
  color:#6a2812;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin-bottom: 4px;
  line-height: 18px;
  font-size: 28px;
  padding: 21px 0px 12px;
  font-weight: 700;
}

div.panel .ngg-album-lightboxbox:before,
div.panel .ngg-album-lightboxbox:after,
div.panel .slideshowlink
{
  display:none;
}
div.panel .ngg-album-lightbox h4
{
  margin-top: 15px;
  margin-bottom: 25px;
  padding:0px;
}
div.panel .ngg-album-lightbox .ngg-album-lightboxbox
{
  border-width:0px;
}
div.panel h4.ngg-album-desc
{
  height: 25px;
  font-size: 20px;
}

.header-style-1
{
  color:#3e1608;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold;
  font-family: "Trajan Pro";
  margin-bottom: 3px;
  line-height: 18px;
  font-size: 28px;
  padding: 21px 0px 0px 0px;
}


.header-style-2
{
  color:#806639;
  font-variant: small-caps;
  font-weight: bold;
  font-family: "Trajan Pro";
  margin-bottom: 3px;
  line-height: 18px;
  font-size: 28px;
  padding: 8px 0px 6px 0px;
}

div.panel h3
{
  color:#6a2812;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin-bottom: 4px;
  line-height: 18px;
  font-size: 21px;
  background: url('images/sub-menu.png') no-repeat scroll right bottom / 77% auto transparent;
}

div.panel h1
{
  color:#6a2812;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin-bottom: 4px;
  margin-top: 15px;
  line-height: 25px;
  font-size: 21px;
}

.homepage-package--title
{
  color:#6a2812;
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin-bottom: -4px;
  line-height: 18px;
}

.margin-top-15
{
  margin-top:15px;
}

.margin-top-bottom-5-5
{
  margin-top:5px;
  margin-bottom:5px;
}

.font-size-21
{
  font-size: 21px;
}

div.panel h2
{
  color: #65563B;
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom: 2px;
  line-height: 22px;
  font-size: 18px;
  margin-top: 10px;
}

div.panel p,
div.panel ul li,
.special-header-style-1 p
{
  color:#333;
  font-size:14px;
  font-family:Arial,Helvetica,sans-serif;
  line-height: 20px;
}

div.panel p a
{
  color:#740A02;
  text-decoration:none;
  font-weight:700;
}

div.panel ul
{
  margin-left: 50px;
}

div.panel p a:hover
{
  text-decoration:underline;
}

.panel-bordered-image ,div.panel iframe
{
  border-style: solid;
  border-color: #fff;
  border-width:4px;
  box-shadow: 0px 0px 6px 1px rgba(126,112,83, 0.85);
  transition: all 0.5s ease;
}

div.panel img:hover,
div.panel img:focus,
div.panel iframe:hover,
div.panel iframe:focus
{
  box-shadow: 0px 0px 6px 1px rgba(166,153,130, 0.5);
}

.special-header-style-1
{
  text-align: left;
}

.left-column-style-1
{
  padding-top: 25px;
}

div.panel .ngg-album-lightboxbox .Thumb
{
  border-width:8px;
  border-radius:6px;
  border-style: solid;
  border-color: #fff;
  box-shadow: 0px 0px 6px 1px rgba(126,112,83, 0.85);
}

div.panel .ngg-album-lightboxbox .Thumb:hover,
div.panel .ngg-album-lightboxbox .Thumb:focus
{
  box-shadow: 0px 0px 6px 1px rgba(166,153,130, 0.5);
}

div.panel .ngg-album-lightbox
{
  width:45%;
  margin-left: 3%;
  display: inline-block;
  min-width: 286px;
}

.th-style-1
{
  border-width:8px;
  border-radius:6px;
  box-shadow: 0px 0px 6px 1px rgba(126,112,83, 0.85);
}

.th-style-1:hover,.th-style-1:focus
{
  box-shadow: 0px 0px 6px 1px rgba(166,153,130, 0.5);
}

.th-style-2
{
  border-color:#877b6a;
  border-width: 8px;
  box-shadow: 0px 0px 0px 0px transparent;
}

.th-style-2:hover,.th-style-2:focus
{
  box-shadow: 0px 0px 6px 1px rgba(137, 132, 111, 0.5);
}

.th-style-3
{
  margin-top:15px;
}

.link-style-1
{
  font-weight:700;
  color:rgba(131,116,104,1);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.8em;
}

.link-style-3,
.link-style-4,
.link-style-5
{
  color: #FFF;
  font-size: 1em;
  line-height: 48px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  transition-duration: 0.35s;
  transition-timing-function: linear;
  transition-delay: 0.1s;
  transition-property: background-color, box-shadow, border-color;
  padding: 10px 12px;
  margin-right: 35px;
}

.link-style-3
{
  line-height: 39px;
  margin-right: 0;
}

.link-style-4
{
  line-height: 39px;
  padding: 5px 12px;
}

.link-style-5
{
  line-height: 39px;
}

.link-style-3:hover,.link-style-3:focus,.link-style-4:hover,.link-style-4:focus,.link-style-5:hover,.link-style-5:focus
{
  color: #FFF;
  background-color: #816639;
  box-shadow: 0px 12px 8px rgba(255, 255, 255, 0.2) inset;
}

.mainmenu.top-bar .toggle-topbar a span
{
  text-decoration: underline;
}

.top-bar .name,
.top-bar
{
  height: 20px;
}

.mainmenu.top-bar
{
  margin: auto;
  width: 68%;
}

.mainmenu.top-bar,.top-bar-section ul li,
.mainmenu .top-bar-section li.active:not(.has-form) a:not(.button),
.mainmenu .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.mainmenu .top-bar-section li:not(.has-form) a:not(.button),
.mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button),
.mainmenu .top-bar-section li:not(.has-form) a:hover:not(.button),
.mainmenu .top-bar-section li:not(.has-form) a:focus:not(.button),
.mainmenu .top-bar-section .dropdown li:not(.has-form) a:not(.button),
.mainmenu .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button)
{
  background-color: transparent;
  font-family: "Times New Roman",Times,serif;
  text-align: left;
  line-height: 36px;
}

.mainmenu .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button),
.mainmenu .top-bar-section li:not(.has-form) a:hover:not(.button),
.mainmenu .top-bar-section li:not(.has-form) a:focus:not(.button),
.mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button)
{
  color: #3b372A;
}

.mainmenu .top-bar-section .dropdown
{
  background: none repeat scroll 0% 0% #453E25;
  border:solid 1px #666;
}

.mainmenu.top-bar .title-area
{
  background-color: transparent;
}

.mainmenu.top-bar .title-area:hover
{
  background-color: transparent;
}

.mainmenu.top-bar.expanded .toggle-topbar a
{
  color:#3b3723;
}

.mainmenu.top-bar.expanded .title-area
{
  background-color: transparent;
}

.mainmenu .top-bar-section li:not(.has-form) a:not(.button),
.mainmenu .top-bar-section .dropdown li:not(.has-form) > a:not(.button)
{
  border-bottom: 0px solid #816639;
}

.mainmenu .top-bar-section .dropdown li:not(.has-form) a:not(.button)
{
  color: #fff;
  padding-right: 25px;
}

.list-item-style-1
{
  line-height:1.2;
}

.list-item-style-2
{
  background-color:transparent;
  border-color:#333;
}

.list-item-style-2 li
{
  background-color:#453525;
  transition: all 0.5s ease;
}

.list-item-style-2 li:hover
{
  background-color:#564D2E;
  color:#fff;
}

.list-item-style-2 li a
{
  color:#ccc;
  font-family:"Times New Roman",Times,serif;
  font-size:14px;
}

.link-style-1:active,.link-style-1:link,.link-style-1:visited
{
  color:rgba(131,116,104,1);
}

.link-style-1:hover
{
  color:#ac9f83;
  text-decoration:underline;
}

.list-style-1
{
  list-style-type:none;
}

.footer
{
  background-color:#d3d4ac;
  background: url('images/footerbg.png') repeat right top;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0px 1px 0px rgba(98, 92, 67, 0.22);
  margin-bottom: 20px;
}

.footer a img {
  width:32%;
  margin-top:20px;
}

.f-dropdown:after,.f-dropdown:before
{
  border-color:transparent;
}

div.slider-wrapper.theme-dark .nivoSlider
{
  background: none no-repeat scroll 50% 50% #312D1E;
  margin-bottom: 0px;
}

div.theme-dark.slider-wrapper
{
  padding: 0px;
}

div.theme-dark .nivo-controlNav
{
  position: absolute;
  top: 11%;
  width:100%;
}

div.theme-dark .nivo-controlNav a
{
  background-image: none;
  background-color:#393627;
  border: 1px solid #EEE;
  height: 1%;
  width: 0.7%;
  transition:all .5s ease;
}

div.theme-dark .nivo-controlNav a:hover,
div.theme-dark .nivo-controlNav a.active
{
    background-color:#777;
}


div.theme-dark .nivo-caption
{
  background-color: #484427;
  color:#efe4c4;
  font-style:italic;
  font-family: Georgia, serif;
  border-bottom: 1px solid #acab96;
  padding:8px 0px 8px 75px;
}

.img-style-1
{
  width:46%;
}

.img-style-2
{
  width:45.6%;
}

.img-style-3
{
  margin-bottom: 15px;
}

.img-style-4
{
  margin-top:1px;
}

.img-style-5
{
  width:65%;
}

.img-style-6
{
  width:100%;
}

.img-style-7
{
  cursor: pointer;
  margin-top: 1px;
}

.img-style-8
{
  display: block;
  margin: auto;
}

.img-style-9
{
  margin-top:10px;
}

#text-4 .widget-title,
.widget-title
{
  display: none;
}

section.top-bar-section ul li > a
{
  font-size: 19px;
}

section.top-bar-section ul.dropdown li > a
{
  font-size: 14px;
}

section.top-bar-section ul
{
  margin:auto;
  display: block;
}

section.top-bar-section .has-dropdown > a:after
{
  left:12px;
}

section.top-bar-section .has-dropdown > a
{
  padding-right: 0px !important;
}

section.top-bar-section li:not(.has-form) a:not(.button)
{
  margin-left: 25px;
  padding: 0px;
}

section.top-bar-section .has-dropdown > a:after
{
  border-color: rgba(20, 20, 7, 0.4) transparent transparent;
  margin-top: -4.5px;
  right:7px;
}

.footer-logo-responsive-1,
.footer-logo-responsive-2 {
  vertical-align: bottom;
}

.weather
{
  display:inline-block;
  padding: 0px 2%;
}

.weather .temperature
{
  color: #740A02;
  font-weight: bold;
}

.weather .day
{
  font-family: Georgia,"Times New Roman",Times,serif;
}

.left-column-width
{
  width:20.5%;
}
.right-column-width
{
  width:79.5%;
}

.width-100p
{
  width:100%;
}

.weather img
{
  width:45px;
}

div.ngg-gallery-thumbnail img
{
  padding: 2px;
}

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

  .div-style-2
  {
    margin-top: 5px;
  }

  #outerImageContainer
  {
    max-width: 1024px;
  }

  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .paragraph-style-9,
  .div-left-side-nav p,
  .div-left-side-nav-menu a,
  .paragraph-style-2
  {
    font-size: 15px;
  }

  .link-style-4
  {
    line-height: 36px;
    padding: 6px 12px;
  }

  .link-style-5
  {
    line-height: 40px;
  }

  .weather
  {
    padding: 0;
  }

  .weather img
  {
    width:40px;
  }


  .weather .day,
  .weather .temperature
  {
    font-size: 17px;
  }

}

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


  #outerImageContainer
  {
    max-width: 900px;
  }

  .div-style-2
  {
    margin-top: 4px;
  }

  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .paragraph-style-9,
  .div-left-side-nav p,
  .div-left-side-nav-menu a,
  .paragraph-style-2
  {
    font-size: 14px;
  }

  .link-style-4
  {
    line-height: 31px;
    padding: 5px 12px;
  }

  .link-style-3
  {
    margin-right: 0px;
  }

  .link-style-5
  {
    line-height: 40px;
  }

  .weather img
  {
    width:35px;
  }

  .weather .day,
  .weather .temperature
  {
    font-size: 15px;
  }

  #header-title
  {
    font-size: 32px;
  }
}
@media only screen and (max-width: 980px) {
  .footer-logo-responsive-1 {
    width:26%;
  }
  .footer-logo-responsive-2 {
    width:37%;
  }
}
@media only screen and (max-width: 900px) {

  .div-style-2
  {
    margin-top: 1px;
  }


  #outerImageContainer
  {
    max-width: 800px;
  }

  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .paragraph-style-9,
  .div-left-side-nav p,
  .div-left-side-nav-menu a,
  .paragraph-style-2
  {
    font-size: 13px;
  }

  .link-style-3
  {
    padding: 8px 12px;
  }

  .link-style-4
  {
    line-height: 29px;
    padding: 4px 12px;
  }

  .link-style-5
  {
    line-height: 37px;
    padding: 8px 12px;
  }

  .weather img
  {
    width:30px;
  }

  .weather .day,
  .weather .temperature
  {
    font-size: 14px;
  }

  #header-title
  {
    font-size: 30px;
  }
}

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


  #outerImageContainer
  {
    max-width: 750px;
  }

  .div-style-2
  {
    margin-top: 2px;
  }

  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .div-left-side-nav p,
  .div-left-side-nav-menu a
  {
    font-size: 12px;
  }

  .link-style-3
  {
    line-height: 34px;
    padding: 4px 12px;
    margin-right: 0px;
  }

  .link-style-4
  {
    line-height: 25px;
    padding: 4px 12px;
  }

  .link-style-5
  {
    line-height: 32px;
    padding: 4px 12px;
  }

  .paragraph-style-9,
  .paragraph-style-2
  {
    font-size: 13px;
  }

  .weather
  {
    display:inline-block;
  }

  .weather img
  {
    width:30px;
  }

  .weather .day,
  .weather .temperature
  {
    font-size: 12px;
  }
}

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


  #outerImageContainer
  {
    max-width: 700px;
  }
  .div-style-2
  {
    margin-top: 0px;
  }

  .footer a img {
    margin-top:40px;
  }
  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .div-left-side-nav p,
  .div-left-side-nav-menu a
  {
    font-size: 11px;
  }

  .paragraph-style-9,
  .paragraph-style-2
  {
    font-size: 12px;
  }

  .weather img
  {
    width:25px;
  }

  .weather .day,
  .weather .temperature
  {
    font-size: 13px;
  }

  #header-title
  {
    font-size: 25px;
  }
}

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

  #outerImageContainer
  {
    max-width: 650px;
  }
  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .div-left-side-nav p,
  .div-left-side-nav-menu a
  {
    font-size: 10px;
  }

  .paragraph-style-9,
  .paragraph-style-2
  {
    font-size: 12px;
  }

  .link-style-3
  {
    line-height: 27px;
    padding: 3px 12px;
  }

  .link-style-4
  {
    line-height: 21px;
    padding: 3px 12px;
  }

  .link-style-5
  {
    line-height: 27px;
    padding: 3px 12px;
  }


  .weather .day,
  .weather .temperature
  {
    font-size: 11px;
  }

  #header-title
  {
    font-size: 20px;
  }
}
@media only screen and (max-width: 720px) {

  section.top-bar-section ul li > a ,
  div.theme-dark .nivo-caption,
  .link-style-3,
  .link-style-4,
  .div-left-side-nav p,
  .div-left-side-nav-menu a
  {
    font-size: 9px;
  }

  .paragraph-style-9,
  .paragraph-style-2
  {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {

  .header-style-1
  {
    line-height: 18px;
    font-size: 18px;
    padding: 15px 0px 0px 0px;
  }
  
  .header-style-2
  {
    line-height: 18px;
    font-size: 13px;
    padding: 0;
  }

  #outerImageContainer
  {
    max-width: 570px;
  }
  .left-column-width
  {
    width:0%;
  }
  .right-column-width
  {
    width:100%;
  }

  #header-title
  {
    font-size: 19px;
  }

  .th-style-1
  {
    border-width: 4px;
  }

  .div-left-side-nav p
  {
    font-size: 14px;
  }

  .div-left-side-nav-menu a
  {
    font-size: 14px;
    width: 70%;
    margin: auto;
  }

  .paragraph-style-9,
  .paragraph-style-2
  {
    font-size: 18px;
  }

  .div-left-side-nav-menu
  {
    text-align: center;
  }

  div.theme-dark .nivo-caption,.link-style-3
  {
    font-size: 7px;
    padding: 3px 0px 3px 25px;
  }

  section.top-bar-section ul li > a
  {
    font-size: 14px;
  }

  .weather .day,
  .weather .temperature
  {
    font-size: 18px;
  }

  .weather
  {
    padding: 0px 2%;
  }

  .weather img
  {
    width: 50px;
  }

  .div-left-side-nav p
  {
    font-size: 19px;
    margin-bottom: 14px;
  }

  .mainmenu.top-bar .toggle-topbar a span
  {
    text-decoration: underline;
  }

  .mainmenu.top-bar
  {
    background-color: transparent;
    margin: 0px;
    width: 100%;
  }

  .top-bar-section ul li,
  .mainmenu .top-bar-section li.active:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section li.active:not(.has-form) a:hover:not(.button),
  .mainmenu .top-bar-section li:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section li:not(.has-form) a:hover:not(.button),
  .mainmenu .top-bar-section li:not(.has-form) a:focus:not(.button),
  .mainmenu .top-bar-section .dropdown li:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
  .mainmenu .top-bar-section .dropdown li:not(.has-form) a:not(.button)
  {
    background-color: #3b3723;
    font-family: "Times New Roman",Times,serif;
    text-align: center;
  }

  .mainmenu .top-bar-section li.active:not(.has-form) a:hover:not(.button),
  .mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section li:not(.has-form) a:hover:not(.button),
  .mainmenu .top-bar-section li:not(.has-form) a:focus:not(.button),
  .mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button)
  {
    color: #816639;
  }

  .mainmenu.top-bar .title-area
  {
    background-color: #816639;
  }

  .mainmenu.top-bar .title-area:hover
  {
    background-color: #3b3723;
  }

  .mainmenu.top-bar.expanded .toggle-topbar a
  {
    color:#3b3723;
  }

  .mainmenu.top-bar.expanded .title-area
  {
    background-color: #816639;
  }

  .top-bar .name,
  .top-bar
  {
    height: 32px;
  }

  .mainmenu .top-bar-section li:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section .dropdown li:not(.has-form) > a:not(.button)
  {
    border-bottom: 1px solid #816639;
    margin: 0px 5%;
    width: 90%;
  }

  .mainmenu .top-bar-section li:hover:not(.has-form) a:not(.button),
  .mainmenu .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button)
  {
    color: #816639;
  }

  .mainmenu .top-bar-section .dropdown li:not(.has-form) a:not(.button)
  {
    color: #fff;
  }


  .btn-style-1
  {
    background-image: url('images/btn-style-1.png');
    background-position: left center;
    background-repeat: repeat-x;
    font-style:italic;
    color:#fff;
    text-shadow:0 0 2px #ccc;
    box-shadow:0 0 2px #eee;
    padding:3px 10px;
    font-size: 8px;
    width: auto;
  }

  .small-devices-centered
  {
    text-align: center;
  }
  .package .package--image
  {
    width:60%;
  }
}

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

  #outerImageContainer
  {
    max-width: 400px;
  }
  #header-title
  {
    font-size: 15px;
  }
  .footer a img {
    width: 52%;
    margin-top:5px;
  }
}

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

  #outerImageContainer
  {
    max-width: 300px;
  }
  #header-title
  {
    font-size: 12px;
  }
}