/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:59:44 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px; padding: 0px; }
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #4d2e19; font-family: 'Open Sans', Arial, Sans-Serif; font-size: 14px; padding: 0 ; 
   background: #CAAA77 url('/pub/photo/bg-body.jpg') repeat-x fixed;
   background: linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background: -webkit-linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, -webkit-linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background: -moz-linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, -moz-linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background: -o-linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, -o-linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background: -ms-linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, -ms-linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background: linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   -svg-background: linear-gradient(top, rgba(20, 15, 8, 0.27) 0, rgba(125, 96, 49, 0.17) 317px, rgba(255, 255, 255, 0.63) 1050px) no-repeat, url('/pub/photo/bg-body.jpg') repeat-x, linear-gradient(top, #72572C 0, #B88D47 317px, #F6F1E9 1050px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
}

.main-home a { color: #935b06; text-decoration: none; }
.main-home b, .main-home strong { color: #4d2e19; }
.main-home h1, .main-home h2.title, .main-home h2.title2 { font-size: 2em; color: #585E22; font-family: 'Open Sans', Arial, Sans-Serif; 
    font-weight: bold; margin-bottom: 20px; line-height: normal !important; font-variant: small-caps; text-align: center;}
.main-home h1 a, .main-home h2.title a, .main-home h2.title2 a { color: #585E22 !important; text-decoration: none !important;}
.main-home h2.title2 { font-size: 1.2em !important; }
.main-home h2.script { font-family: 'Open Sans', Arial, Sans-Serif; font-size: 36px !important;font-weight: bold; font-variant: small-caps;}
.main-home h2 { font-size: 1.5em; color: #585E22; font-family: 'Open Sans', Arial, Sans-Serif; font-weight: bold;  font-variant: small-caps; margin-bottom: 10px;}
.main-home h2 a { color: #585E22 !important; text-decoration: none !important;}
.main-home h3 { font-size: 1.2em; color: #585E22; font-family: 'Open Sans', Arial, Sans-Serif; font-weight: bold;  font-variant: small-caps; margin-bottom: 10px;}
.main-home h3 a { color: #585E22 !important; text-decoration: none !important;}
.main-home h4 { font-size: 1.1em; color: #585E22; font-family: 'Open Sans', Arial, Sans-Serif; font-weight: bold; text-transform: capitalize;  margin-bottom: 10px;}
.main-home h4 a { color: #585E22 !important; text-decoration: none !important;}
.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 1.5em; margin-bottom: 10px;}
.main-home ul {/* list-style-type: none;*/ }
.main-home li { line-height: 1.5em; margin-left: 20px; /*margin-left: 0px; 
  background: url(../pub/photo/bullet.png) 0 6px no-repeat; padding-left: 15px; */}

/* extra styles */
.main-home .subtitle { color: #767561; font-family: 'Open Sans', Arial, Sans-Serif; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.livelink .selected, .livelink a:hover { color: black !important; font-family: RobotoCondensed, sans-serif; }


.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template { background-color: #BCC662; width: 920px; margin: 0 auto; box-shadow: 0 0 10px #000; 
	box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px;}

/* ------------- slices ----------------------*/
.bg-header  { height: 140px; background: url(/pub/photo/bg-header.jpg) no-repeat top left;
 background-size: cover; }
.bg-header > .x-cell { position: relative;  }
.bg-light {  }
.bg-light > .x-cell { }
.bg-light > .x-cell-container { }
.bg-clear { }
.bg-clear .inner { padding-bottom: 0 !important; }
.bg-footer .> .x-cell { background: #fff; }
.bg-footer .> .x-cell-container { background: #fff; }
.bg-topline > .x-cell { border-top: solid 1px #663; padding-top: 20px; }
.bg-topline > .x-cell-container{ border-top: solid 1px #663; padding-top: 20px; }

.x-block {  margin-bottom: 10px;  }
.x-block > .x-cell {width: 100%; margin: 0 auto;   }
.x-block > .x-cell-container {width: 100%; margin: 0 auto;   }
.x-clear { clear: both; }
.content { padding: 0 0px; }
.content .x-block { width: 100% !important; }
.x-cell > .inner { padding: 20px; }
.x-cell-container  > .inner { padding: 0px 25px;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 210px; padding: 0px 0;}
.col-double { width: 680px; padding: 0px 0; background: white;}
.col-third { width: 290px; }
.col-half { width: 445px; }
.col-half-inner { width: 417px; }
.col-single > .inner { padding: 0 00px !important; }
.col-double > .inner { padding: 20px !important; }
.col-double a:hover { text-decoration: underline; }
.col-third > .inner {  }
.col-half > .inner { }
.master-col-left { float: left; }
.master-col-right { float: right; }
.layout-col-left { float: left; }
.layout-col-right { float: right; }

.col-frame { background-color: #feffe2; border: solid 1px #4d2e19;}

.col-right {float: right !important;}
.col-left {float: left !important;}

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: 140px; border: solid 0px red; }
.bg-header #toplogo { position: absolute; left: 0px; bottom: 20px;  display: block; }
.bg-header #toptext { position: absolute; right: 30px; bottom: 40px; color: white; font-weight: bold;}
.bg-header #toptext #topphone a { font-size: 60px; color: white;  text-shadow: 0 0 8px #000;}
.bg-header #toplinks{ position: absolute; right: 0px; bottom: 0px;  }

.home-article { position: relative; }
.home-article .photo  img{ border: solid 2px #c08023; }
.ruler-wood { position: relative; z-index: 1000; width: 920px; left: -20px; top: -10px; background : url(/pub/photo/ruler-wood.png) no-repeat center top; height: 34px; margin-bottom: 10px; }

/* -------------- menu ----------------- */
#topmenu {  margin-left:auto; margin-right:auto; }

.art-vmenu-separator-span { display:block; font-size:1px; border-top: solid 1px #E4E8Bf; margin-bottom: 5px; }


/* ------------ menu bar container ----------------*/
.menubar { background-color: none; margin-bottom: 20px !important;}
.menubar .x-cell { }
.menubar .inner { padding: 0 20px;} /* offset of 30px to left */

/*--------------- home --------------------*/

.bg-slide { text-align: left; position: relative;}
.bg-slide .x-cell {width: 960px; margin: 0 auto; overflow: hidden;height: 100%; position: relative; }
.bg-slide .ui-photo-list { height: 300px; position: relative; }
.bg-slide .ui-photo-list .ui-photo-list-item { float: left; height: 300px; position: relative; }
.bg-slide .slideshow { }


/*-------------- cabins ---------------*/
.cabin-item { float: left; width: 30%; margin-right: 10px; }

/*-------------- bottom footer --------------*/
.bg-footer .x-cell {font-size: .8em; text-align: center; padding-top: 20px;}
.bg-footer .inner { padding-left: 0 !important; padding-right: 0 !important;  } /* not used due to the uncheck 'wrap' box */
.bg-footer h2 { font-size: 1.2em;}
.bg-footer a { }
.bg-footer h2, .footer h3, .footer h4 { font-family: RobotoCondensed; font-weight: bold;}
.bg-footer p { margin-bottom: 5px; line-height: 15px;}

#signature { display: none; background-color: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0;}
#signature a { color: #FFF !important; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* side menu */
#sidemenu {  background: #ffffff; padding: 10px; font-family: 'Open Sans', Arial, Sans-Serif;}
#sidemenu  { list-style-type: none; }
#sidemenu  > li { margin-left: 0; width: 100%; margin-bottom: 5px;}
#sidemenu  > li > ul { margin-left: 0; list-style-type: none; background: #efe6d7;}
#sidemenu  > ul > li { margin-left: 10px; }
#sidemenu  ul > li  > a { display: inline-block; padding: 5px 0; }

#sidemenu > li  > a 
{
	display: inline-block;
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box; 
   padding:0 10px;
   margin:0 auto;
   min-height: 30px;
   line-height: 30px;
}

#sidemenu > li  > a:hover, #sidemenu > li  > a.active:hover
{
   color: #c6ce78;
   background: #935b06;
}
#sidemenu > li  > a.selected
{
   background: #a1ac3e;
   color: #000;
}


/* top menu all pages */   

 #topmenu { text-align: center; font-size: 1.2em;text-transform: capitalize;position: relative; border-bottom: solid 1px #391407;}
  #topmenu, #topmenu ul  { list-style-type: none; margin: 0;}
  #topmenu li  { list-style-type: none; margin: 0;}
  #topmenu > li { position: relative; /*height: 50px; line-height:50px;  */
  white-space: nowrap; color: #FFF; padding: 0 15px;
                   border-right: solid 1px #391407; border-left: 0; border-top: 0; border-bottom: 0;}
  #topmenu > li.isfirst {  } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast { border-right: 0; } 
  #topmenu > li.ispadding { padding: 0 5px;}  
   #topmenu a { display:inline-block;color: #391407;text-decoration: none !important; }
   #topmenu a.selected { border-bottom: none; color: #663;  }
   #topmenu a.hover { border-bottom: none; color: #663;  }
  /* following is to fix the table layout for IE < 8 */
	#topmenu {display:inline-block;}
	#topmenu > li{display:inline-block;}
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; font-size: .8em; font-style: italic;}
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { color: #391407;zoom: 1;} /* IE6/7 fix */
		#topmenu ul li { color: #391407;float: none; padding: 0px 0px; line-height:30px; height: 30px; 
		                  border-bottom: solid 0px #FFF;
		                  text-align: left; padding-left: 10px;}
		#topmenu ul a.isfirst { border-top: solid 0px #FFF; }
		#topmenu ul a.hover { color: #663 !important;  }
		#topmenu ul a.selected {color: #663 !important;  }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 180px; left: 0px; text-align: left;}
	#topmenu ul ul { left: 181px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a { line-height: 1; line-height:30px; height: 30px; }
	  #topmenu ul { top: 26px; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: none; }
        #topmenu ul { background: #d5d988;/*url(/pub/photo/bg-transp-w-25.png);*/  }

/*---------------------------------------------*/
/* Stylesheet: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], .button { padding: 7px 20px; border: none; color: white !important; text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', Arial, Sans-Serif; background-color: #4d2e19;text-decoration: none !important;}
.button a { color: white !important; text-decoration: none !important;}
input[type="submit"], .button-dark, .button-tan { padding: 7px 20px; border: none; color: white; text-transform: uppercase; font-size: .8em;font-family: 'Open Sans', Arial, Sans-Serif; background-color: #4d2e19;}
.button-dark, .button-tan { color: white !important; text-decoration: none !important; text-align: center;}
.button-dark a, .button-tan a { color: white !important; text-decoration: none !important;}
button { padding: 2px 5px; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}


/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; }
.ui-form-table textarea {font-family: 'Open Sans', Arial, Sans-Serif; width: 100%; height: 200px;}
.ui-form-table input[type="text"] {width: 450px; }
.ui-form-table input[type="textbox"] {width: 450px; }

.ui-form-cell-input { width: 90%; } 
.ui-form-cell-label { padding-right: 10px; } 
/*.ui-form-checkbox-container { padding-left: 170px; } */

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', Arial, Sans-Serif; color: #767561;}
::-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', Arial, Sans-Serif;color: #767561;} /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', Arial, Sans-Serif;color: #767561;} /* ie */
input:-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', Arial, Sans-Serif;color: #767561;}

/*---------------------------------------------*/
/* Stylesheet: Slideshow Thumbs*/

/* slideshow pager */
.slideshow-pager a img { border: solid 2px black; margin-right: 5px;}
.slideshow-pager a.activeSlide img { border: solid 2px white; }

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

/*************** general *****************/
.quote { background: #e8f0a9; padding:10px; font-style: italic; margin-bottom: 10px;}

.text-double-size {font-size: 2em; line-height: 25px !important; margin-bottom: 20px !important; }

.readmore {  color: #935b06 !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #935b06 !important; text-transform: uppercase; text-decoration: none !important;}

.ruler { border-top: solid 1px #4d2e19; margin-bottom: 10px; }
.ruler-dot { border-top: dotted 1px #4d2e19; margin-bottom: 00px; }
.date { font-size: .9em;  font-style: italic;}
.highlight { background-color: yellow; }

/*---------------------------------------------*/
/* Stylesheet: Event Calendar*/

/* events */
#calendar { margin-bottom: 0px; }
#calendar .calendar-header {  }
#calendar .month-current {  text-transform: capitalize; padding: 2px 0; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border: 1px solid #4d2e19; }
#calendar thead th {background-color: #4d2e19; color: white !important;padding: 5px 0; text-align: center;border-top: 0px solid #AEA097; border-left: 0px solid #AEA097;}
#calendar thead th b { color: white !important; }
#calendar tbody td {padding: 5px 0; text-align: center;	border-top: 0px solid #AEA097; border-left: 0px solid #AEA097; border-bottom: 0px solid #AEA097;}
#calendar tfoot td {padding: 5px;}
#calendar td a { background-color: #AEA097;color: white !important; font-weight: normal; text-decoration: none;display: block; border-radius: 4px;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: #9f3d26;}

.ui-event-input { }
.ui-event-input-date-from { width: 90px; margin-right: 5px;}
.ui-event-input-date-to { width: 90px; margin-left: 5px;}

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart */

.cart { background: url(../pub/photo/cart.png) no-repeat left top; display: inline-block;
  padding-left: 40px; padding-top: 4px; font-style: italic; min-height: 24px; line-height: 24px; font-size: 1.2em; text-transform: capitalize; color: #b99c48 !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: orange;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-items td .label { display: inline-block; margin-top: 10px; }
.cart-items td.total { color: #000; font-size: 14px;  font-style: italic; padding-top: 10px; border-top: dotted 1px #ccc;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}

.price { color: red !important; }
#ui-cart-shipping-zip { width: 80px; }

/*---------------------------------------------*/
/* Stylesheet: added*/

.link-bar > .inner { width: 100%; height: 20px; background-color: brown; }
.link-bar { margin-bottom: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-rounded { border-radius: 4px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px @color-gray@; display: block;}
/* large screens */
@media screen and (min-width:728px) {
	.mobile-hide {display:none;}
	
	.responsive-lg {}
	.responsive-sm {display: none !important;}
}

/* mobile screens */
@media screen and (max-width:728px) {
	.responsive-lg {display: none;}
	.responsive-sm {}

	img {max-width: 100%; height: auto;}
	/*.img-placeholder { display: none; }*/
	
	.template { min-width: 320px; width: 100% !important; }

	.bg-header { position: static !important; height: auto; padding: 10px 0 0 !important;text-align: center; border-bottom: none; min-height: 80px;}
	.bg-header > .x-cell{ height: auto !important; /*padding-bottom: 10px;*/}
	.bg-header + .x-clear { height: 0px; }
	.bg-header { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	.bg-slideshow { margin-top: 0px !important; }
	#toplogo  { display: block; margin-left: auto; margin-right: auto; position: relative !important; margin-bottom: 10px; top: 0 !important; width: 150px !important;}
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#topsearch { display: none; }

	/* menu is moved into toptext and transformed into dropdown*/
	.bg-menu .selectcontainer { display: block;  margin-left: auto; margin-right: auto; margin-bottom: 15px;/*position: absolute; right: 10px;  top: 15px;*/ }
	.bg-menu .selectcontainer select { width: 90%; border-radius: 2px; border: solid 1px #d6dcdf; padding: 5px 10px; background: #f7f7f7; width: 100%;}
	.bg-menu { /*height: 75px;*/}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  { }
	#topmenutext { text-align: left; }
	
	/* form */
	.form { width: 100%; }
	
	input, textarea {max-width: 90%;}
	
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; width: 100% !important; height: auto !important;} /* bootstrap uses .table too */
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.bg-gray, .bg-clear {padding: 30px 20px;}
	.normal-width {width: 100% !important; padding: 0 20px;}
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important; margin-bottom: 20px;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	
	.bottom-container {display: block; width: 100%; height: auto; padding: 0 20px;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.home-slideshow {height: 100px; overflow: hidden;}
	.home-slideshow .slideshow {min-height: 0px; min-width: 0 !important;}
	.home-slideshow .slideshow > div {height: 220px !important; min-height: 0 !important;}
	.home-slideshow .slideshow > div > img {min-height: 0; height: auto; width: 100%; min-width: 0;}
	.home-slideshow-animated { display: none; }
	
	.home-slideshow-copy-container {width: 100%;}
	.home-slideshow-copy {position: static; padding: 20px;}
	.home-slideshow-copy h1 {font-size: 2em;}
	.home-slideshow-copy .btn {width: 100%;}
	
	/*.slide-box-container {width: 100% !important; overflow: visible !important; height: 850px !important;}
	.slide-box {width: 100% !important;}*/
	
	.slide-box-text-copy {padding: 20px;}
	.slide-box-prev, .slide-box-next {display: none;}
	
	.video > div  {width: 260px !important; height: 180px !important; margin: 0 auto;}
	.video video {width: 100%; height: auto;}
	
	/* home page */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.tour-container {display: block; padding: 0 0 20px;}
	.tour-container h2 {margin-bottom: 20px;}

	/* inside pages */
	
	.banner-small-title {display: none;}
	.quote-box  {width: 100%; border-left: 0; padding-left: 0;}
	
	.inside-slideshow-copy {position: initial;}
	.inside-slideshow-copy h1 {color: @color-primary-2@;}
	
	iframe {width: 100%; height: auto;}
	
	/* table */
	
	.table-container {width: 100%; overflow: scroll;}
	
	/* footer */
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: left; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
}

