/*
Site: Aspen Area Real Estate - Aspen, CO
Author URI: http://www.thinairweb.com
Jan 11, 2015
*/


/* ---- Reset CSS ---- */
html, body, img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
*:active, *:focus { outline: 0 !important; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }

.pagecontent_sitesearch,.pagecontent_guestbook,.pagecontent_usermanagement_login,.pagecontent_usermanagement_userlist,.pagecontent_usermanagement_userprofile,.pagecontent_usermanagement_companylist,.pagecontent_usermanagement_companyprofile,.pagecontent_calendar_content,.pagecontent_feeds{width: auto;}


body { margin: 0px; background:#fcfcfc; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px/22px; color:#292929; line-height:1.4em; text-align:left; }
img { max-width: 100%; }

/*  TYPOGRAPHY  */
p { padding:0; margin:0 0 20px 0; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:100%; color:#292929; line-height:1.4em; }

h1, h2, h3, h4, h5 { color:#9f9f9f; font-weight:700; }
h1 { margin: 0 0 .1em 0; font-size: 1.8em; line-height:1.4em; }
h2 { margin: 0 0 .1em 0; font-size: 1.4em; line-height:1.4em; }
h3 { margin: 0; font-size: 18px; line-height:24px; }
h4 { margin: 0; font-size: 16px; line-height:22px; }
h5 { margin: 0; font-size: 15px; line-height:20px; }

a { white-space:normal; }
a:link, a:visited, a:active, a:hover { color: #15245B; font-weight: bold; text-decoration:none; } 
a:hover   { color: #2343ae; text-decoration:underline; }

.social		{ font-family: "Helvetica Neue LT",sans-serif; color: #eee; font-style: condensed; font-size: 18px; text-transform: uppercase; display: inline-block; padding: 1px 15px; }

#mlsSearch h2 { font-family: "kepler-std-condensed-display",serif; color:#071A3C; text-transform: uppercase; font-size: 2.0em; font-weight: 400; text-align: center; line-height: 1em; margin-bottom: 20px; }

#homeSocial a, #intSocial a { color: #FFF; }
#homeSocial a:hover, #intSocial a:hover { color: #CCC; text-decoration: none; }

#heroPhone a	{ color: #CCC; }
#heroPhone a:hover { color: #FFF; }


/* NAVIGATION */
.navbar-header { margin-top: 27px; }
#nav .container-fluid { padding: 0; }
#nav .navbar-default { background: transparent; border: none; margin-bottom: auto; min-height: inherit; }

#nav .navbar-default .nav { text-transform:uppercase; font-size:14px; margin-top: 0px; }
#nav .navbar-default .nav > li { margin:0; padding: 0; }
#nav .navbar-default .nav > li > a { color: #FFF; padding:40px 15px; }

#nav .navbar-default .nav > li.activenav > a {
    background-color: #fff;
    color: #0c285b;
}
#nav .navbar-default .nav > li > a:hover {
	color: #ddd;
}

/* #nav .navbar-default .nav > li a .caret { display: none; } */
#nav .navbar-default .nav > li.dropdown { }

#nav .navbar-default .nav > li.dropdown .dropdown-submenu {  }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu > li { margin-left: 0; text-align: left; min-width: 320px; }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu li > a { color: #fff; padding: 4px 8px; }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu li:hover > a { background:#0D3B91; }

#nav .navbar-default .nav > li.dropdown .dropdown-menu { background:#fff; padding: 0px; }
#nav .navbar-default .nav > li.dropdown .dropdown-menu > li { margin-left: 0; text-align: left; min-width: 120px; }
#nav .navbar-default .nav > li.dropdown .dropdown-menu li > a { color: #0C285B; padding: 5px 10px; }
#nav .navbar-default .nav > li.dropdown .dropdown-menu li:hover > a,
#nav .navbar-default .nav > li.dropdown .dropdown-menu li.activenav > a { background:#0C285B; color: #fff; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgba(255, 255, 255, 0.1); }


/*
a.mainNav:link, a.mainNav:active, a.mainNav:visited, a.mainNav:hover { padding:40px 12px; margin:0; display:inline-block;  text-transform:uppercase; font-size:14px; color:#FFF;  font-weight:700; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; }
  a.mainNav:hover { text-decoration:none; color:#ddd; }
  .activenav a 	{ color: #0C2659 !important; background: #FFF; }
  .navpopup 	{ background-color: #15245B; color: #FFF; font-size: 13px; padding: 5px 8px; border:1px solid #132049; font-weight: 400; }
  .navpopup:hover { background-color: #2343ae; cursor: pointer; cursor: hand; }
  .selectarrow 	{ background: url("../images/nav-arrow.png") no-repeat scroll 0 1px transparent; padding: 3px 5px 0 0; width: 14px; }
  

#homeSocial a, #intSocial a { color: #FFF; }
#homeSocial a:hover, #intSocial a:hover { color: #CCC; text-decoration: none; }

#heroPhone a	{ color: #CCC; }
#heroPhone a:hover { color: #FFF; }

#sidebar a { color:#263F92; }
#sidebar a:hover { color:#264092; }

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { font-size:.9em; font-weight:normal; color:#F9D878; text-transform: uppercase; }
  #footer a:hover { color:#ddd; text-decoration:none; border-top:1px solid #999; }
*/



/*  Layout  */
#wrap 		{ position: relative; }

#header		{ background-color: #0C285B; height: 100px; clear: both; z-index: 99; position: relative; }
  	#header .img-responsive { max-width: 70% !important; margin-left: 4%; margin-top: 2%; }

#slideshow	{ height: 130px; overflow: hidden; z-index: 2; position: relative; }
	#banner			{ height:130px; }
  #banner img { position: absolute; top: 0; left: 0; min-height: 175px; min-width: 100%; z-index: 1; max-height: 265px; overflow-y: hidden; }

#heroContact{ background: url(../images/heroContact-bg.png) 40px 0 repeat-x; height: 140px; position: relative; z-index: 15; }
  #homeSocial	{ background: url(../images/home-social-tabs-440.png) 0 0 no-repeat; position: absolute; height: 50px; width: 440px; right: 5px; top:-74px; text-align: center; color: #FFF; padding-top: 12px;  }
  #headshot		{ background: url(../images/ted-borchelt-centered.png) 0 0 no-repeat; width: 386px; height: 485px; position: absolute; bottom: -389px; left: 50px; display: none; }
  
  #heroPhone	{ width: 320px; height: 80px; color: #FFF; margin-top:35px; margin-left: 0px; }
  
  #mlsSearch	{ width: 368px; margin-top: 20px; }
    #mlsTop		{ background: url(../images/mls-search-bg-top.png) 0 0 no-repeat; height: 4px; }
    #mlsRepeat	{ background: url(../images/mls-search-bg-repeat.png) 0 0 repeat-y; padding: 40px 30px; }
    #mlsBottom	{ background: url(../images/mls-search-bg-bottom.png) 0 0 no-repeat; height: 4px; }
  #tagline		{ font-size: 27px; color: #0C285B; font-family: "kepler-std-condensed-display",serif; font-weight: 400; position: absolute; top: 400px; left: 90px; width: 310px; text-align: center; line-height: 1em; }

#intHeaderBg	{ background: url(../images/intBannerBgBottom.png) 0 100% repeat-x; height: 20px; }
#intSocial		{ background: url(../images/int-social-tabs-440.png) 0 0 no-repeat; height: 36px; width: 440px; text-align: center; color: #FFF; padding-top: 4px; }

#content			{ clear: both; margin-top: 20px; }
  #main				{ padding-bottom: 50px; }
  .aside			{ padding-bottom: 50px; }

#footer				{ clear: both; background: #293B6A; text-align: center; color: #FFF; border-top: 2px solid #14255A; padding: 3% 0 1.5%; }
  #footer img { padding-top: 5px; max-width: 100%; height: auto; }
  #copyright	{ clear:both; text-align: center; color: #FFF; font-size: .8em; margin-top: 30px; }
  #footer .footerPhone > li > a { color: #fff; }




/* LISTS */
ul { padding:0; margin:0; }
li { padding:0; margin:0 0 0 20px; border:0; }

#footer ul { margin:0; padding:0; list-style:none; text-align:left; line-height:16px; }
#footer li { margin:0; padding:0; display:block; line-height: 1.3em; color: #fff; }

#heroPhone ul { list-style: none; padding: 0; margin: 0; float: none; width: 130px; }
  /*#heroPhone ul:first-child { border-right: 2px solid #999; margin-right: 30px; }*/
#heroPhone li { margin: 0; padding: 0; }

ul.footerPhone { text-align: center !important; margin-top: 2.5% !important; }


/* TABLES */
table, tbody, tr, td, th {table-layout: fixed; padding: 2px;}
/* table, tbody, tr {width: 100% !important; max-width: 100% !important;} */



/* FORMS */
input[type="text"], input[type="password"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}
input[type="text"]:focus, input[type="passwod"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }
input [type="image"] { border:none; }
#search input[type=text] { width:100px; }


@media screen and (max-width: 768px) {
	.navbar-collapse { background-color: rgba(7, 26, 60, 0.9); }
	#nav .navbar-default .nav > li > a { color: #FFF; padding:5px 10px; }
}



/* BOOTSTRAP - sm */
@media screen and (min-width: 768px) {
	
	#header .img-responsive { max-width:277px !important; margin: 0; } 
	
	.navbar-header {
		position: absolute;
	}
	#navigation-extra {
		font-size: 3em;
	}
	
	.carousel-inner > .item {
		height: 350px;
	}
	#header.interior {
		height: 200px;
	}
	
	#slideshow { height: 230px; overflow: hidden; z-index: 2; }
	#banner { height: 230px; }
	  #banner img { position: absolute; top: 0; left: 0; min-height: 175px; min-width: 100%; z-index: 1; max-height: 360px; overflow-y: hidden; }
	#homeSocial { right: 0px; top:-40px; }
	#heroPhone { margin-left: 120px; }

	ul.footerPhone { text-align: right !important; margin-top: 0 !important; }	
}


/* BOOTSTRAP - md */
@media screen and (min-width: 992px) {
	
	.carousel-inner > .item {
		height: 450px;
	}
	#header.interior {
		height: 200px;
	}
	
	#slideshow { height: 430px; overflow: hidden; z-index: 2; }
	#banner { height: 430px; }
		#banner img { position: absolute; top: 0; left: 0; min-height: 430px; min-width: 100%; z-index: 1; max-height: 820px; overflow-y: hidden; }
	#heroContact { height: 431px; }
	#homeSocial { right: 70px; top:-40px; }
	
	#content	{ clear: both; margin-top: 70px; margin-bottom: 20px;}
		#main		{ padding-bottom: 50px; }
	  .aside	{ padding-bottom: 50px; }
}


/* BOOTSTRAP - lg */
@media screen and (min-width: 1200px){
	
	.carousel-inner > .item {
		height: 525px;
	}
	#header.interior {
		height: 250px;
	}
}