@charset UTF-8;
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);

/* Animation */
/* All Pages */
html{
	width: 100%;
	margin: 0;
	padding:0;
	border: none;
}
body {
margin:0;
padding: 0;
border: none;
}
/*Navigation*/
.index-nav-bar {
	width: 100%;
	min-width: 100%;
	height: 60px;
	background-color: rgba(34,0,53,.75);
	margin: 0;
	padding: 0;
	border: none;
	bottom: 0; 
	position: absolute;
	z-index: 1000;
}
.index-nav-bar>ul {
	text-align: right;
	margin: 0;
	padding: 0;
	border:none;
}
.index-nav-bar>ul>li {
	display: inline;
	list-style-type: none;
}
.index-nav-bar>ul>li>a {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	margin-right:2% ;
	text-decoration: none;
	font-size: 300%;
	color: #ED1968;
	opacity: 1;
}
.about:hover {		
	background-color:#8D3B06;
	transition: .75s;
}
.work:hover {
	background-color: #8D5306;
	transition: .75s;
}
.contact:hover{
	background-color:#8D6506	;
	transition: .75s;
}

a.home-button {
	float: left;
	height: 60px;
	width: 60px;
	margin: 0;
	padding: 0;
	border: none;
	background-image: url(Images/PNG/Courtney_Cramer_Cakes_Pink.png);
	background-size:cover;
	background-repeat: no-repeat;
	}
a.home-button:hover {
	background-image: url(Images/PNG/Courtney_Cramer_Cakes_White.png);
	background-size:cover;
	background-repeat: no-repeat;
	transition:  .75s;
}
/* Index */

#watermark {
	height: 50%;
	width: 50%;
	margin-top: 5%;
	margin-left: 25%;
	padding: 0;
	border: none;
	opacity: .8;
	display: block;
}
	
.index-photo{	
	width:100%;
	height:100%;
	background-image: url(Images/JPEG/Spoon.jpg);
	background-size:cover;
	background-repeat: no-repeat; 
}
/* About Page */
.cover-photo {
	width: 100%;
	height: 100%;
	background-image: url(Images/JPEG/Courtney.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
	position: absolute;
	background-size: cover;
	display: block;
}
/* Work Page */
#bg {
	width: 100%;
	height: 100%; 
	background-image: url(Images/JPEG/bakingpsd.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	}
/*Slider*/
#slider-wrapper{
			width: 940px;
			height: 470px;
			border: 5px solid;
			border-color: rgba(237,23,105,1.00);
			border-radius: 5px;
			margin: 50px auto;
			position: relative;
			margin-bottom: 0px;
			background: rgba(0,0,0,0.5);
			overflow: hidden;
		}
		
				#s1{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -60px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s2{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -36px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s3{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: -12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				#s4{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 12px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				#s5{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 36px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				#s6{
					padding: 6px;
					background: #FFFFFF;
					position: absolute;
					left: 50%;
					bottom: 25px;
					margin-left: 60px;
					border-radius: 20px;
					opacity: 0.3;
					cursor: pointer;
					z-index: 999;
				}
				
				
				#s1:hover, #s2:hover, #s3:hover, #s4:hover, #s5:hover, #s6:hover{ opacity: 1;}
				
			.inner-wrapper{
				width: 940px;
				height: 470px;
				position: absolute;
				top: 0;
				left: 0;
				margin-bottom: 0px;
				overflow: hidden;
			}
				.control{ display: none;}
				
				#Slide1:checked ~ .overflow-wrapper{ margin-left: 0%; }
				#Slide2:checked ~ .overflow-wrapper{ margin-left: -100%; }
				#Slide3:checked ~ .overflow-wrapper{ margin-left: -200%; }
				#Slide4:checked ~ .overflow-wrapper{ margin-left: -300%; }
				#Slide5:checked ~ .overflow-wrapper{ margin-left: -400%; }
				#Slide6:checked ~ .overflow-wrapper{ margin-left: -500%; }
				
				#Slide1:checked + #s1 { opacity: 1; }
				#Slide2:checked + #s2 { opacity: 1; }
				#Slide3:checked + #s3 { opacity: 1; }
				#Slide4:checked + #s4 { opacity: 1; }
				#Slide5:checked + #s5 { opacity: 1; }
				#Slide6:checked + #s6 { opacity: 1; }
				
			.overflow-wrapper{
				width: 700%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow-y: hidden;
				z-index: 1;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			
				.slide img{
					width: 940px;
					float: left;
				}
/*Contact Page*/
form {
	width: 50%;
	height: 25%;
	padding-left: 25%;
	padding-top: 5%
}
input, textarea {
	width: 100%;
	height: 50%;
	border: none;
	border-radius: 5px;
	font-family: 'Quicksand', sans-serif;
	font-style: light;
	font-size: 18pt;
	text-indent: 6pt;
	overflow: auto;
	background-color: #2B1600;
	background-size:cover;
	color: #ff0066;
}

#submit-button {
	border-radius: 5px;
	width: 150px;
}
#submit-button:hover {
	color: #ffffff;
	transition: .5s;
}
#contact-form {
	background-color: #ff0066;
	background-size: cover;
}