/** SWATCHES **/
/** Place any hex codes for branded colors here for quick reference. **/
/** Blue: 395c8b **/
/**  **/

/** Google Font Import **/
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

/** TYPOGRAPHY **/
/** Place any CSS code in this section that changes or modifies the headlines, paragraphs or links. **/
body #content {
	background: url(http://static.contentres.com/media/images/19ae6b69-e6e3-432a-ac99-0057026f8821.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#content .container {
	background-color: #fff;
}

/** HOMEPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the template including Body, Container, Aside, or Content. **/
.homepage #content .container {
	background: url(http://static.contentres.com/media/images/3e42f080-7adc-4b94-873e-ae2253952a94.png) 50% 0 no-repeat;
	padding-top: 50px;
	width: 1000px;
	padding: 10px 20px;
}
.homepage #content .container article {
	width: 1000px;
}
.homepage #content .container aside {
	display: inline-table;
	margin-left: 0px;
	width: 1000px;
	margin: 0 auto;
	float: none;
	padding: 20px 5px 10px 10px;
	box-shadow: 0px 1px 25px #888;
}
.homepage #suggested .content {
	margin-left: 10%;
	box-shadow: 1px 1px 15px #999;
	padding: 20px;	
	min-height: 310px;
	width: 210px;
	text-align: center;
	background: #fff;
	opacity: 0.85;
}
.homepage #suggested .left {
	margin-left: 0;
	box-shadow: 1px 1px 15px #999;
	padding: 20px;
	min-height: 310px;
	width: 210px;	
	text-align: center;	
	background: #fff;
	opacity: 0.85;	
}
.homepage .rule {
	display: none;
}
.homepage #additional {
	display: none;
}
.homepage .jotform {

}
.homepage .jotformPaper {
	float: left;
	width: 500px;
	padding-left: 40px;
	border: 1px solid;
	background: #fef7eb;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
}
.homepage .jotformWidget {
	float: right;
	width: 350px;
	padding-right: 40px;
}
/** SUBPAGES TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the subpage template including Body, Container, Aside, or Content. **/


/** HEADER **/
/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/
header {
	height: 230px;
	margin: 0px;
	padding: 0px;
	background: #fef7eb;
	border-top: 3px solid #111;
}
.fauxLogoImageMap {
	padding-top: 10px;
	width: 400px;
	height: 140px;
	margin: 0 auto;
	text-align: center;
}
.fauxLogoImageMap img {
	height: 140px;
	border: 10px double;
	padding: 2px;
}
header .socialMedia {
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
	margin-top: 30px;
}
header .socialMedia img {
	padding-right: 3px;
	background-image: url(http://static.contentres.com/site/templates/global/img/socialMedia.png);
}
header .socialMedia .twitter {
	background-position:0 -16px;
}
header .socialMedia .linkedIn {
	background-position:0 -32px;
}
/** NAVIGATION **/
/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .socialSidebar **/
nav#main {
	background-image: none;
}
nav#main li, nav#main li a {
	font-size: 14px;
}
nav#main ul ul{
  top: 22px;
}
/** HERO ROTATOR **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/
#hero{
  background: none;
  color: inherit;
  height: auto;
  border-top: 1px solid #555;
  border-bottom: 1px solid #FEFEFE;
}
#hero .container {
  height: 650px;
  width: 100%;
  padding: 0;
}
#hero .container a img{
  width: 100%;
  height: 650px;
  box-shadow: inset 0 0px 10px rgba(51, 51, 51, 0.5);
}
#hero .container #hero1 img {
  background: url('http://static.contentres.com/media/images/cb567006-c737-4fbd-aa1b-b52f245db896.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero2 img {
  background: url('http://static.contentres.com/media/images/eef2c574-db01-4aa1-921a-1d40a59ddd56.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero3 img {
  background: url('http://static.contentres.com/media/images/8848d2e5-6756-4dd8-a172-c79f072620dc.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero4 img {
  background: url('$ContentPath$media/images/e51d7b26-3e4a-4421-a638-0de2a0be7838.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .backArrow, #hero .forwardArrow {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 80px;
  padding: 10px;
  color: #FFF;
  height: 98px;
  width: auto;
  top: 0;
  background: none;
  text-shadow: 0 1px 1px #333;
  z-index: 20;
  position: absolute;
  bottom: 0;
  margin: auto;
}
#hero .backArrow {
  /*left: 0px;*/
}
#hero .forwardArrow {
  right: 10px;
  left: auto;
}
#hero .backArrow:before {
  content: "\f104";
}
#hero .forwardArrow:before {
  content: "\f105";
}
#hero:hover .backArrow, #hero:hover .forwardArrow {
  opacity: 0.75;
  visibility: visible;
}
#hero:hover .backArrow:hover, #hero:hover .forwardArrow:hover {
  opacity: 1;
  text-decoration: none;
}


/** HERO ROTATOR ASIDE **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero aside or wrapper **/
#hero aside {
  position: absolute;
  margin: 0;
  width: 100%;
  /* right: 0; */
  /* left: 0; */
  /* background-color: rgba(0, 0, 0, 0.5); */
  bottom: 0;
  background-image: url(http://static.contentres.com/site/templates/001/img/1ac-sprite.png);
  background-position: 0 -343px;
  height: 300px;
}
#hero aside .wrapper {
  padding: 20px;
  width: 960px;
  color: #fff;
  /* background-color: rgba(238, 238, 238, 0.5); */
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-shadow: 0 1px 1px #333;
}
#hero aside h2{
  color: inherit;
  background: none;
  padding-bottom: 10px;
  font-family: 'Quattrocento-bold';
  font-size: 40px;
  border-bottom: 1px dashed #aaa;
  margin-bottom: 10px;
}
#hero aside p {
  font-size: 20px;
}
#hero aside a + a {
  display: none;
}

/** SIDEBAR WIDGET **/
/** Place any CSS code in this section that changes or modifies the Sidebar Widgets, both default and custom **/
.homepage .sidebarWidget {
	width: 290px;
	float: left;
	padding-right: 10px;
	display: inline-table;
	min-height: 310px;
	min-width: 310px;

}
.homepage .contactSidebar a {
	padding: 5px 7px;
	color: #142e47;
	margin-bottom: 15px;
}
.homepage .newsletterSignUp {
	width: 290px;
	float: left;
	padding-right: 10px;
	display: inline-table;
	min-height: 310px;
	min-width: 310px;	
}
.homepage .contactSidebar a:hover {
	background: #006599;
	color: #FFF;
	text-decoration: none;
}
.homepage .form {
	display: inline-table;
	width: 300px;
	float: left;
}
.homepage .blog-posts {
	display: block;
	width: 940px;
	margin-bottom: 30px;
	border-radius: 10px;
	padding: 20px;
	border: 6px double #7b7222;
	background: url(http://static.contentres.com/media/images/30d725cc-af81-4b6b-8b7a-3c4088adef68.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.homepage .events {
	display: inline-table;
	width: 300px;
	float: left;
}
.homepage .market {
	display: inline-table;
	width: 300px;
	float: left;
}
.homepage aside .wrapper {
	padding:0 30px 0 30px;
}

/** FOOTER **/
/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/
footer .quickLinks {
	margin-left:270px;
	width: 150px;
}

/* CLASSES */
/** Place any CSS code in this section that relates to universal CSS classes **/