/*********************************************************************************************/
/*                                      Content style                                        */
/*********************************************************************************************/
#main-banner {
	height: 250px;
	width: 100%;
	margin-top: 5%;
	border-radius: 10px;
	background: #323232;
}
#main-banner .text-block {
	text-align: center;
	font-style: italic;
	color: #ff0000;
}
/* xs < 768 */
@media screen and (max-width: 1200px) {
	#main-banner .text-block {
		font-size: 100% !important;
	}
}
.christmasTheme {
	background: #020731 !important;
	border: 45px solid #020731;
	border-image: url('Images/Art/ChristmasTheme1.png') 50% round;
	-webkit-border-image: url('Images/Art/ChristmasTheme1.png') 50% round;
	-moz-border-image: url('Images/Art/ChristmasTheme1.png') 50% round;
	-o-border-image: url('Images/Art/ChristmasTheme1.png') 50% round;
}

#main-content img {
	max-width: 320px;
	margin: auto;
}

/*Override some of the contact form styles.*/
#contact-form {
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
}

#contact-form-container {
	position: relative;
	padding: 5%;
	margin: 2% auto;
	max-width: 768px !important;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

#contact-form-container:before, #contact-form-container:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 20px;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

#contact-form-container:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

#contact-form .submit-button {
	border-radius: 4px;
	border: 1px outset #0066cc;
	background: #0066cc;
	color: #ffffff;
}

#contact-form .submit-button:focus,
#contact-form .submit-button:hover {
	background: #7fc9ff;
}