@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Nunito:400,700";
			
/* CSS Document */

#banner {
	height: 100px;
}

body
{
background-image:url('images/smallPositivesPattern.gif');
}

#container {
	width: 1024px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	font-family: "Nunito", sans-serif;
}

#content {
	width:768px;
	float:right;
}

#menu {
  margin: 0px;
  padding: 0px;
  float: left;
  
}

#nav {
  font-family: "Nunito", sans-serif;
  line-height: 1.0;
  margin: 10px auto; /*for display only*/
  width: 200px;
}
 
.menu-item {
  	background: transparent;
  	width: 200px;
	margin: 0px;
	padding: 0px;
}

#menu nav a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 1em;
	
}

/*Drop-down Menu Header Styles*/

.menu-item-1 h4 {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-2 h4 {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-3 h4 {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-4 h4 {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-4 h4 {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-5 h4{
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
.menu-item-6 h4{
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:0px;
	padding: 7px;
	color: black;
}
#menu nav a:hover{
	background-color: #f1DDFF;
	border-radius: 100%;
}

/*ul Styles*/

 /*menu-item-2 ARTWORKS*/
 .menu-item-2 ul{
 background: transparent;
  font-size: .8em;
  font-weight: 400;
  line-height: 20px;
  list-style-type: none;
  margin-top:0px;
  margin-bottom:0px;
  padding: 0px;
 }
  
 /*menu-item-3 DRAWINGS*/ 
   .menu-item-3 ul{
 background: transparent;
  font-size: .8em;
  line-height: 20px;
  list-style-type: none;
  margin-top:0px;
  margin-bottom:0px;
  padding: 0px;
 } 

/*menu-item-4 COLLABORATION*/
.menu-item-4 ul {
  background: transparent;
  font-size: .8em;
  font-weight:400;
  line-height: 20px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  margin-top:0px;
  margin-bottom:0px;
  
 /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
} 

 .menu-item-4:hover ul {
  height: 100px;
}

/*I Don't Know*/

/* Slider Image Gallery*/
.slider{
	width:100px;
	position:relative;
	padding-left: 309px;
	margin:0px auto;
	display:block;
}
.slider>img{
	position:absolute;
	left:0; top:0;	
}
.slider input[name='slide_switch']{
	display:none;
}
.slider label{
	margin:0px 18px 0px 0px;
	border: 3px solid #fef218;
	border-radius:10%;
	float:left;
	cursor:pointer;
	opacity:0.6;
	transform:scale(.7);
}
.slider label img{
	display:block;
}
/*Clicking any thumbnail changes its opacity(style)*/
.slider input[name='slide_switch']:checked+label{
	border-color:#ff9e89;
	opacity:1;
}
/*hide all main images at a 110% size
On click the images will be displayed at normal size to complete the effect*/
.slider input[name='slide_switch']~img{
	opacity:0;
	transform:scale(1.1);
}
.slider input[name='slide_switch']:checked+label+img{
	opacity:1;
	transform: scale(1);	
}
#textIDontKnow{
	padding-top: 600px;
	display:block;
}

/*Peepshow*/

.horizontalSlider{
	width:720px;
	position:relative;
	padding-top:480px;
	margin:0px auto;	
}
.horizontalSlider>img{
	position:absolute;
	left:0;top:0;
}
.horizontalSlider input[name='slide_switch']{
	display:none;
}
.horizontalSlider label{
	margin:0px 5px 0px 0px;
	border: 3px solid #fef218;
	border-radius:10%;
	display:inline-block;
	cursor:pointer;
	opacity:0.6;
	transform:scale(.7);
}
.horizontalSlider label img{
	display:block;	
}
.horizontalSlider input[name='slide_switch']:checked+label{
	border-color:#ff9e89;
	opacity:1;
}
.horizontalSlider input[name='slide_switch']~img{
	opacity:0;
	transform:scale(1.1);
}
.horizontalSlider input[name='slide_switch']:checked+label+img{
	opacity:1;
	transform:scale(1);	
}

/*peepshow 2005 slider*/

.verticalSlider{
	width:450px;
	position:relative;
	padding-top:600px;
	padding-left:60px;
	margin:0px auto;	
}
.verticalSlider>img{
	position:absolute;
	left:0;top:0;
	/*transition:all 0.5s;*/	
}
.verticalSlider input[name='slide_switch2']{
	display:none;
}
.verticalSlider label{
	margin:0px 5px 0px 0px;
	border: 3px solid #fef218;
	border-radius:10%;
	display:inline-block;
	cursor:pointer;
	opacity:0.6;
	transform:scale(.7);
}
.verticalSlider label img{
	display:block;	
}
.verticalSlider input[name='slide_switch2']:checked+label{
	border-color:#ff9e89;
	opacity:1;
}
.verticalSlider input[name='slide_switch2']~img{
	opacity:0;
	transform:scale(1.1);
}
.verticalSlider input[name='slide_switch2']:checked+label+img{
	opacity:1;
	transform:scale(1);	
}

/*By Nature Or By Arf*/
#NatureOrArfInstalView{
	padding-left:5px;
	display:block;	
}
#NatureOrArfInstalView h6{
	margin:0px;
}

/*SkipRope Habitat*/
#SkipRopeMultiPic{
	display:block;
	padding-left:90px;
}
#SkipRopeMultiPic h6{
	margin:0px;
}

/*Confession Phone*/
#ConfessionPic{
	display:block;
	padding-left:10px;
}

/*Drawings*/
.drawingThumbs{
	height:100px;
}

#drawingGallery{
	padding-left:10px;
}

#drawingGallery h4{
	text-align:center;
	margin:0px;
}

/*Collabs- Video Hymn*/
#VideoHymnPic{
	display:block;
	padding-left:20px;
}

/*ProjectsHireMe*/
.wrapMasoned{
	display:inline-block;
	background-color:#D5FFD6;
	width:240px;
	height:450px;
	border-radius:10%;
	margin:5px;
	vertical-align: middle;
}

.projectThumb img{
	position:relative;
	margin-top:20px;
	margin-left:20px;	
}
.spanText h5{
	text-align:left;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	padding:0px;
}
.spanText h4{
	text-align:left;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	padding:0px;
}
.spanText p{
	text-align:left;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	font-size: .8em;
}
a:link {
    color: #B2513C;
	text-decoration: none;
	font-weight: 700;
}
a:visited {
    color: #447F69;
}
#title h1{
	text-align:center;
}
#text{
	display:block;
	margin-left: 10px;
}
#projectsTable{
	display:block;
}
/*about*/
#aboutBusinessCard{
	padding-left:190px;
}
#video_768_432{
	display:block;	
}	
#video_768_432 h6{
	margin:0px;	
}

#video_480_818{
	display:block;
	padding-left:150px;
}
#video_720_480{
	display:block;
	padding-left:30px;	
}
#video_720_480 h6{
	margin:0px;
}
#404goat{
	padding-left:100px;
}
#footer {
	font-family: "Nunito", sans-serif;
	font-size: .6em;
	margin-top: 20px;
	float:right;
	clear: both;
}