/* Master control sheet for PamelasJS Creative
reset html borders to zero so there is no white space around website */


html, body {margin: 0; padding: 0;
			background-color: #076999;
			max-width: 100%;
			min-width: 1300px;}
			
		.hidden {display: none;}
		
		.padding {padding: 10px 10px 5px 10px;}
		
		.clear {clear: left;}
		
		* {box-sizing: border-box;}
		
		.clearfix::after {
						content: "";
						clear: both;
						display: table;
						}
						
		body {font-family: 'Handlee', san-serif;
				font-size: 18px;
				color: #ffffff;
				font-style: normal;
				font-weight: normal;
				text-align: center;
				}
				
		#page-container {max-width: 100%;
						margin-top: 5px;
						margin-bottom: 10px;
						margin: auto;
						border: none;
						background-image: url("../image/pexels-charles-haacker-3617969.jpg");
						background-repeat: no-repeat;
						background-attachment: fixed;
						background-size: 100% 100%;
						}
			#page-container1 {background-image: url("../image/beautiful-blur-close-up-133191.jpg");
								background-repeat: no-repeat;
								background-attachment: fixed;
								background-size: 100% 100%;
								}
			
						
/*Page layout controls - main sections */

		#header {width: 100%;
				margin: 0;
				padding-top: 10px;
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 10px;
				/*background- color: transparent; */
				background-color: #076999;
				border: none;
				min-height: 130px;
				}
				
		#main {width: 100%;
				margin: auto;
				margin-top: 0px;
				margin-bottom: 5px;
				padding: 20px;
				background-color: transparent;
				border: none;
				border-radius: 0px 0px;
				
				clear: both;
				}
				
					
/*Page layout controls - sub sections for header*/

		#logo {width: 230px;
				position: absolute;
				top: 8px;
				left: 10px;
				margin-left: 0px;
				margin-bottom: 0px;
				border: none;
				}

			#logo img {width: 225px;
						height: auto;
						border: none;
						}

		#inspire {position: absolute;
					top: 10px;
					left: 245px;
					width: 80%;
					min-width: 900px;
					margin-right: 250px;
					border: none;
					text-align: center;
					padding: 0px;
					}

			#inspire p {color: #b0c4fd;
						font-size: 16px;
						}
						
		#headline {position: absolute;
					top: 25px;
					left: 245px;
					width: 80%;
					min-width: 900px;
					border: none;
					margin-top: 0px;
					padding: 0px 0px 0px 0px;
					}
					
				h1 {font-family: 'Rouge Script';
					font-size: 35px;
					color: #ffffff;
					text-align: center;
					}
					
		#strapline {position: absolute;
					top: 75px;
					left: 245px;
					width: 80%;
					min-width: 900px;
					margin: auto;
					border: none;
					}
					
			#strapline p {color: #b0c4fd;
							font-size: 16px;
							}


/* Page layout controls - sub section main */
/* Leftside will scroll with page, and will contain link buttons to rest of site pages */

		#leftside {
					width: 240px;
					margin-left: -10px;
					margin-top: 105px;					
					background-color: transparent;
					border: none;
					border-radius: 25px;
					float: left;
					clear: left;
					}

				#leftside ul {list-style-type: none;
								margin: 0;
								padding: 0;
								background color: transparent;
								border: none;
								text-align: left;
								}
								
						#leftside li {margin: 15px;
										padding-top: 10px;
										padding-bottom: 8px;
										}

								
					#leftside li a {
								color: #ffffff;
								text-align: center;
								margin: 0;
								padding: 5px 12px;
								text-decoration: none;
								background-color: #076999;
								border: 3px outset #ccd8ff;
								border-radius: 50px 15px;
								}
							
						#leftside li a:hover {background-color: #b0e4fd;
									color: #000000;
									}
									
						#leftside p {font-size: 16px;
										background: rgba(7, 105, 153, 0.7);										
										text-align: left;
										color: #ffffff;
										margin: 20px 20px 20px 5px;
										padding: 15px 10px ;
										border-radius: 25px;
										}
						
						#leftside a {text-decoration: none;
										color: #ffffff;}

/* Rightside will contain main text of site, including photos, poetry, information, 
links to external websites (Forever), links to shop sites, possibly items for sale and 
possibly a blog connection */

	#rightside {background-color: transparent;
				border: none;
				margin-top: 0px;
				margin-left: 225px;
				padding: 0px;
				}
				
				
				.quote{width: 35%;
						margin: auto;
						margin-bottom: 15px;
						padding: 1px;
						color: #000000;
						background: rgba(195, 176, 253, 0.7);
						border: 5px ridge #c3b0fd;
						border-radius: 25px;
						 }

				.intro{width: 50%;
						margin: auto;
						margin-bottom: 15px;
						padding: 1px;
						color: #000000;
						background: rgba(195, 176, 253, 0.7);
						border: 5px ridge #c3b0fd;
						border-radius: 25px;
						 }
						 
					.intro p{font-size: 16px;}
					
					.intro p.title {font-size: 18px;
									color: #ffffff;
									margin-bottom: 0px;}

				

				.client {width: 80%;
							height: 100%;
							margin: auto;
							margin-top: 0px;
							margin-bottom: 20px;
							border: 10px ridge #000000;
							border-radius: 25px;
							padding: 0px;
							background: rgba(7, 105, 153, 0.7);
							}

				h2 {
					font-size: 25px;
					color: #ffffff;
					text-align: center;
					}

				h3 {
					font-size: 20px;
					color: #ffffff;
					text-align: left;
					margin: 15px;
					text-decoration: underline;
					}

						.client p {font-size: 18px;
									color: #ffffff;
									text-align: justify;
									margin: 15px;
									}
									

						.client p.right {text-align: right;
											font-size: 14px;
											}
											
						.client p.center {text-align: center;}
						
						.client p.indent {margin-left: 75px;}

						
				.download ul {list-style: none;
							margin: 0px 0px 0px 100px;
							padding: 5px;
							text-align: left;
							}
						
					.download li {margin: 0px 10px 10px 20px;
									}
						
						.download li a {text-decoration: none;
										padding: 0px 30px 5px 0px;
										color: #000000;}
									
	



/* Footer will sit at bottom of main section, across whole page, and will contain links to 
pages, copyright notice, and contact email details. Fixed across whole site */

					#footer  {width: 90%;
								margin: auto;
								margin-bottom: 10px;
								padding: 10px;
								border: 10px ridge #000000;
								border-radius: 25px;
								padding: 10px;
								background: rgba(7, 105, 153, 0.7);	
								}
								
					#information ul {list-style-type: none;
								margin: 0px 0px 15px 0px;
								}
								
						#information li {display: inline;
									margin: 10px;
									padding: 10px;
									color: #ffffff;
									font-size: 18px;
									}
									
						#information a {text-decoration: none;
								margin: 0;
								padding: 5px 12px;
								color: #ffffff;
								}
		
						#information a:hover {color: #000000;
										text-decoration: underline;
										}

				#footer p {font-size: 18px;
							text-align: center;
							color: #ffffff;
							}

		.creative {width: 60%;
					margin: auto;	
					margin-bottom: 10px;				
					padding: 10px;
					border-radius: 25px;
					background: rgba(195, 176, 253, 0.7);
						}
						
				.creative p	{font-size: 18px;
							text-align: center;
							color: #076999;
							}

			.creative p.right {font-size: 14px;
						text-align: right;
						margin-right: 10px;
						color: #076999;
						}
							
						.creative a {text-decoration: none;
								margin: 0;
								padding: 5px;
								color: #076999;
								}
		
						.creative a:hover {color: #ffffff;
										text-decoration: underline;
										}
						
						
/*

			#navigate {width: 950px;
						margin: auto;
						margin-top: 15px;
						border: 10px ridge #000000;
						border-radius: 25px;
						padding: 10px;
						background: rgba(7, 105, 153, 0.7);						
					}