/*	layout css file */

/*	--------------------------------------------- GENERIC STYLES --------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */
body{
	background-color:		rgb(236,235,231); /*							 This gets reset at the end of the CSS */
}
	#wrapper{
		background:				rgb(246,246,246) url('../img/placeholders/wrapper_bg.jpg') repeat-x;
	}

	header{
		margin:					0 auto;
		position:				relative;
		z-index:				60;
	}
	#nav_pages_wrapper{
		background:				rgb(242,242,242) url('../img/placeholders/nav_pages_bg.gif') repeat-x;
		padding:				10px;
	}

		nav#pages{
			margin:		0 auto;
		}

			nav#pages ul{
				float:right;
				margin:8px 0 8px 0;
				padding:0 0 0 15px;
				background:url('../img/placeholders/logo_fleurdelys_small.png') no-repeat 2px
			}
				nav#pages li{
					list-style-type: none;
					float:left;
					/* padding: 0 10px; */
					border-right:1px solid rgb(139,137,138);
				}
				nav#pages li:first-child{
					padding-left:0;
				}
				nav#pages li:last-child{
					padding-right:0;
					border-right:0;
				}

	#header_elements{
		background-color:rgb(255,255,255);
		height:125px;
		margin:0 auto;
		clear:both;
	}

		#header_container{
			margin:0 auto;
		}
			#header_contacts{
				float:				left;
				margin:				40px 12px 0 12px;
			}
			#header_logo{
				float:				left;
				margin:				23px 0 0 0;
			}
			#header_module{
				float:				right;
				padding:			0 16px 0 0;
				margin:				15px 0 0 0;
			}


		#nav_products_container{
			background:rgb(109,109,109) url('../img/placeholders/nav_products_bg.gif') repeat-x;
		}
		nav#products_wrapper{
			margin:				0 auto;
		}

	#content_wrapper{
		background-color:rgb(255,255,255);
		margin:0 auto;
		z-index:40;
		position:relative;
	}
		#slider_container{
			
		}
			#slider_container img {
				
			}
		#content_body{
			padding:20px 6.263048% 60px 6.263048%;		/* 60/958=0.06.263048 */
		}

			#features{
				margin:				30px 0 20px 0;
				/*width:			87.473903%;			 838/958=0.87473903 */
				width:				auto;
			}
			.feature{
				margin-right:		3.4606205%;				/* 29/838=0.034606205 */
				position:			relative;
				width:				28.4009547%;			/* 238/838=0.284009547 */
				box-shadow:			0px 0px 15px 5px rgba(233, 233, 233, .85);
				border:				1px solid rgb(234,234,234);
				/*padding:			1.1933174%;				 10/838=0.011933174 */
				padding:			1.07398857%;			/* 9/838=0.010739857 */
				height:				;
			}
				.feature_thumb{
					width:				auto;
					height:				auto;
				}
				.feature_thumb img {
					width:				100%;
					height:				100%;
				}
				.feature_content h5{
					
				}
			#feature3{
				margin-right:		0;
			}
			.pull_bottom{

			}
			.pagination{
				height:				30px;
				margin:				20px 0;
				clear:				both;
			}

			#contact_form{
				float:				right;
			}
			#contact_content{
				float:				left;
				margin:				0 0 0 20px;
			}
			#contact_map{
				margin:				0 0 20px 0;
			}
			#call_blocks{
				background-color:	#b8b8b8;
			}
				#call_block_left{
					width:				66.9451074%;					/* 561/838=0.669451074 */
					height:				24px;
					padding:			24px 5.4892601% 20px 0;					/* 46/838=0.054892601 */
					background-color:	#b8b8b8;
					float:				left;
				}
				#call_block_right{
					width:				22.0763723%;					/* 185/838=0.220763723 */
					height:				24px;
					padding:			24px 0 20px 5.4892601%;					/* 46/838=0.054892601 */
					background:			#8c8a8a url('../img/placeholders/call_arrow.gif') no-repeat 0 0;
					float:				right;
				}

			#location_wrapper{
				margin:				20px 0 0 0;
				padding:			1.5513126%;						/* 13/838=0.015513126 */
				border:				1px solid rgb(234,234,234);
				box-shadow:			0px 0px 15px 5px rgba(233, 233, 233, .85);
			}
				#location_left{
					display:			none;
				}
					#location_left_shopfront{
						margin:				0 0 16px 0;
					}
					#location_left_shopfront img{

					}
					#location_left_map{

					}

				#location_middle{
					width:				61.7283951%;									/* 500/810=0.617283951 */
					margin:				0 2.4691358% 0 0;								/* 20/810=0.024691358 */
					position:			relative;
				}
				#location_right{
					width:				35.8024691%;								/* 290/810=0.358024691*/
					background-color:	rgb(238,238,238);
				}
					#location_right_content{
						margin:10px;
					}
					#location_right ul{
						margin:10px 0 0 0;
						padding:0;
					}
						#location_right li{
							list-style-type: none;
							margin:0 0 3px 0;
						}
							.opening_times{
								float:right;
							}
				#location_map_centred{
					margin-top:				20px;
					width:					100%;
				}

	footer{
		background:rgb(23,23,23) url('../img/placeholders/footer_bg.gif') repeat-x;
		color:rgb(255,255,255);
		z-index:60;
		position:relative;
	}
	#footer_columns{
		margin:0 7.1428571%;
		/* padding:15px 7.1428571 0 7.1428571%;								60/840=0.071428571 */
		padding:			15px 0 0 0;
	}
		#footer_columns ul{
			padding:0;
			margin: 3px 0 20px 0;

		}
			#footer_columns li{
				list-style-type:	none;
				margin:				0 0 3px 0;
			}
			.footer_column{
				margin-right:		4.7619048%;								/* 40/840=0.047619048 */
				float:				left;
				width:				21.4285714%;							/* 180/840=0.214285714 */
			}
				/* :last-child pseudo element is not supported in IE8 and under */
				#footer_column_social{
					margin-right:		0;
				}
				#footer_column_social img{
					float:				left;
					margin-right:		8px;
				}

		#footer_small_print{
			clear:both;
			border-top:			1px solid rgb(194,191,174);
			padding:			6px 0 0 0;
			min-height:			80px;
		}
			#copyright{
				/* background-color:	blue; */

			}
			#credits{
				/* background-color:	green; */
			}

	a.link_button_fullwidth{
		background:			rgb(195,192,173);
		display:			block;
		padding:			10px;
		color:				white;
		text-decoration:	none;
		width:				auto;
	}
	a.link_button_fullwidth:hover, span.link_button_fullwidth:hover a{
		background:			rgb(159,156,140);
		text-decoration:	none !important;
	}
	span.link_button_fullwidth a{
		background:			rgb(195,192,173);
		display:			inline-block;
		padding:			10px;
		color:				white !important;
		text-decoration:	none;
	}
	#next_previous_links{
		margin:				1em 0;
	}
		#next_previous_links span{
			margin-right:		0.5em;
		}
		#next_previous_links span:nth-of-type(2){
			margin-right:		0;
			float:				right;
		}
		#next_previous_links:after{
			content:			"";
			display:			table-cell;
			clear:				both;
		}

	.post_overview{
		margin-bottom:		4.25em;
	}
		.post_title_and_date{
			border-bottom:		1px solid #dddddd;
			padding-bottom:		0.25em;
		}
			.post_title_and_date h3{
				display:			inline-block;
				margin:				0;
				max-width:			62%;
			}
			.post_title_and_date a h3{
				color:				rgb(140,138,139);
			}
			.post_title_and_date a h3:hover{
				color:				rgb(195,192,173);
			}
			.post_title_and_date span.entry-date{
				display:			inline-block;
				float:				right;
				font-size:			0.75em;
				padding-top:		0.5em;
			}
		.entry-excerpt{
			clear:				both;
		}
		.entry-excerpt p:last-of-type{
			margin-bottom:			0;
		}
		.post_overview a.link_button_fullwidth{
			display:			inline-block;
			float:				right;
		}
	.post_overview:after{
		clear:			both;
		content:		"";
		display:		table-cell;
	}

	a.content-link, a.content-link:visited {color: #C3C0AD; text-decoration: none;}
	a.content-link:hover {color: #aaa796; text-decoration: underline;}

	.back_button{

	}

	.locked{

	}
	.thru_line{
		height:6px;
		background-color:	rgb(242,242,242);
		margin:				10px -6.25%;				/* 60/960=0.0625 */
	}


	.left{
		float:				left;
	}
	.right{
		float:				right;
	}
	iframe{
		border:				0;
		margin:				0;
		width:				100%;
	}
	.clearer{
		clear:				both;
	}
	.shadow{
		box-shadow:			0px 0px 15px 5px rgba(233, 233, 233, .85);
		border:				1px solid rgb(234,234,234);
		padding:			10px;
		background-color:	white;
	}
	.shadow_thin{
		box-shadow:			0px 0px 15px 1px rgba(233, 233, 233, .85);
		border:				1px solid rgb(234,234,234);
		padding:			5px;
		background-color:	white;
	}
	.right_margin{
		margin: 0 20px 0 0;
	}
	/*--------- Sitemap Time -------------------*/
	.siteAuthorsTitle, .siteAuthorsList {
		display: none;
	}
	.siteAuthorsList, .sitePageList, .sitePostList {
		margin-bottom: 50px;
	}
	.sitemap h2 {
		border-bottom: 1px solid #F2F2F2;
		padding-bottom: 6px;
	}

	.Selector img{
		border:			1px solid rgb(234,234,234) !important;
	}

	li.bride_thumb {
		width:				43.5%;
		margin:				0 1.5% 21px 1.5%;
		float:				left;
		list-style-type:	none;
		position:			relative;
		padding:			1.5%;
		box-shadow:			0px 0px 15px 1px rgba(233, 233, 233, .85);
		border:				1px solid rgb(234,234,234);
		background-color:	white;
	}
	li.bride_thumb img{
		width:				100%;
		height:				100%;
	}

	li.bride_thumb h3{
		padding:			4px;
		display:			block;
		min-height:			100px;
	}



/*	---------------------------------------- LARGE SCREENS / DESKTOPS ---------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */
/* Desktop PC's and tablets in landscape mode */
@media screen and (min-width:1000px) and (max-width:4880px) {

	#nav_pages_wrapper{
		padding:				10px 0;
	}

	nav#pages{
		width:					960px;
	}

		#header_container{
			width:960px;
		}
			#header_contacts{
				width:				230px;
			}
			#header_logo{
				max-width:			448px;
				height:				79px;
			}
			#header_module{
				float:				right;
				padding:			0;
				margin:				24px 0 0 0;
				width:				260px;
				height:				80px;
			}
			#header_module .logo{
				width:				80px;
				float:				left;
				margin-right:		10px;
			}
			#header_module .logo:last-of-type{
				margin-right:		0;
			}
			#header_module .logo a{
				display:			block;
			}


		nav#products_wrapper{
			width:				958px;
		}

	#content_wrapper{
		width:958px;
		border-left:1px solid rgb(233,233,233);
		border-right:1px solid rgb(233,233,233);
		box-shadow: 0px 0px 15px 5px rgba(233, 233, 233, 1);
	}
		#slider_container{
			width:100%;
		}
			#slider_container img {
				width:100%;
				max-width:958px;
			}
		#content_body{
			padding:				20px 60px 60px 60px;
			width:					838px;
		}


			#features{
				margin:				30px 0 20px 0;
			}
			.feature{
				width:				238px;
				min-height:			460px;
				margin-right:		29px;
			}
				.feature_thumb{
					width:			238px;
				}
				.feature_thumb img {
					width:			100%;
				}
				.feature_content {
					min-height:		185px;
				}
				.feature_content h5{
					min-height:			50px;
				}
			#feature3{
				margin-right:0;
			}
			.pull_bottom{
				position:			relative;
				bottom:				0;
				left:				0;
				width:				218px;
			}
			.pagination{
				float:				right;
			}


			#contact_form{
				width:				340px;
			}
			#contact_content{
				width:				451px;
			}
			#contact_map{
				width:				100%;
				height:				460px;
			}

			#call_block_left{
				width:561px;
				height:28px;
				padding: 20px 46px 20px 0;
			}
			#call_block_right{
				width:185px;
				height:28px;
				padding: 20px 0 20px 46px;
			}

			#location_wrapper{
				margin:20px 0 0 0;
				padding:14px;
				border:1px solid rgb(234,234,234);
				box-shadow: 0px 0px 15px 5px rgba(233, 233, 233, .85);
			}
				#location_left{
					width:				214px;
					display:			block;
				}
					#location_left_shopfront{
						width:214px;
						height:150px;
						margin:				0 0 16px 0;
					}
					#location_left_shopfront img{
						max-width:100%;
					}
					#location_left_map{
						width:214px;
						height:150px;
					}

				#location_middle{
					width:340px;
					margin:0 20px;
					min-height:316px;
				}
				#location_right{
					width:214px;
					min-height:316px;
				}
					#location_right_content{

					}
					#location_right ul{

					}
						#location_right li{

						}
							.opening_times{
;
							}
				#location_map_centred{
					display:			none;
				}

	footer{

	}
	#footer_columns{
		width:840px;
		padding:15px 60px 0 60px;
		margin:0 auto;

	}
		#footer_columns ul{

		}
			#footer_columns li{

			}
			.footer_column{
				width:				180px;
				margin:				0 40px 0 0;
			}
				/* :last-child pseudo element is not supported in IE8 and under */
				#footer_column_social{

				}
				#footer_column_social img{

				}

		#footer_small_print{

		}
			#copyright{
				/* background-color:	blue; */

			}
			#credits{
				/* background-color:	green; */
			}
	a.link_button_fullwidth{
		
	}

	.back_button{
		width:				352px;
		margin:				0 0 10px 0;
	}

	.locked{
		position:absolute;
		bottom:0;
		left:0;
		width:320px !important;
	}
	.thru_line{
		margin:				10px -60px;
	}
	li.bride_thumb {
		width:			180px;
		margin:			0 6px 21px 6px;
		padding:		5px;
	}

}

/*	------------------------------------------------ SMALL SCREENS ------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

/* Small screen smartphones */

@media only screen and (min-width : 320px) and (max-width : 480px){


	header{
		margin:					0 auto;
		position:				relative;
		z-index:				10;
	}

	#nav_pages_wrapper{
		padding:				10px;
	}
	#nav_products_container{
		padding:		10px;
	}

	#header_elements{
		margin:0 auto;
		background-color:white;
		height:				110px;
	}
		#header_container{
			width:				100%;
			height:				1px;
			margin:				0 auto;
		}
			#header_contacts{
				display:		none;
			}
			#header_logo{
				width:				90%;
				background-color:	white;
				margin:				0 5%;
				float:				none;
				padding:			13px 0;
			}
			#header_logo img{
				width:				100%;
				height:				100%;
			}
			#header_module{
				display:		none;
			}


	nav#products{
		width:100%;
		clear:both;
	}

		nav#products ul{
			width:100%;
			height:100%;

		}
		
		#content_wrapper{
			border:			0;
			z-index:20;
		}
		#slider_container{
			width:100%;
			height:100%;
			clear:both;
		}
		#content_body{
			padding:18px 5% 40px 5%;

		}
		

			#features{
				margin:				30px auto;

			}
			.feature{
				width:				auto;
				margin:				0 0 20px 0;
				min-height:			0;
				padding:			4%;
			}
				.feature_thumb{
					width:			100%;
					background-color:white;
					/* height:			212px; */
				}

				.feature_content{
					padding:				0;
					min-height:				0;
				}
			#feature3{
				margin-right:0;
			}
			.pagination{
				float:none;

			}
			.pull_bottom{
				position:			static;
				bottom:				-10px;
				left:				-10px;
				width:				auto;
				padding:			0;
			}
			#location_wrapper{
				padding:4%;
			}
				#location_left{
					width:100%;
					display:	none;
				}
					#location_left_shopfront{
						margin:		0 0 15px 0;
						width:		60%;
					}
					#location_left_map{
						width:100%;
					}

				#location_middle{
					width:100%;
					margin:0;
				}
				#location_right{
					width:100%;
					margin-top:10px;
					min-height:0
				}
					#location_right_content{

					}
					#location_right ul{
						padding:0;
					}
						#location_right li{
							list-style-type: none;
						}
							.opening_times{
								float:right;
							}

					#location_map_centred{
						display:			static;
						margin-top:			10px;
						height:				140px;
					}

					iframe{
						height:				140px;
					}
			#call_block_left{
				display:		none;
			}
			#call_block_right{
				display:		none;
			}

	footer{
		width:100%;
	}
	#footer_columns{

		width:90%;
		margin:0 5%;
		padding:0;

	}
		#footer_columns ul{
			padding:0;

		}
			#footer_columns li{
				list-style-type:none;
			}
			.footer_column{
				width:				47%;
				margin-right:		3%;
				float:				left;

			}
				#footer_column_company{
					margin-right:		0;
				}
				#footer_column_other{
					clear:				both;
				}
				#footer_column_social{
					margin-right:		0;
				}
				#footer_column_social img{
					float:				left;
					margin-right:		8px;
				}
		#footer_small_print{
			min-height:			100px;
		}

			#copyright{
				/* background-color:	blue; */

			}
			#credits{
				/* background-color:	green; */
			}


	.link_button_fullwidth{
		background:			rgb(195,192,173);
		display:			block;
		padding:			10px;
		color:				white;
		text-decoration:	none;
	}
	.thru_line{
		height:				6px;
		margin:				10px -5%;
	}
	.link_button_fullwidth:hover{
		background:			red;

	}
	.locked {width: auto; position: static;}

	.back_button{
		width:				80%;
		margin:				10px auto;
	}

	#footer_columns h3 {min-height: 30px;}
	#footer_small_print .left, #footer_small_print .right {float: none; padding-bottom: 4px; }
	#footer_small_print {font-size: 7pt;}
	#call_block_left {width:auto;height:auto;padding: 10px; font-size: 13pt;}
	

	.shadow {padding: 5%;}

	li.bride_thumb {
		width:			42.5%;
	}
	li.bride_thumb h3{
		padding:			4px;
		display:			block;
		min-height:			130px;
	}


}

/*	-------------------------------------- TABLET / PHABLET SCREENS -----------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 481px) and (max-width : 768px) {

	header{
		z-index:				10 !important;
	}
	#nav_pages_wrapper{
		padding:				12px 40px;
	}

	#nav_products_container{
		padding:				12px 40px;
		clear:both;
	}

	#content_wrapper{
		width:100%;
		border-left:0;
		border-right:0;
		box-shadow: 0px 0px 0px white;
	}

		#content_body{
			
		}

			.feature{
				width:				95.2267303%;				/* 798/838=0.952267303 */
				margin:				0 0 20px 0;
				padding:			2.2673031%;					/* 19/838=0.022673031 */
				min-height:			0;
				
			}
				.feature_thumb{
					width:				32.4561404%;			/* 259/798=0.324561404 */
					background-color:	white;
					float:				left;
					margin-right:		2.5062657%;				/* 20/798=0.025062657 */
					margin-bottom:		2.5062657%;				/* 20/798=0.025062657 */
				}
				.feature_thumb img{
					width:				100%;
					height:				100%;
				}

				.feature_content{
					padding:				0;
					min-height:				0;
					float:					right;
					width:					65.037594%;				/* 519/798=0.65037594 */
					position:				relative;
				}
			#feature3{
				margin-right:			0;
			}

			.pull_bottom{
				clear:both;
			}

			#call_block_left{
				
			}

				#location_left{
					display:		none;
				}
				#location_middle{
				}
				#location_right{
					
				}

				.locked{
					width:				388px;
				}
				#location_map_centred{
					height:140px;
					margin:				20px 0 0 0;
				}
				#location_map_centred iframe{
					height:			140px;
				}

			.footer_column{
				width:				47%;
				margin-right:		3%;
				float:				left;
			}

				#footer_column_company{
					margin-right:		0;
				}
				#footer_column_other{
					clear:				both;
				}
				#footer_column_social{
					margin-right:		0;
				}
				#footer_column_social img{
					float:				left;
					margin-right:		8px;
				}

		#footer_small_print{
			min-height:			100px;
		}

	footer{
		width:100%;
	}
	#footer_columns{
		width:90%;
		margin:0 5%;
		padding:0;

	}
	.back_button{
		width:				80%;
		margin:				10px auto;
	}
}

/*	------------------------------------------- INTERMEDIARIES ----------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 481px) and (max-width : 700px) {

	#location_wrapper{
		padding:			2%;
	}
		#location_middle{
			width:			100%;
		}
		#location_right{
			margin-top:		10px;
			width:			100%;
		}

	#call_blocks{
		display:			none;
	}
}
@media only screen and (min-width : 481px) and (max-width : 999px) {


	#header_elements{
		height:auto;
	}

		#header_container{
			background-color:		white;
			padding:				0 5%;
		}
			#header_contacts{
				width:				50%;
				margin:				0 auto;
				padding:			12px 0;
				text-align:			center;
				float:				none;
			}
			#header_logo{
				width:				75%;
				max-width:			398px;
				margin:				0 auto;
				padding:			10px 0 0 0;
				float:				none;
			}
			#header_logo img{
				width:				100%;
				height:				100%;
				max-width:			398px;
				max-height:			83px;
			}
			#header_module{
				width:				80%;
				padding:			0;
				margin:				0 auto;
				padding:			10px 0;
				float:				none;
				text-align:			center;
			}
			#header_module .logo{
				width:				20%;
				display:			inline-block;
				margin-right:		3%;
			}
			#header_module .logo:last-of-type{
				margin-right:		0;
			}
			#header_module img{
				width:				100%;
				height:				100%;
				max-width:			101px;
				max-height:			97px;
			}

}

@media only screen and (min-width : 769px) and (max-width : 999px) {


	header{
		z-index:				10 !important;
	}

	#nav_products_container{
		padding:		10px;
	}

	.back_button{
		width:				41%;
		margin:				10px 0;
		color:				red;
	}

	li.bride_thumb {
		width:				26.6%;
		margin:				0 1.5% 21px 1.5%;
		padding:			1.5%;
	}

}

@media only screen and (min-width : 320px) and (max-width : 480px) and (-webkit-min-device-pixel-ratio : 2.0){

	li.bride_thumb h3{
		min-height:			170px !important;
	}
}

body{
	background-color:	rgb(23,23,23);			/* We redefine the body background color here so that users are not initially greeted by a black page */
}