/* Site Styles */

@media (max-width: 767px) {

	body {
		overflow-x: hidden;
		width: 100%;
	}
}

.nofloat {
	clear: both;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.seebelow {
	font-weight: bold;
	color: #FF0000;
}

.time {
	font-weight: bold;
}

.money {
	font-style: italic;
	text-align: right;
}

.panel {
	border-color: #CCCCCC;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border-radius: 20px;

	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
}

.adpanel {
	background: #FFFFCC;
}

.rounded {
	border-radius: 20px;
}

.shadow {
	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
}

.bigonly {
	display: inline;
}

.smallonly {
	display: none;
}

.polaroid {
	padding: 10px 10px 30px 10px;
	margin: 10px 20px 10px 20px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	-moz-box-shadow: 12px 12px 15px #000000;
	-webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
		box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
	height: 140px;
}

.rotate10 {
	z-index: 10;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}

.rotate9 {
	z-index: 9;
	-webkit-transform: rotate(9deg);
	-moz-transform: rotate(9deg);
}

.rotate8 {
	z-index: 10;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
}

.rotate7 {
	z-index: 10;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
}

.rotate6 {
	z-index: 6;
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
}

.rotate5 {
	z-index: 5;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
}

.rotate4 {
	z-index: 4;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}

.rotate3 {
	z-index: 10;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}

.rotate-5 {
	z-index: 20;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}

.rotate-10 {
	z-index: 10;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}

.rotate-12 {
	z-index: 10;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
}

.staff {
	margin: 10px 10px 10px 10px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	-moz-box-shadow: 12px 12px 15px #000000;
	-webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
		box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
	height: 140px;
}

.building {
	margin: 10px 20px 10px 10px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	-moz-box-shadow: 12px 12px 15px #000000;
	-webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
		box-shadow: 12px 12px 12px rgba(0, 0, 0, .5);
	height: 220px;
}

.weddingposter {
	margin: 0px 30px 30px 0px;
	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
}

.comment {
	font-style: italic; 
}

.commentby {
	font-weight: bold;
}

.bodyheading {
	border-color: #CCCCCC;
	padding: 100px 50px 100px 50px;
	margin: 29px 0px 20px 0px;

	-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);

	background: url("../pagedressing/pageheading.jpg");
	background-size: 100% 100%;
}

.bodyheadingtext {
	font-size: 38pt;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
}

.noimage {
	display: normal;
}

@media (max-width: 767px) {
	.bodyheading {
		border-color: #CCCCCC;
		padding: 20px 20px 20px 20px;
		margin: 49px 0px 20px 0px;

		-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);
			box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);

		background: url("../pagedressing/pageheading.jpg");
		background-size: 100% 100%;
	}

	.bodyheadingtext {
		font-size: 12pt;
		font-style: italic;
		font-weight: bold;
		color: #FFFFFF;
	}

	h1 {
		font-size: 16pt;
	}
	h4 {
		font-size: 11pt;
		font-weight: bold;
	}

	.bigonly {
		display: none;
	}

	.smallonly {
		display: inline;
	}

	.noimage {
		display: none;
	}
}

/* ----------------------- */
/* Overriding bootstap.css */
/* ----------------------- */

/* The menu strip */
.navbar-inverse {
	background-color: #990000;
	border-color: #222222;
	-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);
}

.navbar-inverse .navbar-brand {
	color: #FFFFFF;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

.navbar-inverse .navbar-text {
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a {
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

.navbar-inverse .navbar-toggle {
	border-color: #990000;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: #FF0000;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #eeeeee;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #eeeeee;
		background-color: #990000;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #990000;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		background-color: #990000;
		color: #FFFFFF;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFFFFF;
		background-color: #FF0000;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #FFFFFF;
		background-color: #FF0000;
	}

	.navbar-brand {
		font-size: 11px;
	}
}

.navbar-inverse .navbar-link:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

/* Max menu height when squashed before scrollbar is displayed.  Default was 340px */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 460px;
}

.carousel {
	-webkit-box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
		box-shadow: 10px 6px 12px rgba(0, 0, 0, .5);
}