/*
	HotPress Web Framework
	By: Team HotPress Web
	Created: 2011
*/

/* `Hero
----------------------------------------------------------------------------------------------------*/

.hero, .hero_alt {
	/*height:292px;*/
	
	margin:-10px auto 0;
    overflow:hidden;
	padding:0;
	position:relative;
	width:1000px;
	z-index:33;
	display:none;
}
.hero {
	float: left;
}
    @media screen and (min-width:940px) {
    .hero { display: none; }
    }


/* Image --------------------------*/




.hero-images, .hero-images_alt{
    display: inline;
    float: left;
    height: 500px; /*375px*/
    position: absolute;
    left:0px;
    top: 0px;
    width:1000px; /*960px*/

}
.hero-image, .hero-image_alt {
    height: 500px; /*375px*/
	margin:0;
	overflow:hidden;
	padding:0;
    width:1000px; /*960px*/
	z-index:15;
}

.hero-image2, .hero-image_alt2 {
    height: 310px; /*375px*/
	margin:0;
	overflow:hidden;
	padding:0;
    width:1000px; /*960px*/
	z-index:15;
}


.hero-images ul, .hero-images_alt ul{
	margin:0;
	padding:0;
}
.hero-images ul li, .hero-images_alt ul li {
	position: absolute;
	padding:0;
	top:0;
    display:none;
    background:none;
}

.hero-image a img, .hero-image2 a img  {-webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0,0,0,1)), to(rgba(255,255,255,0)));} /*TS 10-10-13*/
	
/* Description --------------------------*/
.hero-descriptions, .hero-descriptions_alt {
    left: 20px;
    position: relative;
    top: 0;
	width:300px;
	height:500px;
    z-index: 17;
	background: rgba(255,255,255,.8);
}

.hero-descriptions2, .hero-descriptions_alt2 {
    left: 20px;
    position: relative;
    top: 0;
	width:300px;
	height:290px;
    z-index: 17;
	background: rgba(255,255,255,.8);
}

.hero-descriptions ul, .hero-descriptions_alt ul {
	margin:0;
	padding:0;
	list-style: none;
}
.hero-descriptions ul li, .hero-descriptions_alt ul li {
	position: absolute;
	top:0;
    display:none;
    background:none;
}	
.hero-description, .hero-description_alt{
	color: #383838;
	display: block;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 20px; /* 10px */
	position:absolute;
	top: 5px;
	width: 300px;
	box-sizing: border-box;
	cursor: text;
	z-index: 3;
}
.hero-description h2, .hero-description_alt h2 {
	font-size:36px; /*21px */
	line-height: 44px; /*TS ADDED */
	margin-bottom:8px; /*5px */
	color:#1557A5;
}

.hero-description h3, .hero-description_alt h3 {
background-image: none; /*TS ADDED 01-02-14*/

}



.hero-description p, .hero-description_alt p {
	font-size:18px; /*14px */
	color:#383838;
	margin-bottom: 1em;
}		
	.hero-description a.hero-link:link,
	.hero-description a.hero-link:visited {
		background: rgb(20,87,163); /*d93f2f*/
		color: #fff;
		font-size: 14px;
		padding: 5px 10px;
		text-decoration: none;
		border-radius: 3px;
		margin-top: .5em;
		display: block;
		float: left;
		font-weight: bold;
	}
	
	.hero-description a.hero-link:hover,
	.hero-description a.hero-link:active {
		background: rgb(20,87,163);
	}
	
	.hero-description a:link, .hero-description a:visited {
		color:#fff!important;
	}
	
	
	.hero-descriptions_alt {height:469px;}

	
	
/* Overlay --------------------------*/

.hero-overlay, .hero-overlay_alt {
	background: url("https://www.camdenrockland.com/_assets/css/images/hero-overlay.png") no-repeat scroll 0 0;
	display: block;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1000px;
	z-index: 2;
}
.hero-divider{
	display:none;
}

.hero-overlay_alt {width: 1200px; height: 469px;}
/* Controls --------------------------*/

.hero-controls {
    left: 20px;
    position: relative;
    /*top: 138px;
    width: 200px;
	background: #92B14D;*/
	height: 35px;
    z-index: 4;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
.hero-controls ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
.hero-controls ul li {
	background: none;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding:0;
}
	.hero-controls ul li a:link,
	.hero-controls ul li a:visited {
		width: 10px;
		height: 10px;
		display:block;
		/*padding: 10px 5px;*/
		color:#fff;
		font-size:11px;
		/*padding: 3px 10px 5px;*/
		text-decoration: none;
		text-indent: -9999px;
		border: 1px solid #0054a3;
		border-radius: 100%;
		margin-right: 10px;
	}
	.hero-controls ul li a:hover,
	.hero-controls ul li a:active,
	.hero-controls ul li.current a {
		background:#ffd200;
	}
	
@media screen and (max-width: 500px){
	
	.hero-image2, .hero-image_alt2 {
		display: none;
	}

	.contain-to-grid .top-bar {
		margin-bottom: 50px; /* 10px */
}
}