/*
	###########################		START - FILE INFORMATION	###############################################################################
	###			VERSION: 5.0.0;
	###			LEGAL: USE OF THIS FILE CONSTITUTES YOUR ACCEPTANCE OF THE "PWP_LEGAL.TXT";
	###			NOTES: ;
	###########################		END - FILE INFORMATION		###############################################################################
*/

@media screen and ( min-width: 900px )
	{
		
/* #SECTION: HTML -------------------------------------------------------------------------------------------------------------------------- */

		/* NOTE: NO ALTERATIONS */

/* #SECTION: PAGE -------------------------------------------------------------------------------------------------------------------------- */
		
		/* #-------------------- SECTION: HEADER; -- */
		header
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				height:						92px;
			}
		
		header #Logo
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-left:				auto;
				margin-right:				auto;
				margin-top:					10px;
				width:						531px; /* NOTE: MATCHES NAVIATION MENU WIDTH */
			}

		header #ContactNumber
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-right:				40px;
				padding-top:				30px;
				position:					absolute;
				right:						0;
				top:						0;
			}

		/* #-------------------- SECTION: NAVIGATION - MAIN NAVIGATION; -- */
		nav#NavigationMain
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				height:						80px;
				top:						92px;
			}
			
		nav#NavigationMain label
			{
				display:					none;
			}

		nav#NavigationMain ul
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					table;
				margin-left:				auto;
				margin-right:				auto;
				margin-top:					22px;
				padding:					0;
				width:						900px;
			}

		nav#NavigationMain ul li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					table-cell;
				vertical-align:				middle;
			}

		nav#NavigationMain li:after
			{
				/* NOTE: PROPERTIES FOR STYLING */
				 content:					"|";

				 /* NOTE: PROPERTIES FOR LAYOUT */
				 font-size:					24px; /*NOTE: TECHNICALLY FOR STYLING BUT USED FOR LAYOUT;*/
				 vertical-align:			top;
			}

		nav#NavigationMain ul li:last-child
			{		
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-right:				0;
			}

		nav#NavigationMain ul li:last-child:after
			{		
				 content:					none;
			}

		nav#NavigationMain ul li a
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-right:				7px;
				padding-left:				5px;
			}
		
		/* #-------------------- SECTION: FOOTER; -- */
		footer ul
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin:						0;
				margin-right:				40px;
			}

		footer ul li
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
			}

		footer ul li:after
			{
				/* NOTE: PROPERTIES FOR STYLING */
				 content:					"|";
				 
				 /* NOTE: PROPERTIES FOR LAYOUT */
				 font-size:					18px; /*NOTE: TECHNICALLY FOR STYLING BUT USED FOR LAYOUT;*/
				 vertical-align:			top;
				 padding-left:				5px;
				 padding-right:				5px;
			}

		footer ul li:last-child:after
			{
				 content:					none;
			}
			
/* #SECTION: HOME PAGE --------------------------------------------------------------------------------------------------------------------- */

		#VideoHero video
			{
				border-bottom:				1px solid #0e0f14;
				margin-bottom:				10px;
			}

		/* #-------------------- SECTION: TILES; -- */
		div.ListTiles
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-left:				auto;
				margin-right:				auto;
				width:						92.3%;
			}

		div.ListTiles ul li a.Tile
			{
				width:						425px;
			}

		div.ListTiles ul li a h2
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				height:						73px;
				padding-top: 				30px;
			}
			
		/* #-------------------- SECTION: IMAGE HERO; -- */
		
		div.ImageHero:first-of-type
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-top:					172px;
			}
			
		div.CntBody
			{
				margin-left:				auto;
				margin-right:				auto;
				width:						40%;
			}
			
	}