/*
	###########################		START - FILE INFORMATION	###############################################################################
	###			VERSION: 5.0.0;
	###			LEGAL: USE OF THIS FILE CONSTITUTES YOUR ACCEPTANCE OF THE "PWP_LEGAL.TXT";
	###			NOTES: ;
	###########################		END - FILE INFORMATION		###############################################################################
*/
@font-face
	{
		font-family: 'scheherazaderegot';
		src: url( '/SystemFiles/LIB-FONT/scheherazaderegot.ttf')  format('truetype');
	}

@media all
	{

/* #SECTION: HTML -------------------------------------------------------------------------------------------------------------------------- */

		/* #-------------------- SECTION: HTML; -- */
		html
			{
				overflow-y:					scroll;	/*NOTE: ALWAYS SHOW SCROLL BAR TO STOP UI FROM JUMPING;*/
			}
			
		/* #-------------------- SECTION: BODY; -- */
		body
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#0e0f14;
				font-family:				'scheherazaderegot', 'arial', Courier, monospace;
				font-size:					26px; /* NOTE: SAME FOR DESKTOP AND PHONE */

				/* NOTE: PROPERTIES FOR LAYOUT */
				border:						0;
				margin:						0;
				padding:					0;
			}

		/* #-------------------- SECTION: A LINKS; -- */
		a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#0e0f14;
				font-weight:				bold;
				text-decoration:			underline;
			}

		a:hover
			{
				text-decoration:			underline;
			}

/* #SECTION: PAGE -------------------------------------------------------------------------------------------------------------------------- */

		/* #-------------------- SECTION: HEADER; -- */
		header
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#fff;

				/* NOTE: PROPERTIES FOR LAYOUT */
				position:					fixed; 
				top:						0px;
				width:						100%;
				z-index:					20; /* NOTE: GOOGLE MAPS INTERFERANCE ON HAND HELD DEVICES */
			}
		header #ContactNumber
			{
				
				text-transform:				uppercase;
			}
		
		/* #-------------------- SECTION: NAVIGATION - MAIN NAVIGATION; -- */
		nav#NavigationMain
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#0e0f14;
				color:						#fff;
				text-transform:				uppercase;

				/* NOTE: PROPERTIES FOR LAYOUT */
				position:					fixed;
				width:						100%;
				z-index:					20; /* NOTE: VIDEO INTERFERANCE ON HAND HELD DEVICES */
			}

		nav#NavigationMain input#chkbxNavigationMain
			{
				display:					none;
			}
			
		/* #-------------------- SECTION: NAVIGATION A LINKS; -- */
		nav#NavigationMain a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#fff;
				font-weight:				normal;
				text-decoration:			none;
			}

		nav#NavigationMain a:hover
			{
				text-decoration:			underline;
			}
			
		/* #-------------------- SECTION: CLASSES; -- */
		.Video
			{
				/* NOTE: DO NOT PLACE HEIGHT AND WIDTH OF VIDEO IN CSS. REASONS: HAND HELD DEVICE PLAYBACK ISSUES */

				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;	/* NOTE: NEEDED BECAUSE OF WEIRD MARGIN OR PADDING IF NOT PRESENT */
				margin:						0;
				padding:					0;
			}

		/* #-------------------- SECTION: FOOTER; -- */
		footer
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#0e0f14;
				color:						#fff;
				font-size:					20px;

				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-bottom:				0;
				padding-top:				30px;
				padding-bottom:				30px;
				text-align:					right;
				width:						100%;
			}
			

		/* #-------------------- SECTION: NAVIGATION A LINKS; -- */
		footer a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#fff;
				text-decoration:			underline;
			}

/* #SECTION: HOME PAGE --------------------------------------------------------------------------------------------------------------------- */

		/* #-------------------- SECTION: TILES; -- */
		
		div.ListTiles ul
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin:						0;
				padding:					0;
			}
			
		div.ListTiles ul li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				margin-bottom:				10px;
				margin-right:				3px;
				margin-top:					10px;
				vertical-align:				top;
			}
		div.ListTiles ul li a
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				border:						1px solid #0e0f14;
				padding-top:				491px;
			}
		div.ListTiles ul li a h2
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			rgba( 255, 255, 255, 0.75 );
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin:						0;
				padding:					0;
			}
		div.ListTiles ul li a p
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			rgba( 255, 255, 255, 1 );
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin:						0;
				padding:					0;
			}

		div.ListTiles ul li a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				color:						#0e0f14;
				text-decoration:			none;
			}

		div.ListTiles ul li a:hover
			{
				text-decoration:			underline;
			}

		div.ListTiles ul li a.Tile
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-repeat:			no-repeat;
				background-position:		center center;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
			}

		div.ListTiles ul li a#Item1
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/CountryWeddings.jpg" );
			}
		div.ListTiles ul li a#Item2
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/Accommodation.jpg" );
			}
		div.ListTiles ul li a#Item3
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/Agistment.jpg" );
			}
		div.ListTiles ul li a#Item4
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/MediaGallery.jpg" );
			}
		div.ListTiles ul li a#Item5
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/AirBnBFamily.jpg" );
			}
		div.ListTiles ul li a#Item6
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/AirBnBGreen.jpg" );
			}
		div.ListTiles ul li a#Item7
			{
				background-image:			url( "/SystemFiles/LIB-IMG/HomePage/AirBnBPink.jpg" );
			}
		div.ListTiles ul li a h2
			{
				border-bottom:				0;
				border-top:					1px solid #0e0f14;
				text-align:					center;
			}
			
		/* #-------------------- SECTION: IMAGE HERO; -- */
		
		div.ImageHero img
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				border-bottom:				1px solid #0e0f14;
				border-top:					1px solid #0e0f14;
				height:						auto;
				width:						100%;
			}
			
		h1, h2
			{
				/* NOTE: PROPERTIES FOR STYLING */
	
				font-weight:				normal;

				/* NOTE: PROPERTIES FOR LAYOUT */
				text-align:					left;
				margin-bottom:				0;
				padding-bottom:				0;
			}
		ul
			{
				margin-top:					0;
				padding-top:				0;
			}
			
		p
			{
				margin:						0;
				padding:					0;
			}
			
		p:last-of-type
			{
				margin-bottom:				40px;
			}
		
		div.ImageLightbox ul
			{
				margin:						0;
				padding:					0;
			}
			
		div.ImageLightbox ul li
			{
				display:					inline-block;
				list-style-type:			none;
			}

		div.ImageLightbox ul li img
			{
				border:						1px solid #0e0f14;
			}
		
		dl dt
			{
				font-weight:				bold;   
			}
		div.Contact #CntGoogleMap
			{
				background:					inherit;
				color:						#000;
				height:						626px;
				margin-left:				auto;
				margin-right:				auto;
				width:						100%;	            
			}
		div.Contact #Map div.InnerContainer
			{
				padding-top:				10px;
				padding-bottom:				10px;
			}
			
		noscript
            		{
				background-color:		#ff0000;
				border-bottom:			solid 1px #000;
				border-top:			solid 1px #000;
				font-weight:			bold;
				height:					60px;
				left:					0;
				position:				absolute;
				text-align:				center;                
				top:					500px;
				padding-top:			30px;
				width:					100%;
           }
			
		/* light box ============================================================================================================== */
  
		body:after{
		  content: url(../LIB-IMG/Lightbox/close.png) url(../LIB-IMG/Lightbox/loading.gif) url(../LIB-IMG/Lightbox/prev.png) url(../LIB-IMG/Lightbox/next.png);
		  display: none;
		}

		.lightboxOverlay {
		  position: absolute;
		  top: 0;
		  left: 0;
		  z-index: 9999;
		  background-color: black;
		  opacity: 0.8;
		  display: none;
		}

		.lightbox {
		  position: absolute;
		  left: 0;
		  width: 100%;
		  z-index: 10000;
		  text-align: center;
		  line-height: 0;
		  font-weight: normal;
		}
		
		.lightbox .lb-image {
		  display: block;
		  height: auto;
	
		  border-radius: 3px;
		}
		
		.lightbox a img {
		  border: none;
		}

		.lb-outerContainer {
		  position: relative;
		  background-color: white;
		  width: 250px;
		  height: 250px;
		  margin: 0 auto;
		  border-radius: 4px;
		}
		
		.lb-outerContainer:after {
		  content: "";
		  display: table;
		  clear: both;
		}

		.lb-container {
		  padding: 4px;
		}


		.lb-loader {
		  position: absolute;
		  top: 43%;
		  left: 0%;
		  height: 25%;
		  width: 100%;
		  text-align: center;
		  line-height: 0;
		}

		
		.lb-cancel {
		  display: block;
		  width: 32px;
		  height: 32px;
		  margin: 0 auto;
		  background: url(../LIB-IMG/Lightbox/loading.gif) no-repeat;
		}

		
		.lb-nav {
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 100%;
		  width: 100%;
		  z-index: 10;
		}

		
		.lb-container > .nav {
		  left: 0;
		}

		
		.lb-nav a {
		  outline: none;
		}

		
		.lb-prev, .lb-next {
		  width: 49%;
		  height: 100%;
		  cursor: pointer;
		  /* Trick IE into showing hover */
		  display: block;
		}

		
		.lb-prev {
		  left: 0;
		  float: left;
		}
		
		.lb-prev:hover {
		  background: url(../LIB-IMG/Lightbox/prev.png) left 48% no-repeat;
		}

		
		.lb-next {
		  right: 0;
		  float: right;
		}
		
		.lb-next:hover {
		  background: url(../LIB-IMG/Lightbox/next.png) right 48% no-repeat;
		}

		
		.lb-dataContainer {
		  margin: 0 auto;
		  padding-top: 5px;
		  width: 100%;
		  border-bottom-left-radius: 4px;
		  border-bottom-right-radius: 4px;
		}
		
		.lb-dataContainer:after {
		  content: "";
		  display: table;
		  clear: both;
		}

		.lb-data {
		  padding: 0 4px;
		  color: #bbbbbb;
		}

		.lb-data .lb-details {
		  width: 85%;
		  float: left;
		  text-align: left;
		  line-height: 1.1em;
		}

		.lb-data .lb-caption {
		  font-size: 13px;
		  font-weight: bold;
		  line-height: 1em;
		}

		.lb-data .lb-number {
		  display: block;
		  clear: left;
		  padding-bottom: 1em;
		  font-size: 12px;
		  color: #999999;
		}

		.lb-data .lb-close {
		  display: block;
		  float: right;
		  width: 30px;
		  height: 30px;
		  background: url(../LIB-IMG/Lightbox/close.png) top right no-repeat;
		  text-align: right;
		  outline: none;
		  
		  opacity: 0.7;
		}

		.lb-data .lb-close:hover {
		  cursor: pointer;
		 
		  opacity: 1;
		}

	/* colour box ============================================================================================================ */

		/*
			Colorbox Core Style:
			The following CSS is consistent between example themes and should not be altered.
		*/
		#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
		#cboxOverlay{position:fixed; width:100%; height:100%;}
		#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
		#cboxContent{position:relative;}
		#cboxLoadedContent{overflow:auto;}
		#cboxTitle{margin:0;}
		#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
		#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
		.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
		.cboxIframe{width:100%; height:100%; display:block; border:0;}
		
		/* 
			User Style:
			Change the following styles to modify the appearance of Colorbox.  They are
			ordered & tabbed in a way that represents the nesting of the generated HTML.
		*/
		#cboxOverlay{background:#000; z-index: 999;}
		#colorbox{outline:0; z-index: 1000;}
		#cboxTopLeft{display: none;}
		#cboxTopCenter{display: none;}
		#cboxTopRight{display: none;}
		#cboxBottomLeft{display: none;}
		#cboxBottomCenter{height:43px;}
		#cboxBottomRight{display: none;}
		#cboxMiddleLeft{display: none;}
		#cboxMiddleRight{display: none;}
		#cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{ }
        #cboxLoadingGraphic{background:url(../LIB-IMG/Lightbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px;  width:27px; height:27px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{display: none;}
        
        #cboxNext{display: none;}
        
        #cboxClose{right:0; background-image:url(../LIB-IMG/Lightbox/close.png); background-repeat:no-repeat; background-color:transparent;}


        .cboxSlideshow_on #cboxSlideshow{display: none;}
        .cboxSlideshow_on #cboxSlideshow:hover{display: none;}
        .cboxSlideshow_off #cboxSlideshow{display: none;}
        .cboxSlideshow_off #cboxSlideshow:hover{display: none;}
		
	}
	
@media print
	{
		
/* #SECTION: PAGE -------------------------------------------------------------------------------------------------------------------------- */


		
		/* #-------------------- SECTION: NAVIGATION - MAIN NAVIGATION; -- */
		
		header
			{
				border-bottom:				1px solid #0e0f14;
				display:					block;
				
			}
		
		nav#NavigationMain,
		main #VideoHero,
		footer ul:nth-of-type(2)
			{
				display: none;
			}
		div#VideoHero + div.CntBody,
		div.ImageHero
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-top:					102px;
			}
			

		div.ListTiles ul li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				margin-bottom:				10px;
				margin-right:				3px;
				margin-top:					10px;
				vertical-align:				top;
			}
			
		div.ListTiles ul li a
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				border:						0;
				padding-top:				140px;
			}
		div.ListTiles ul li a.Tile
			{
				width:						300px;
			}

		div.ListTiles ul li a#Item1:before
			{
				 content: url( "/SystemFiles/LIB-IMG/HomePage/CountryWeddingsPrint.jpg" );
			}
		div.ListTiles ul li a#Item2:before
			{
				content: url( "/SystemFiles/LIB-IMG/HomePage/AccommodationPrint.jpg" );
			}
		div.ListTiles ul li a#Item3:before
			{
				content: url( "/SystemFiles/LIB-IMG/HomePage/AgistmentPrint.jpg" );
			}
		div.ListTiles ul li a#Item4:before
			{
				content: url( "/SystemFiles/LIB-IMG/HomePage/MediaGalleryPrint.jpg" );
			}		
		div.ListTiles ul li a#Item5:before
			{
				 content: url( "/SystemFiles/LIB-IMG/HomePage/AirBnBFamilyPrint.jpg" );
			}
		div.ListTiles ul li a#Item6:before
			{
				content: url( "/SystemFiles/LIB-IMG/HomePage/AirBnBGreenPrint.jpg" );
			}
		div.ListTiles ul li a#Item7:before
			{
				content: url( "/SystemFiles/LIB-IMG/HomePage/AirBnBPinkPrint.jpg" );
			}
		
		footer
			{
				border-top:				1px solid #0e0f14;
			}
		footer ul
			{
				list-style-type:		none;
			}
		
	}