/***************  templates/main/css/template.home.css  ***************/
h1 { font-family:'Alex Brush',serif; font-size:2.063em; line-height:23px; color:#fff;text-align:center; margin:45px 0 15px; padding:0; }
/* main nav for home*/
div#main-visual{ position:relative; overflow:hidden; min-height:100%; height:100%; }
div#main-visual .toolbox-link { width:300px; top:250px }
div#main-visual .overlay{ height:324px; width:100%; position:absolute; background:url(http://www.steinlodge.com/templates/main/images/main_image_overlay.png) 0 0 repeat-x; z-index:10; }
div#main-visual .pager{ display:none; }
.slideshow{ height:100% !important; z-index:0; width:100%; }
.slideshow img{ display:block;width:100% !important; height:auto !important; min-width:1177px;right:0;position:absolute; }
@media \0screen {
.slideshow img{ display:block;width:100%!important; height:auto !important; min-height:900px;right:0;position:absolute;}
}
#wrapper-intro h1{
margin:0;
}
#header{
position:absolute;
width:100%;
overflow:hidden;
height:73px;
}
/* featured home styles */

#feature-nav-area{ position:absolute; bottom:31px; z-index:11;}
#feature-nav-dropdown-home{position:absolute; bottom:31px; z-index:11;width:100%;background:url(http://www.steinlodge.com/templates/main/images/feature_bkg.png);text-align:center; display:none;z-index:16;}
#feature-nav-dropdown-home .title{position:relative;margin:0 auto;width:auto;display:inline-block;height:43px}
#feature-nav-dropdown-home h2{font-family: 'Roboto Condensed',sans-serif;font-weight:700;font-size:18px;margin:0 auto;text-transform:uppercase;float:left;line-height:41px;}
#feature-nav-dropdown-home  .icon{position:relative;float:left;width:18px;height:10px;background:url(http://www.steinlodge.com/templates/main/images/main_menu_icon.png) 0 0 no-repeat;margin:17px 0 0 8px}
#feature-nav-dropdown-home  li{height:40px;border-bottom:1px solid #857355;font-family: 'Roboto Condensed',sans-serif;font-size:15px;line-height:40px;}
#feature-nav-dropdown-home  li a{
text-decoration:none;
color:#2f2d27;
}
#feature-nav-dropdown-home ul {
    padding: 0 0 18px;
	display:none;
}
#feature-nav-dropdown-home.expanded{background-color:#fff;}
/* footer home styles */
#footer { position:absolute; bottom:0; }
/* home intro */
/* Intro Home ---------------> */
	#wrapper-intro { height: auto; position: absolute; right: 0; bottom: 163px; z-index: 12; overflow: hidden;}
		#wrapper-intro div.center{ /*width: 704px;*/ height:54px; position: relative; display: block; margin: -1px auto 0; padding-top: 1px; background: url(http://www.steinlodge.com/templates/main/images/intro-home-text.png) center 0 no-repeat; }
				#wrapper-intro div.center span.close { display: none; width: 36px; height: 36px; position: absolute; left: 508px; top: 9px; z-index: 24; cursor: pointer; background: url(http://www.steinlodge.com/templates/main/images/close-intro.png) no-repeat; }
			#wrapper-intro div.center.expand{ background: url(http://www.steinlodge.com/templates/main/images/intro-home-text-expand.png) center 0 no-repeat; }
			#wrapper-intro div.center div.side{ width: 300%; height:54px; position: absolute; top: 0; background: url(http://www.steinlodge.com/templates/main/images/side-intro-text.png) repeat-x; }
			#wrapper-intro div.center.expand div.side{ background: url(http://www.steinlodge.com/templates/main/images/side-intro-text-expand.png) repeat-x; }
			#wrapper-intro div.center {overflow: visible !important;}
			#wrapper-intro div.center div.left.side{ left:704px; }
			#wrapper-intro div.center div.right.side{ right:704px;}
		#wrapper-intro div.center div.intro { margin: 15px 75px 0; cursor: pointer; font-size: 1.063em; color:#fff; font-family: 'Cinzel', serif; font-weight: 400; text-transform: uppercase;text-align:center }
			#wrapper-intro div.center.expand div.intro { margin: 15px 150px 0; }
		#wrapper-intro div.center div.intro.expand { display: none; }
		#wrapper-intro div.center.expand div.intro.expand { display: block; }
		#wrapper-intro div.center.expand div.intro{ display: none; }
	/* Content Intro Home */
		#wrapper-intro div.center div.content-intro { font-family:'Times New Roman',serif;color:#e0cca4;font-size:0.875em;line-height:22px; width: 633px; height: 208px; margin: 32px 0 0 61px; position: relative; overflow: hidden; display: block; }
		#errors{display:none;}
/* special rotator*/

#special-rotator-positioner{
position:absolute;
width:100%;
height:229px;
bottom:74px;
overflow:hidden;
z-index:11;
}
#special-rotator-wrapper{
position:relative;
max-width:1177px;
width:100%;
height:229px;
bottom:-190px;
margin:0 auto;
}

#special-rotator-wrapper .special-container,
#special-rotator-wrapper .residences-container{
position:relative;
width:100%;
height:175px;
overflow:hidden;
}
#titles-wrapper{
	position: relative;
	margin: 0 auto;
	width: 475px;
	clear: both;
}
#special-rotator-wrapper .special-title,
#special-rotator-wrapper .residences-title{
position:relative;
width:214px;
height:36px;
overflow:hidden;
cursor:pointer;
z-index:2;
float: left;
margin:0 5px;
}
#special-rotator-wrapper .special-title h2,
#special-rotator-wrapper .residences-title h2{
position:relative;
font-family:cinzel,serif;
font-size:14px;
font-weight:400;
text-transform:uppercase;
text-align:center;
color:#ffffff;
margin:0;
z-index:3;
background:url(http://www.steinlodge.com/templates/main/images/rotator_arrow.png) center -80px no-repeat;
line-height:18px;
padding:12px 0 0;
}
#special-rotator-wrapper.expand .special-title-bkg,
#special-rotator-wrapper.expand .residences-title-bkg{height:54px;}
#special-rotator-wrapper.expand .special-bkg,
#special-rotator-wrapper.expand .residences-bkg{height:175px;}
#special-rotator-wrapper.expand .special-title h2,
#special-rotator-wrapper.expand .residences-title h2{
/*background-position:center 2px !important;*/
padding:31px 0 0;
}

#special-rotator-wrapper .opacity-bkg{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity:0.7;
zoom:1;
}
#special-rotator-wrapper .special-title-bkg,
#special-rotator-wrapper .residences-title-bkg{
position:absolute;
top:0;
left:0;
width:214px;
height:36px;
background:#000;
}
#special-rotator-wrapper .special-bkg,
#special-rotator-wrapper .residences-bkg{
position:absolute;
width:100%;
height:3px;
background:#000;
left:0;
top:0;
}
#special-rotator-wrapper .residences-container .content-intro{
	position: relative;
	color: #b9ab8b;
	margin:	0 30px;
}
#special-rotator-wrapper .residences-container .content-intro p{
	height: 99px;
	font-family: 'cinzel',serif;
}
#special-rotator-wrapper .residences-container .content-intro h1{
	margin-top: 15px;
}
#special-rotator-wrapper .itemPreviewImage{
display:block;
width:233px;
height:152px;
}
#special-rotator-wrapper  .item h3{
font-family: 'Alex Brush', cursive;
color:#a98d51;
font-size:27px;
line-height:31px;
margin:2px 0 0;
padding:0;
}


#special-rotator-wrapper .rotator-image{
float:left;
margin:0 16px 0 0;
width:235px;
height:154px;
background:#3d3322;
overflow:hidden;
}
#special-rotator-wrapper .rotator-image .border{
position:relative;
margin: 1px;
overflow:hidden;
}

#special-rotator-wrapper .rotator-content{
margin-right:22px;
}
#special-rotator-wrapper .rotator-content p{
font-family: 'cinzel',serif;
font-size:13px;
color:#b9ab8b;
line-height:20px;
margin: 0 0 0 1px;
}
#special-rotator-wrapper .widget-content ul li{
height:154px;
}
#special-rotator-wrapper .widget-content ul {
height:154px;
}
#special-rotator-wrapper  .widget-content{
position:relative;
padding:10px 0 0;
}
#special-rotator-wrapper  .bx-wrapper{
position:relative;
}
#special-rotator-wrapper a.bx-prev{
position:absolute;
background:url(http://www.steinlodge.com/templates/main/images/rotator_prev.png);
width:11px;
height:12px;
font-size:0;
line-height:0;
left:-31px;
top:67px;
text-indent:-9999px;
}
#special-rotator-wrapper a.bx-next{
position:absolute;
background:url(http://www.steinlodge.com/templates/main/images/rotator_next.png);
width:11px;
height:12px;
font-size:0;
line-height:0;
right:-31px;
top:67px;
text-indent:-9999px;
}
#special-rotator-wrapper .item{
background:url(http://www.steinlodge.com/templates/main/images/item_rotator_border.png) right 0 no-repeat;
}
#special-rotator-wrapper .reservation-info{position:absolute;right:18px;bottom:-3px;height:30px;}
#special-rotator-wrapper .price{position:relative;float:left;font-family:'cinzel',serif;font-size:15px;line-height:30px; color:#fff;}
#special-rotator-wrapper .rotator-btn{position:relative;float:left;margin-left:8px;}
#special-rotator-wrapper .rotator-btn a{display:block;width:27px;height:27px;background:url(http://www.steinlodge.com/templates/main/images/availability_btn.png) 0 0;}
#special-rotator-wrapper .rotator-btn a:hover{background-position:0 -27px !important;}
#special-rotator-wrapper  .disabled{
display:none;
}
/* Home animation */
.slide-container {
width:100% !important;
height:100% !important;
}
#main-visual .slide-container .imageCaption{ position:absolute; z-index:40; top:112px; width:100%; text-transform:uppercase; }

#main-visual .slide-container .imageCaption p{ font-family:'Buenard',serif; color:#fff; }
.slide-container .imageCaption p{
margin:0;
}
#main-visual .slide-container .imageCaption .big p{
font-size:40px;
line-height:44px;
margin:0 28px 0 21px;
}
.slide-container .imageCaption .small p{
font-size:20px;
line-height:24px;
margin:0 78px 0 240px;
}
.slide-container .imageCaption .big p{
overflow:hidden;
white-space:nowrap;
}
.slide-container .imageCaption .small p{
overflow:hidden;
white-space:nowrap;
}
/*Landscape*/
@media (max-device-width: 1024px) and (orientation: landscape) {

}
/*Portrait*/

@media only screen and (orientation:portrait){
#main-visual .slide-container .imageCaption .big p{ font-size:27px; margin:0 28px 0 21px; text-align: left !important; }
.slide-container .imageCaption .small p{ font-size:16px; margin:0 0px 0 50px !important; text-align: left !important; }
}

@media (max-device-width: 800px) and (orientation: portrait) {
.slideshow img{ width:auto !important; height:100% !important; min-width:1177px; }
#special-rotator-positioner,#feature-nav-area{
display:none;
}
#holder{
margin-left:244px;
}
#wrapper-intro div.center{
width:496px;
}
#wrapper-intro div.center div.left.side{ left:496px; }
#wrapper-intro div.center div.right.side{ right:496px;}
#wrapper-intro div.center span.close{
right:53px;
}
#wrapper-intro div.center div.intro{
margin:15px 46px 0 ;
}
#wrapper-intro div.center.expand div.intro {
margin: 15px 46px 0;
}
#wrapper-intro div.center div.content-intro {
margin: 32px 0 0 4px;
width:486px;
}
#wrapper-intro div.center span.close {
left: 404px;
}
#social-media{
width:72px;
padding:3px 5px 0 0;
}
#feature-nav-area{
display:none;
}
#feature-nav-dropdown-home{
display:block;
}
#feature-nav-dropdown-home h2{
line-height:43px
}
.slide-container .imageCaption .big p{

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.slide-container .imageCaption .small p{

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

.slide-container .imageCaption .small {
margin-left:150px;
}
#footer-nav { right:95px;}
}

.imageSwitchHolderAltTextOnly.slide{
display:block !important;
width:100% !important;
height:100% !important;
}
@media (max-height: 660px) and (orientation: landscape) {
.slide-container .imageCaption{
top:85px;
}
}

#mod_flexibleForms{
  display: none;
}
.flexibleForm {
  display: block;
  font-family: 'Arial',Helvetica, sans-serif;
  font-size: 0.857em;
  text-transform: uppercase;
  width: 467px;
  padding-left: 40px;
  padding-top: 10px;
}
#fancybox-content{background:url(http://www.steinlodge.com/templates/main/images/form_pattern.png);}
#fancybox-content button.submit{ font-family: 'cinzel',serif;
  font-size: 17px;
  line-height: 40px;
  border: 0;
  padding: 0;
  width: 141px;
  height: 38px;
  display: block;
  background: url(http://www.steinlodge.com/templates/main/images/btn_bkg.png) no-repeat 0 0;

  color: #fff;
  cursor: pointer;
  position: relative;
  text-transform: uppercase; float: right;}
form.flexibleForm label.fieldLabel{

  text-align: left;
  color: #fff;
  margin: 0 0 2px 3px;
  line-height: 23px;
  width: 11em;
}
form.flexibleForm p{
display: block;

float: none !important;

text-align: left;

color: #fff;

line-height: 16px;

margin: 5px 0 20px 3px;}
form.flexibleForm input.fieldInput {
  width: 222px;
  height: 25px;
  padding: 0 0 0 10px;
  border: 0;
  font-family: 'Arial',Helvetica, sans-serif;
  font-size: 12px;
  color: #888;
  text-transform: none;
}
form.flexibleForm select.fieldInput {
  border: 0;
  width: 232px;
  height: 25px;
  padding: 4px;
  font-family: 'Arial',Helvetica, sans-serif;
  font-size: 12px;
  color: #888;
  text-transform: none;
}
form.flexibleForm p.formFooterText{
font-family: 'Arial',Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #716652;
  text-transform: none;
margin-top: 18px;
margin-bottom: 10px;
}