@charset "UTF-8";
/* CSS Document */

html{font-size: 87.5%;}

html body, body{
	background-color: #fff;
	font-family: 'Open Sans', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #666;	
	font-size: 1.6rem;
}


div#page{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	
}

header{

	/*overflow: hidden;*/
	position: relative;
	z-index: 1000;
	border-bottom: 3px solid #999;
}
	h1{
		width: 100%;
		font-size: 6rem;
		font-family: 'Alegreya', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-align:center;
	}

		@media screen and (min-width: 768px){
			h1{
				
				width: 100%;
		font-size: 6rem;
		font-family: 'Alegreya', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-align:center;
			}
	    }
	
		h1 a{
			color: #444;
			text-decoration: none;
		}
			h1 a:visited{color: #444;}
			h1 a:hover{color: #777;text-decoration: none;}
			
			h1 a span{
				display: block;
				font-family: 'Dancing Script', sans-serif;
				color: #999;
				font-size: 2rem;
			}
				h1 a:hover span{color: #ccc;}
		
	header nav{
		width: 80%;	
		font-size: 1.2rem;
		z-index: 1000;
		margin: 0 auto;
		
	}
	
				/*Initialize*/
				header nav ul#menu, header nav ul#menu ul.sub-menu {
					padding:0;
					margin: 0;
					list-style-type: none;
				}
					
				header nav ul#menu li{
					display: inline-block;
					margin:0;
					padding:0;
				}
				
				header nav ul#menu > li{
					width: 16%;
					text-align: center;
					padding: 1.5rem 0 0.5rem 0;
				}
				
				
				/*Link Appearance*/
				header nav ul#menu li a, header nav ul#menu li a:visited, header nav ul#menu li ul.sub-menu li a, header nav ul#menu li ul.sub-menu li a:visited {
					text-decoration: none;
					color: #999;
					background: #fff;
					display:inline-block;
					margin: 0;
					padding: 0;
				}
				
				header nav ul#menu li a:hover, header nav ul#menu li ul.sub-menu li a:hover{color: #66D2E8;}
				
				/*Make the parent of sub-menu relative*/
				header nav ul#menu li {
					position: relative;
					
				}
				
				/*sub menu*/
				header nav ul#menu li ul.sub-menu {
					display:none;
					position: absolute;
					top: 3.5rem;
					left: 30%;
					border-top: 1px solid #999;
					border-left: 1px solid #999;
					border-right: 1px solid #999;
					width: 12rem;
					
				}
				
				header nav ul#menu li:hover ul.sub-menu {
					display:block;
					background: #fff;
				}
				
				header nav ul#menu li ul.sub-menu li{
					border-bottom: 1px solid #999;
					display: block;
					padding: 0.5rem;
					text-align: center;
					
				}

main{
	clear:left;
	font-size: 1.2rem;
	padding: 1rem 0;
	line-height: 2rem;
	overflow: hidden;
	z-index: 50;
}

main h1{text-align: center;font-size: 3rem;}
main h2{font-size: 1.4rem; text-transform: uppercase;}
main h3{font-size: 1.2rem;font-weight: bold;}
main p.home_text{line-height: 2em; margin-bottom: 2.5rem;}
main p.home_text span{font-weight: bold; font-style: italic;}
.image-container{
	min-height: 475px;
	}
	
.buckets{
	clear: both;
	overflow: hidden;
	}
	
	.buckets div{
		float: left;
		width: 30%;
		margin-right: 5%;
		margin-top: 2rem;
		margin-bottom: 2rem;
		border-top: 3px solid #999;
		border-bottom: 3px solid #999;
		}
		
		.buckets div:last-child{
			margin-right: 0;
			}
		.buckets div h2{
			color: #fff;
			font-size: 3.7rem;
			text-align: center;
			padding: 1rem;
			font-family: 'Alegreya', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			}
			
		.bucket1 h2{background: url(../images/home_bucket1.jpg) center center;}
		.bucket2 h2{background: url(../images/home_bucket2.jpg) center center;}
		.bucket3 h2{background: url(../images/home_bucket3.jpg) center center;}
		.buckets div p.bucket_text{margin-bottom: 0;min-height: 8rem;}

		
		main .big_button{
			font-size: 2rem;
			padding: 1rem; 
			
			}
			main .big_button a, .big_button a:visited{
				display: block;
				color: #fff;
				text-decoration: none;
			}
			
			main .big_button a:hover{
				color: #fff;
				text-decoration: underline;
				}
			p.big_button {min-height: 6rem;max-height: 6rem;margin-bottom: 1rem;}
			
		.btn_paintings{
			background: rgb(95, 116, 41);
			background: -moz-linear-gradient(30deg, rgb(95, 116, 41) 30%, rgb(180, 176, 87) 70%);
			background: -webkit-linear-gradient(30deg, rgb(95, 116, 41) 30%, rgb(180, 176, 87) 70%);
			background: -o-linear-gradient(30deg, rgb(95, 116, 41) 30%, rgb(180, 176, 87) 70%);
			background: -ms-linear-gradient(30deg, rgb(95, 116, 41) 30%, rgb(180, 176, 87) 70%);
			background: linear-gradient(120deg, rgb(95, 116, 41) 30%, rgb(180, 176, 87) 70%);
		}
		
		.btn_classes{
			background: rgb(121, 94, 139);
			background: -moz-linear-gradient(30deg, rgb(121, 94, 139) 30%, rgb(193, 137, 193) 70%);
			background: -webkit-linear-gradient(30deg, rgb(121, 94, 139) 30%, rgb(193, 137, 193) 70%);
			background: -o-linear-gradient(30deg, rgb(121, 94, 139) 30%, rgb(193, 137, 193) 70%);
			background: -ms-linear-gradient(30deg, rgb(121, 94, 139) 30%, rgb(193, 137, 193) 70%);
			background: linear-gradient(120deg, rgb(121, 94, 139) 30%, rgb(193, 137, 193) 70%);
			
		}
		.btn_biography{
			background: rgb(221, 116, 97);
			background: -moz-linear-gradient(30deg, rgb(221, 116, 97) 30%, rgb(249, 147, 145) 70%);
			background: -webkit-linear-gradient(30deg, rgb(221, 116, 97) 30%, rgb(249, 147, 145) 70%);
			background: -o-linear-gradient(30deg, rgb(221, 116, 97) 30%, rgb(249, 147, 145) 70%);
			background: -ms-linear-gradient(30deg, rgb(221, 116, 97) 30%, rgb(249, 147, 145) 70%);
			background: linear-gradient(120deg, rgb(221, 116, 97) 30%, rgb(249, 147, 145) 70%);

		}
	p.note{
		font-size: 1rem;
		margin: 0;
		padding: 0;
		font-style: italic;
		width: 100%;
		border: none !important;
		float: none !important;
		text-align: center;
		display: block;
	}
	
p.purchase-note{
	text-align: center;
	display: block;
	float: none !important;
	
}
	
	h2{
		font-size: 1.7rem;
		font-weight:normal;
		}
		

		
	p.special{
		background: #eff5f4;
		padding: 1rem;
		border: 1px solid #ceaf59;
		text-align: center;
		
	}
	
	ul.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }
	
	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	  }
	
	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	  }
	
	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	 }
	 div.image-container img{
		 width: 100%;
		 }

.video-section, .video-section h2{
	padding-top: 0;
	margin-top: 0;
}

.video-container{
	overflow:hidden;
	padding: 0.3em 0;

	margin-bottom: 0;
}
	
.video{
	width: 50%;
	max-width: 500px;
	
}

.video img{
	display: block;
	width: 100%;
	float:left;
	
	
}

.paypal{
	float:left;
	width: 40%;
	text-align: center;
	padding-left: 1.5em;
	padding-top: 0;
}

.paypal h3{
	padding-top: 0;margin-top: 0;
}
.paypal form{padding-left: 1em;}
	@media screen and (min-width: 600px){
		div.image-container{
			width: 46%;
			float: right;
			margin-left: 1rem;
			margin-bottom: 1rem;
		}
		p.special{
			width: 52%;
		}
		div.image-container img{width: 100%;}
		}
	
	#paintings{
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
		}
		
		#paintings p{
			width: 100%;
			margin-bottom: 1rem;
			border: 1px solid #ccc;
			margin-bottom: 1rem;
		}
		
			#paintings p img{
				width: 100%;
				border: 5px solid white;
				
			}
			
			#paintings p img:last-child{
				display: none;
			}
			
			@media screen and (min-width: 748px){
				#paintings p{
					margin: 0 1.5rem 1.5rem 1.5rem;
					float: left;
					width: auto;
				}
				
				#paintings p img:first-child{
				display: none;
				}
				
				#paintings p img:last-child{
					display: block;
					width: 200px;
					
				}
				
			}
			@media screen and (min-width: 825px){
				#paintings p{
					margin: 0 1rem 1.5rem 1rem;
			}
			@media screen and (min-width: 825px){
				#paintings p{
			}
			@media screen and (min-width: 1000px){
			
				#paintings p {
					margin: 0 1.5rem 1.5rem 1.5rem;
				}
				
			}
			

		div.classes{
			width: 70%;
			margin: 2em auto;
			height: 10em;
			-webkit-box-shadow: 2px 1px 3px 0px rgba(155, 155, 155, 1);
			-moz-box-shadow:    2px 1px 3px 0px rgba(155, 155, 155, 1);
			box-shadow:         2px 1px 3px 0px rgba(155, 155, 155, 1);
			position: relative;
			font-size: 1rem;
			}
			
			div.classes.parks{
				height: 16em;
				}
				
			div.class_icon{
				width: 20%;
				background: #D1F1F8;
				position: absolute;
				top: 0;
				left: 0;
				height: 10rem;
				}
				
				div.class_icon_new{
					background: url(../images/icon_new.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_upcycle{
					background: url(../images/icon_upcycle.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_painting{
					background: url(../images/icon_painting.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_painting1{
					background: url(../images/icon_paint2.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_drawing{
					background: url(../images/icon_drawing.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_pastel{
					background: url(../images/icon_pastel.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_plein{
					background: url(../images/icon_plein.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon img{
					margin: 2.5rem;}
				
			div.class_info{
				width: 80%;
				background: #fefefe;
				height: 10rem;
				position: absolute;
				top: 0;
				left: 20%;
				}
				
				div.class_info h4{font-size: 1.6rem;padding-left: 1rem;}
				
				div.class_info p{margin: 0;padding: 0;padding-left: 1rem;}
					
				.class_loc{
					font-style: italic;
					font-weight: bold;
					max-width: 450px;
					}
					
			.class_time{
					position: absolute; 
					width: 50%;
					top: 1rem;
					right: 1rem;
					height: 8rem;
					text-align: right;
			}
					span.day{
						display: block;
						font-weight: bold;
						}
						
				.class_contact{margin-top: 2em;}
		/*		
				div.classes{
			width: 70%;
			margin: 2em auto;
			height: 10em;
			-webkit-box-shadow: 2px 1px 3px 0px rgba(155, 155, 155, 1);
			-moz-box-shadow:    2px 1px 3px 0px rgba(155, 155, 155, 1);
			box-shadow:         2px 1px 3px 0px rgba(155, 155, 155, 1);
			position: relative;
			font-size: 1rem;
			}
			
			div.class_icon{
				width: 20%;
				background: #D1F1F8;
				position: absolute;
				top: 0;
				left: 0;
				height: 10rem;
				}
				
				div.class_icon_new{
					background: url(../images/icon_new.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_painting{
					background: url(../images/icon_painting.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon_plein{
					background: url(../images/icon_plein.jpg) no-repeat center center;
					width: 20%; 
					height: 10rem;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				div.class_icon img{
					margin: 2.5rem;}
				
			div.class_info{
				width: 80%;
				background: #fefefe;
				height: 10rem;
				position: absolute;
				top: 0;
				left: 20%;
				}
				
				div.class_info h4{font-size: 1.6rem;padding-left: 1rem;}
				
				div.class_info p{margin: 0;padding: 0;padding-left: 1rem;}
					
				.class_loc{
					font-style: italic;
					font-weight: bold;
					}
					
				.class_time{
					position: absolute; 
					width: 30%;
					top: 1rem;
					right: 1rem;
					height: 8rem;
					text-align: right;
				}
					span.day{
						display: block;
						font-weight: bold;
						}
						
				.class_contact{margin-top: 2em;}
		*/
		
		/*	
		ul.list-by-year, ul.list-no-year{margin-bottom: 2.5rem;line-height: 2rem;}	
		ul.list-by-year li, ul.list-no-year li{padding-bottom: 1rem;}*/

footer{
	font-size: 1rem;
	border-top: 3px solid #999;
	color: #999;
}

footer div#credit{font-size: 0.9rem;}
		/*div.home-content{
			width: 60%; 
			float: left;
			line-height: 1.8em;
			h2{
				text-transform: uppercase;
				margin-bottom: 0.5em;
			}
			p{
				margin-bottom: 2em;
			}
		}*/