/*

Theme Name: Beartooth Ranch

*/



body{

   margin:0px;

   padding:0px;

   color:#000;
   
   font-size:13.5px;

   font-family:Arial, Helvetica, sans-serif;
   background-color:#877963;

   }

   

h1,h2,h3,h4,h5,h6,ul,li,p{

  margin:0px;

  padding:0px;

  }

  

img{

  border:0px;

  }

   

   	

.main-wrapper{

   width:100%;

   float:left;

  background:url(images/top-bg-longH.png) top left repeat-x;
 
  background-color:#877963; 

   }

   

.main-wrapper-inn{

   width:100%;

   float:left;

  background:url(images/top-bg-long.png) top left repeat-x;
  

   }

   

.container{

  width:80%;

  float:left;
  
  margin:0 10%;

  }

   

.inner{

  width:95%;

  }

  

.headerH{

   width:100%;

   float:left;

   background:url(images/shadow.png) center 0px no-repeat; 
   
   height: 200px;

   }
   
 .navbar {
	 width:100%;
	 
 }
 
 .header{

   width:100%;

   float:left;

   background:url(images/shadow.png) center 53px no-repeat; 
   
   height: 170px;

   }
   


 

.logo{


  float:left;
  
  z-index: 22;

  }

  

  

.number{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

   

   

.banner-wrapper{

  width:100%;

  float:left;

  position:relative;

  }

  

   

.banner{

  width:100%;

  float:left;

  background:url(images/banner-rpt-bg.png) top left repeat-y;

  padding:0px 0px 10px 10px;

  position:relative;

  top:0px;

  left:0px;

  height:467px;

  }

  

.banner-inner{

  width:100%;

  float:left;

  padding:0px 0px 0px 0px;

  position:absolute;

  top:0px;

  left:0px;

  height:467px;

  }

  

  

.tagline{

  width:100%;

  float:left;

  padding:0px 0px 10px 10px;

  position:absolute;

 /* top:406px;*/

 bottom:11px;

  left:11px;

  height:67px;

  background:url(images/tagline-bg.png) top left repeat-y;

  padding:8px 0px 0px 14px;

  }

  

.tagline h2{

  color:#ffffff;

  font-size:17px;

  font-weight:normal;

  background:url(images/divider.png) left bottom no-repeat;

  padding-bottom:5px;

  }

  

.tagline p{

  color:#ffffff;

  font-size:14px;

  font-weight:normal;

  padding-top:5px;

  }  

.midwrapper{

    width:100%;

	float:left;

	padding:30px 0px;

	}

	

	

.left-part{

   width:238px;

   float:left;

   text-align:center;

   padding:0px 40px 0px 30px;

   background:url(images/left-part-bg.png) top right no-repeat;

   }

   

   

.mid-part{

   width:238px;

   float:left;

   text-align:center;

   padding:0px 40px;

   background:url(images/left-part-bg.png) top right no-repeat;

   }

   

   

.right-part{

   width:248px;

   float:left;

   text-align:center;

   padding:0px 30px 0px 40px;

   }

   

   

.midwrapper h2{

    text-transform:uppercase;

	color:#000;

	font-size:22px;

	font-weight:normal;

	padding:28px 0px 15px 0px;

	}

	

.circle {

  width:228px;

  height:230px;

 /* background:url(images/circle-image-bg.png) top left no-repeat;*/

  margin:10px 0px 0px 0px;

  overflow:hidden;

  position:relative;

  }

	

.circle_png{

	position:absolute;

	top:0;

	left:0;

	z-index:99999;

}





.midwrapper p{

	color:#000;

	font-size:12px;

	padding-bottom:12px;

	}

   

.midwrapper a{

	color:#6b867b;

	font-size:12px;

	text-decoration:none;

	}

   

.midwrapper a:hover{

  color:#000;

  }

  

  

.welcome-wrapper{

    width:100%;

	float:left;

	background-color: #d9d2c6;

	padding:20px;

	}

	

.welcome-left{

    width:670px;


	padding-right:30px;

	border-right:1px solid #e9e9e9;

	}

	

.welcome-wrapper h1{

  color:#000;

  font-size:20px;

  font-weight:normal;

  padding-bottom:8px;

  }

  

.welcome-left h2{

  color:#000;

  font-size:13px;

  font-weight:normal;

  text-transform:uppercase;

   padding-bottom:15px;

  }

  

  

.welcome-wrapper p{

  line-height:18px;

  padding-bottom:10px;

  }

  

.welcome-right{

   width:206px;

   float:right;

   padding-right:30px;

   }

   

.welcome-right h2{

  color:#000;

  font-size:18px;

  font-weight:normal;

   padding-bottom:15px;

   text-align:right;

  }

  

.about-image{

   float:right;

   background:url(images/about-rpt-bg.jpg) top left repeat-x;

   border:1px solid #dae2dc;

   padding:8px;

   }

   

   

.curve{

  float:left;

  }

  

  

.footer-wrapper{

   width:100%;

   float:left;

  /* background:url(images/footer-bg.jpg) top left repeat-x; */
  
   background-color: #222;
   
   color:#fff;

   padding:25px 0px;
   
   font-size:14px;

   }

   

   

.footer-left{

   float:left;

   width:60%;
   margin-left:10%;

   }

   

.footer-left ul{

   list-style-type:none;

   }

   

.footer-left ul li{

  float:left;

  padding-right:12px;

  }

  

.footer-wrapper a{

   text-decoration:none!important;

   color:#fff !important;

   font-size:14px!important;

   font-family:Arial, Helvetica, sans-serif!important;

   }

   

   

.footer-wrapper a:hover{

   color:#c6ab9e!important;

   }

   

   

.footer-right{

  float:right;
  margin-right:10%;

  }



h2{

	 color: #000;

    font-size: 14px;

    font-weight: normal;

    padding-bottom: 10px;

    text-transform: uppercase;

}



h3{

	 color: #000;

    font-size: 11px;

    font-weight: normal;

    padding-bottom: 15px;

    text-transform: uppercase;

	font-weight:bold;

}



.welcome-wrapper p.wp-caption-text, .welcome-wrapper p.wp-caption-text a{

	padding:0;

	margin:0;

	width:auto;

}



.view-our-divider{

	background: url(images/btm-wrapper-bg.png) no-repeat center bottom;

    float: left;

	margin:0 0 20px;

	overflow:hidden;

	width: 100%;

}



.alignright{

	width:auto;

	float:right;

	background-color:#f5f5f5;

	border:2px solid #CCC;

	padding:4px;

	margin:0 0px 0 10px;

}



.alignright a{

	color: #6B867B;

    font-size: 12px;

	font-weight:bold;

	text-decoration:none;

}



.alignright a:hover{

  color:#000;

  }

  

 /* ================ */

 

 #menu-top-menu, #menu-top-menu ul{

margin :0;

padding:0;

list-style-type:none;

list-style-position:outside;

position:relative;

line-height:45px;





}





/*.activate{

display:block;

padding:0px 5px;

text-decoration:none;

background:url(../images/button-a.jpg);

color:#333;

}*/



.menu{

display:block;

padding:0px 5px;

color:#FFFFFF;

text-decoration:none;

background:url(../images/button.jpg);

}



.menu li a{

color:#fefefe;

   font-size:14px;

   font-family:Verdana, Arial, Helvetica, sans-serif;

   text-decoration:none;

   display:block;

}



.menu li a:hover{

color:#99beb0;

}





#menu-top-menu li{

float:left;

position:relative;



 line-height:51px;

 padding:0px 0px 0px 59px;

}



#menu-top-menu ul {

position:absolute;

display:none;

width:200px;

background-color:#000;

padding:0 0 10px;



}



#menu-top-menu li li{

	line-height:14px;

	padding:0 0 0 5px;

}



#menu-top-menu li ul a{



height:auto;

float:left;

}



#menu-top-menu ul ul{

top:auto;

}	



#menu-top-menu li ul ul {



margin:0px 0 0 10px;

}



#menu-top-menu li:hover ul ul, #menu-top-menu li:hover ul ul ul, #menu-top-menu li:hover ul ul ul ul{

display:none;

}

#menu-top-menu li:hover ul, #menu-top-menu li li:hover ul, #menu-top-menu li li li:hover ul, #menu-top-menu li li li li:hover ul{

display:block;

}



.view-our-divider a{

  text-decoration:none;

  color:#1a1919;

  font-weight:bold;

  }

  

.view-our-divider a:hover{

  text-decoration:underline;

  }

  

.contact-form td{

  padding:6px 0px;

  }

  

.contact-form input[type=text]{

  width:200px;

  height:20px;

  background:#F5F5F5;

  border:1px solid #CCCCCC;

  padding-left:5px;

  }

  

.contact-form textarea{

  width:204px;

  height:70px;

  background:#F5F5F5;

  border:1px solid #CCCCCC;

  }

  

.contact-form .big-txtarea textarea{

  width:350px;

  height:90px;

  background:#F5F5F5;

  border:1px solid #CCCCCC;

  }

  

.contact-form  input[type=submit], .contact-form  input[type=reset]{

	background:none;

	border:0px;

	background: url(images/input-bg.png) top left no-repeat;

	width:116px;

	height:26px;

	cursor:pointer;

	color:#000;

	font-size:13px;

}



.footer-top{

 text-align:center;

 }

 

/* ================== 20112012 ==================== */



#menu-top-menu li.current_page_item a{

	color:#99beb0;

}



.abt-the-broker-img img{

	width:auto;

	background-color:#f5f5f5;

	border:2px solid #CCC;

	padding:4px;

	margin:0 0 4px;

}



.nivo-caption{

	/*background: url(images/tagline-bg.png) repeat-y left top; */

    bottom: 11px;

    float: left;

    height: 67px;

    left: 11px;

    padding: 8px 0 0 14px;

    position: absolute;

}



.nivo-caption h2{

	background: url(images/divider.png) no-repeat scroll left bottom transparent;

    color: #FFFFFF;

    font-size: 17px;

    font-weight: normal;

	font-family:Arial, Helvetica, sans-serif;

	margin: 0px 0 0px 14px;

	padding:8px 0 5px;

}



.nivo-caption p{

	color: #FFFFFF;

    font-size: 14px;

    font-weight: normal;

    padding-top: 5px;

	font-family:Arial, Helvetica, sans-serif;

	

	

}



/* ========================= 21112012 ========================*/



.img-center img{

	width:auto;

	background-color:#f5f5f5;

	border:2px solid #CCC;

	padding:4px;

	margin:0 0 4px;

}



.img-center a{

	 color: #1A1919;

    font-weight: bold;

    text-decoration: none;

	font-weight:bold;

}





.img-center a{

	 color: #1A1919;

    font-weight: bold;

    text-decoration: none;

	font-weight:bold;

}



.img-center a:hover{

    text-decoration: underline;

}



.welcome-wrapper-inn{

    padding: 20px;

    width: 97%;

}





/* ============ 27112012 ================== */



.listing-pg-str table td{

	padding:5px 0;

}



.img-float-right{

    background-color: #F5F5F5;

    border: 2px solid #CCCCCC;

    float: right;

    margin: 0 0 0 10px;

    padding: 4px;

}



.img-float-right p{

	padding:0;

}



.img-float-right a {

    color: #1A1919;

    font-weight: bold;

    text-decoration: none;

}



.img-float-right a:hover {

     color:#000;

}



/* ========== 28112012 ============== */

.circle-inn {

  position:absolute;

  z-index:999;

  top:0;

  left:0;

  }

  

.circle-inn img{

  width:332px;

  position:absolute;

  z-index:999;

  }

  

hr{

	background: url(images/btm-wrapper-bg.png) no-repeat center bottom;

/*    padding: 20px 0;

	margin:0 0 20px;

	overflow:hidden;

	width: 100%;*/

}


/* ========== 120612 ============== */

.tour_table {
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: url(images/btm-wrapper-bg.png) no-repeat center bottom;
	}



.view-properties .views-row {
    border-bottom: 1px solid #9d9c8c;
    margin: 10px 0;
    padding-bottom: 15px;
    overflow: hidden;
}

.view-properties .views-field-field-media {
    float: left;
    margin-right: 15px;
    padding-left: 10px;
    max-width: 50%;
}

.view-properties .views-field-title {
    font-family: "Crimson Text",serif;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5em;
}

.view-properties .views-field-field-subtitle, .view-properties .views-field-field-location {
    font-style: italic;
    line-height: 1.5em;
}

.view-properties .views-field-field-intro-text {
    margin: 2em 0;
}

.view-properties .views-field-field-intro-text {
    margin: 2em 0;
}

.view-properties .views-field-field-price {
    font-weight: bold;
    font-style: italic;
    margin: 1em 0;
}

.view-properties .views-field-view-node, .view-properties .views-field-nothing {
    display: inline;
}

.view-properties .views-field-view-node, .view-properties .views-field-nothing {
    display: inline;
}

.view-properties .view-content {
    padding-top: 8px;
    margin-top: 2.5em;
    border-top: 1px solid #9d9c8c;
    background: #A8BFB0;
}

.welcome-wrapper-inn {
    background: #d9d2c6;
	margin-top: 10px;
	min-height: 600px;
}

.view-properties .views-field-field-media .content img {
    border: 1px solid black;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 0px;
    background: #bbb9a4;
	width: 100% !important;
    height: auto !important;
}

.view-properties .views-field-field-media .content {
    background: #bbb9a4;
    padding: 7px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	width: 266px;
	height: 200px;
	overflow:hidden !important;
}

.view-properties .views-field-view-node a, .view-properties .views-field-nothing a {
    margin-right: 8px;
    display: inline-block;
    border: 1px solid #bdbdae;
    padding: 5px 5px 2px 5px;
    text-align: center;
    font-family: "Sorts Mill Goudy",serif;
    color: #564f41;
    text-transform: uppercase;
    background: #dcdccf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 1.2em;
}

.view-properties .views-field-title a {
    text-decoration: none;
    color: #322d29;
}

#slider{
      height: 490px !important;
}


/* new slider*/

body .fa_slider_simple .fa_image{
      width: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    position: initial;
  }


  img.fa_slide_image.main-image{
    width: 100%;
    max-width: 100%;
    min-width: 1200px;
    height: auto;
    max-height: auto;
    margin-top: 0;
    margin-left: 0px;
  }

.fa_slider_simple .fa_slide_content{
    DISPLAY: NONE !IMPORTANT;
}


.not-front h1.title {
    background: #dbdbcd;
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.node-property>.file-image {
    width: 68%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.node-property>.file-image .content {
    background: #9d9c8c;
    padding: 7px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.node-property>.file-image .content img {
    border: 1px solid black;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 0px;
    background: #bbb9a4;
    width: 100%;
	height: auto;
}

.node-property .field-name-field-media {
    float: right;
    width: 32%;
    text-align: center;
    padding-left: 15px;
    box-sizing: border-box;
}
.node-property .field-name-field-media .field-item {
    max-width: 47%;
    padding-bottom: 10px;
    float: left;
}

.node-property .field-name-field-media .field-item:nth-child(2n) {
    float: right;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}

h2.element-invisible {
    display: none;
}

.single-property .inner {
    width: 80%;
}

.node-property h2 {
    font-family: "Crimson Text",serif;
    border-top: 1px solid #9d9c8c;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 0;
    clear: left;
}

.node-property .field-name-field-subtitle {
    font-style: italic;
    margin-top: -6px;
    padding-bottom: 5px;
}

.node-property .field-name-body {
    line-height: 24px;
}

article.node-173.node.node-property.view-mode-full.clearfix {
    background: #ECECEC;
    padding: 40px;
}

#counter-container{
      width: 95%;
}

.gallery-size-thumbnail img {
    width: 80px;
    height: 80px;
}
.gallery-size-thumbnail dl.gallery-item {
    margin: 0;
    padding: 0;
}

.midwrapper .full-banner {
    max-width: 952px;
    min-width: 900px;
}

.page-id-17 .full-banner+ .main-wrapper {
    background: none;
}

.topNav {
	width:100%;
	background-color: #222 ;
}

div#fa-slider-1173 img{
  width: 100%;
  height: auto;
}

div#fa-slider-1173 {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 33%;
   /* max-height: 349.5px; */
    overflow: hidden;
}

.menu-top-menu-container {
    margin-left: 10%;
}

.left-wrap .logo {
    width: 100%;
    padding-top: 0px !important;
    text-align: left;
}

.main-wrapper .logo{
  z-index: 9999;
	width: 100%;
  text-align: center;
}

.main-wrapper .header{
  height: 200px;
}

.main-wrapper .menu-top-menu-container{
  margin-left: 0;
  margin-top: 11px !important;
}
.main-wrapper #menu-top-menu li{
  padding: 0px 20px 0px 20px;
  display: inline-block;
  float: none;
}
.main-wrapper #menu-top-menu{
  text-align: center;
}

.dark .nivoSlider{
  max-height: 515px;
  overflow: hidden;
}

.nivo-caption{
  height: 32% !important;
}
.nivo-caption{
  height:33% !important;
}

@media screen and (max-width: 980px){ 
	
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
		font-size: 24px !important;
	}
	
	.container {
    width: 92%!important;
    float: left;
    margin: 0 4%!important;
	}
	
	.welcome-left {
		width: 100%;
		padding-right: 10px; 
		border-right: none!important;
	}
	.welcome-right{
		display:none !important; 
	}
	
}
