/*------------------------------------------------/
/* GLOBAL  
/*------------------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: arial;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
}

@font-face {
 font-family:arial black;
 src: url('../fonts/Arial Black.eot'); /* EOT file for IE */
 src: url('../fonts/Arial Black.ttf'); /* TTF file for CSS3 browsers */
}

h1 {
	font-family: arial black;	
	font-size: 80px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	
}

h2 {
	font-family: arial black;	
	font-size: 60px;
	color: #fff;
	background: url(../images/media.png);
	padding: 10px;
	
}

h3 {
	font-family: arial black;
	color:#e0ffb1;
	font-size: 35px;
	padding: 0px;
	margin-top: 35px;
	margin-bottom: 0px;

padding-bottom: 0px;
}

h4 a {
	font-family: arial black;
	color:#e0ffb1;
	font-size: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;

}

h5 {
 font-family: arial black;
 font-size: 50px;
 color: #fff;
 padding:0px;	
margin: 0px;
}

#top { position: absolute; top: 0px; }
/*------------------------------------------------/
/* VIDEO  
/*------------------------------------------------*/

video#bgvid {
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -100;
	background: url(polina.jpg) no-repeat;
	background-size: cover;
}
/*------------------------------------------------/
/* NAV  
/*------------------------------------------------*/
a#logo { float: left;  font-size: 20px; line-height: 50px; color: #333; text-decoration: none;}
a#logo:hover { color: #666; }
nav { 
	height: 60px; 
	width: 100%;

	background:url(../images/worn_dots.png);   
	position: fixed;  
    top: 0;  
    z-index: 1;
	padding-right: 100px;
	font-family: arial black;
	font-size: 15px;
}
nav ul { float: right}
nav ul li { float: left; list-style: none; margin-right: 35px; 	
 }
nav ul li a { color: #666; text-decoration: none; display:}
/*nav ul li a:hover{ color: #333; }
*/nav ul li:last-child { margin-right: 0px; }
.slash { color: #F00; }
li.green a:hover { color: #cccc66 !important; }
li.orange a:hover { color: #cc885f !important }
li.gray a:hover { color: #999 !important }
li.purple a:hover {color: #cc7996 !important }
li.darkgreen a:hover {color: #66cc99 !important }
/*------------------------------------------------/
/* HOME  
/*------------------------------------------------*/
#home { 
	height:1000px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#home-content {
	width: 500px;
	height: 500px;
	padding: 10px;
	float: right;
	margin-top: 150px;
    border: 3px solid #e0ffb1;
    border-radius: 50%;
    background: #66cc99;
    text-align: center;
opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
	}

#home-content p {
	color: #fff;	
	font-family: arial;
	font-size: 18px;
	line-height: 24px;
	width: 80%;
  margin-left: 50px;
margin-top: 0px;
padding-top: 20px;
border-top: 3px dotted #e0ffb1;
}
/*------------------------------------------------/
/* ABOUT  
/*------------------------------------------------*/
#about { 
	background-image: url(../images/about.png);
	height: 900px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}
#border {
	border-bottom: 5px #fff solid;
}
#about h1 { color: #fff !important; margin-bottom: 0px;}
#about p {
	font-family: arial;
	font-size: 16px;
	line-height: 29px;
	color: #53532a;	
	width: 60%;
	display: block;
	float: left;
}
#profile {
	float: left;
	margin: 20px 50px 0 0; 
}
/*------------------------------------------------/
/* APPLE PARALLAX  
/*------------------------------------------------*/
.appleGuy {
	background: url(../images/mirror.png) no-repeat #95968e;
	height: 400px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative;

 }
.apple  {
	background: url(../images/apple.png);
	width: 196px;
	height: 400px;
	margin: 0 auto; 
	margin-top: -90px;
	  
/*------------------------------------------------/
/* gallery  
/*------------------------------------------------*/
}
#gallery { 
	background: #a6a7ac url(../images/reflection.png) no-repeat;
	background-position: right;
	background-position: 100px 70px;
	height: 1000px;
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
	
	
}
#painting {
/*	position: absolute;
	top: 0px;
	left: 200px;
*/	user-drag: none;
	 -moz-user-select: none;
	  -webkit-user-drag: none;
}
#reflection {
	z-index:0;
	position: absolute;
	right: 100px;
}
#gallery h1 { color: #666;	}
#ceiling {
	height: 77px;
	background: url(../images/ceiling.gif) 	}
#light {
	position: absolute;
	top: 0px;	
}
#floor {
	background: url(../images/floor.jpg);
	height: 70px;	
	position: relative;
	top: 73px;
}
#table-gallery {
	margin-top: -70px;
}

#thumbnail-gallery {
/*	top:100px;
	position: relative;
	clear: both;
*/	
}
#left-gal {
	width: 100px;
	height: 500px;
	position: relative;
	left: 200px;	
	top: 50px;
	float: left;
	display:block;
	z-index: 0;
}

#right-gal {
	width: 160px;
	height: 500px;
/*	position: relative;
	right: 200px;	
	top: 50px;
	float: right;
*/		display:block;
}

#left-gal img{
  margin: 20px 0 20px 20px;
  border: thick #645434 solid;	
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}

#right-gal img{
	margin: 20px 20px 20px 0px;
  border: thick #645434 solid;	
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}


#thumbnail-gallery img {
  margin-right: 26px;
  margin-bottom: 20px;
  border: thick #645434 solid;	
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}

#thumbnail-gallery img:hover { border: thick #9e865a solid;	}
#left-gal img:hover { border: thick #9e865a solid;	}
#right-gal img:hover { border: thick #9e865a solid;	}
#scroll-hint { position: absolute; left: 0; top: 600px; z-index: 0}

/*------------------------------------------------/
/* MEDIA  
/*------------------------------------------------*/

#media { 
	background-image: url(../images/media.png);
	height: 1000px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}

iframe {
	padding-right: 25px;	
}

.last-child { padding-right:0px; }

#process { float: right; width: 500px; margin-top: -40px;}
#process img { margin-right: 7px; border: 3px solid #97694e;}
#process img:hover { border: 3px solid #f9ad81;}

#book { float: left; width: 450px; height: 300px; margin-top: 14px;}
#book p {text-align:left; color: #553928}

#book a { float: left; width: 150px; padding: 22px; background-color:#a7d27c; text-align: center; text-decoration:none; color: #fff; -moz-border-radius: 15px;
border-radius: 15px; font-family: arial black; font-size: 20px;}
#book a:hover { background-color: #9dc675; }
/*------------------------------------------------/
/* ART - parallax  
/*------------------------------------------------*/
#art { 
	background: url(../images/soon-to-be-hosed.jpg) no-repeat #4d4e49;
	background-position:center;
	height: 400px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}

/*------------------------------------------------/
/* CIRRICULUM  
/*------------------------------------------------*/
#cirriculum { 
	background-image: url(../images/cirriculm.png);
	height: 800px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}
#cirriculum p { float: left; width: 600px; font-size: 20px; color: #3d242d;}
#pdfs  {
	float: right;
	width: 300px;
	height: 500px;	
	display: block;
}

#pdfs ul li { list-style: none; margin-bottom: 50px; }
#pdfs ul li a { font-family: arial black;  font-size: 18px; color: #fff; text-decoration: none; display: block; background-color: #a7d27c; height: 30px; text-align:center; padding: 20px 10px;  -moz-border-radius: 15px;
border-radius: 15px;}
#pdfs ul li a:hover { background-color: #9dc574;}

/*------------------------------------------------/
/* STORE  
/*------------------------------------------------*/
#contact { 
	background-image: url(../images/store.png);
	height: 640px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}
#left { float: left; width: 450px; }
#right { float: right; width: 450px;}


#toTop { 
	background: url(../images/top.png);
	height:00px;
	margin: 0 auto; 
    width: 100%; 
	padding-top: 100px;
    max-width: 1920px; 
    position: relative; 
}