* {	box-sizing: border-box; }	/*	pg. 255	*/
	
	/*		header/nav			*/
	header {	background-color: #000000;
				padding: 0; 
				margin: 0;
				font-family: perpetua, serif; 
				font-size: 150%; }
	
	header a {	width: 500px;
				display: block;
				margin-left: auto;
				margin-right: auto; }
				
	header h3 {	text-align: center;
				font-size: 150%; 
				color: #FFFFFF;
				margin-top: 0px;
				margin-bottom: 0px; }

	noscript {
		color: #ed1818;
		display: block;
		text-align: center;
		margin: auto;
		width: 100%; }
				
	nav { 	text-align: center;
			background-color: #FF87C3; 
			color: #73E432;
			font-size: 175%;
			font-family: perpetua, serif; 
			font-weight: bold;
			/* padding: 5px 0 5px 0; */
			margin: 0;
			border-top-style: none;
			border-bottom: 3px solid #151515; }			
	
	nav ul {	list-style-type: none;
				padding-top: 1px; 
				margin: 0;}	
	
	nav li {	display: inline; }	

	nav a:link {	text-decoration: none;
					padding-right: 50px;
					color: #000000; }

	nav a:visited {	text-decoration: none;
					padding-right: 50px; 
					color: #000000; }
					
	nav a:focus {	text-decoration: underline;
					color: #73E432; }

	nav a:hover {	text-decoration: underline; 
					color: #73E432; }	
			
			
	/*			main			*/	
	body {	background-image: url("images/washedGreyBg.jpg");
			background-color: #73E432;
			background-size: cover;
			width: 95%;
			margin: auto; }

	main {	width: 90%;
			margin-left: auto;
			margin-right: auto; }
	
	main h1 {	text-align: center;
				color: #73E432;
				font-family: perpetua, serif; 
				font-size: 225%;
				text-decoration: underline; }
				
	main h2 {	font-size: 175%;
				color: #FF87C3;
				font-family: perpetua, serif; 
				font-weight: bold; 	}
				
	main h3 {	font-size: 125%;
				color: #FF87C3; 
				text-align: center; }
	
	main p {	font-size: 125%;
				color: #73E432;
				font-family: Arial, sans-serif;
				text-align: justify; }	
				
	main a:link {	text-decoration: none;
					color: #FF87C3;  }

	main a:visited {	text-decoration: none; 
						color: #FF87C3;  }
					
	main a:focus {	text-decoration: underline;
					color: #73E432;
					background-color: #FF87C3; }

	main a:hover {	text-decoration: underline; 
					color: #73E432;
					background-color: #FF87C3; }					
	
	section {	width: 80%;
				margin-left: auto;
				margin-right: auto; }
	
	section ul {	list-style-type: none; }
	
	section li {	display: inline-block;	
					text-align: center; 
					width: 302px; }
	
	
	/* 			class's			*/
	.clear {	clear: right; }
	
	.center-align 	{	text-align: center;
						margin-left: auto;
						margin-left: auto; }
						
	.floatleft {	float: left;
					margin-left: 100px; 
					text-align: center; 
					width: 500px;
					height: 600px;
					border: 2px solid black; }
		.floatleft img { padding-top: 30px; }

	.floatright {	float: right;
					margin-right: 100px; 
					text-align: center; 
					width: 500px; 
					height: 600px;
					border: 2px solid black; }
		.floatright img {	padding-top: 30px; }
		
	.floatleftalt {	float: left;
					margin-left: 100px; 
					text-align: center; 
					width: 500px;
					height: 700px; }
		.floatleft img { padding-top: 30px; }

	.floatrightalt {	float: right;
						margin-right: 100px; 
						text-align: center; 
						width: 500px; 
						height: 700px; }
		.floatright img {	padding-top: 30px; }		
		
	.twopartsec {	margin-top: 10px; }	

	.simpfloatright {	float: right; }
	.simpfloatleft {	float: left; }
	
	.clearright {	clear: right; }
	.clearleft {	clear: left; }
	
	.bold { font-weight: bold;
			padding-right: 5px;
			font-size: 125%; 
			color: #FF87C3;}
	
	.list { list-style-type: none;
			font-family: Arial, sans-serif;
			font-size: 125%; 
			color: #FFFFFF; }
		.list li {	display: block;
					padding-bottom: 5px; }
					
	.altlist { list-style-type: none;
			font-family: Arial, sans-serif;
			font-size: 100% }
		.altlist li {	display: block;
					padding-right: 25px; 
					padding-bottom: 10px; 
					color: #FFFFFF; }
					
	.hotel {	border: 3px solid black; 
				padding: 3px; }
		section.hotel img {	display: block;
							float: left;
							width: 30%;
							height: 250px;
							top: 50%;
							bottom: 50%;
							padding: 10px; }
		section.hotel div { position: static;
							padding: 50px; }
		section.hotel h2 {	font-size: 200%; }
		section.hotel p	 { text-align: justify; }		
		section.hotel br { clear: left; }

	.plan { width: 80%;
			margin-left: auto;
			margin-right: auto;
			display: block; }
		.plan  p {	color: #FF87C3;
					font-size: 125%;
					padding: 45px 15px 35px 15px;
					text-align: justify; }
		.plan h2 {	font-size: 175%;
					font-family: perpetua, serif; 
					font-weight: bold; 
					padding: 10px 0px 0px 50px; }
					
	.plantwo {	width: 80%;
				margin-left: auto;
				margin-right: auto;
				display: block; }
		.plantwo p {	padding: 10px 15px 35px 15px; }
		.plantwo h2 {	padding: 10px 0px 0px 50px; }
		
	.gallery {	margin-left: auto;
				margin-right: auto;
				width: 100%; }
		.gallery ul {	list-style-type: none; }
		.gallery li {	display: inline-block;
						padding-bottom: 10px;
						margin: 10px;
						background-color: #FF87C3;
						text-align: center;
						font-family: perpetua, sans-serif;
						font-size: 125%; }

	.twopartsec article {	background-color: #73E432; }

	.faq-item {	border-bottom: 1px solid #ccc;
				padding: 1em 0;
	  			}
	
	.faq-question {	font-weight: bold;
					cursor: pointer;
					color: #FF87C3;
					font-size: 150%;
	  				}
	.faq-answer {	margin-top: 0.5em;
					display: none;
					color: #ffffff;
	  			}
		
						
	
	/*			ID's			*/	
	#gradient {
		content: "";
		background-image: linear-gradient(#000000, #ff87c3);
		margin: 0;
		margin-top: -3px;
		height: 10px;
	}

	#poster {	margin-left: auto;
				margin-right: auto;
				text-align: center; 
				width: 80%	}	

	#contactpage {	margin-left: 100px; }
		#contactpage label {	display: inline-block;
								color: #FF87C3;
								font-size: 125%; 
								width: 175px;
								padding-right: 10px;  }
		#contactpage span {	color: red;
							font-size: 125%; }
				
	#name {	margin-bottom: 10px; }

	#email {	margin-bottom: 10px; }
	
	#comments {	margin: 10px 0px 10px 0px; }

	#rollover li {	list-style-type: none; 
					margin: 0; 
					padding: 0; }
	
	#table {	text-align: center;
				border-spacing: 0; }
		#table td {	padding: 5px 0px 5px 0px;
					width: 200px; 
					height: 75px; 
					font-family: perpetua, serif; 
					font-weight: bold;
					font-size: 125%; 
					color: #FFFFFF; }
		#table th {	height: 35px;
					font-family: perpetua, serif;
					text-decoration: underline;
					font-size: 150%;
					color: #ff87c3; }

	#faq-section {	max-width: 800px;
					margin: auto;
					padding: 1em;
				}