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

.artistList {
	float:none;width:100%;font-size:18px;margin-bottom:15px;
}
.artistSubHeading {
	float:none;width:100%;font-size:28px;
}

#arthousenavigation {
	display: none;
}

button {
	outline:none !important;
}
#arthousecontent {
	position:absolute;
	z-index:2600;
	top:140px;
	left:20px;
	width:90%;
}

.footerImage {
	width:100%;
	max-width:891px;
	height:auto;
}

#mobileNav {
	display: block;
	top:10px;
	right:10px;
	position: fixed;
	z-index: 3000;
	border-radius: 50%;
	background: #fff;
	height:30px;
	width:30px;
	color:#fff;
	padding:10px;

}

#mobilenavigation {
	width:100%;
	height:100%;
	background:#fff;
	z-index: 2601;
	top:0;
	padding-top:150px;
	left:0;
	text-align: center;
	position: fixed;
	display:none;
}

#mobilenavigation a {
	display: block;
	width:90%;
	margin:auto;
	margin-left:5%;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
	font-size:20px;
}

.mobileHome {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .1s;
}

.mobileArtists {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .2s;
}

.mobileProd {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .3s;
}

.mobileStud {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .4s;
}

.mobileAbout {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .5s;
}

.mobileContact {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .6s;
}

.mobileBlog {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .7s;
}

.mobiletiff {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .8s;
}

.artistSubHeading {
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: .3s;
}

.artistList {
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: .4s;
}

#arthousenavigation {
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .1s;
}

#arthousecontent {
	-webkit-animation-duration: .5s;
	-webkit-animation-delay: .3s;
}
#bodyanimate{
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .1s;
}

#paraOne {
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .2s;
}

#paraTwo {
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: .2s;
}

#paraThree {
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: .9s;
}



/* hamburger button */
.hamburger {
  /*padding: 15px 15px;*/
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
	margin-left:-10px; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
              transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
              transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

@media screen and (min-width:500px) {
#arthousecontent {
	top:210px;
}

}


@media screen and (min-width:800px) {

	.artistList {
		float:left;width:300px;font-size:18px;
	}
	.artistSubHeading {
		float:left;width:250px;font-size:18px;
	}

	#arthousenavigation {
		display: block;
	}

	#arthousecontent {
		position:absolute;z-index:2600;top:280px;left:200px;width:700px;
	}

	#mobileNav {
		display: none;
	}


}

#homepage1 {
	background-color:#fff;
	position:absolute;
	z-index:2000;
	left:895px;
	top:30px;
	width:115px;
	height:80px;
	overflow:hidden;
}

#homepage2 {
	background-color:#fff;
	position:absolute;z-index:2000;left:897px;top:200px;width:115px;height:80px;overflow:hidden;
}

#homepage3 {
	background-color:#fff;position:absolute;z-index:2000;left:775px;top:115px;width:115px;height:80px;overflow:hidden;
}

#homepage4 {
	background-color:#fff;position:absolute;z-index:2000;left:775px;top:200px;width:115px;height:80px;overflow:hidden;
}

#homepage5 {
	background-color:#fff;position:absolute;z-index:2000;left:775px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage6 {
	background-color:#fff;position:absolute;z-index:2000;left:775px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage7 {
	background-color:#fff;position:absolute;z-index:2000;left:897px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage8 {
	background-color:#fff;position:absolute;z-index:2000;left:654px;top:200px;width:115px;height:80px;overflow:hidden;
}

#homepage9 {
	background-color:#fff;position:absolute;z-index:2000;left:654px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage10 {
	background-color:#fff;position:absolute;z-index:2000;left:534px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage11 {
	background-color:#fff;position:absolute;z-index:2000;left:534px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage12 {
	background-color:#fff;position:absolute;z-index:2000;left:414px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage13 {
	background-color:#fff;position:absolute;z-index:2000;left:294px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage14{
	background-color:#fff;position:absolute;z-index:2000;left:294px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage15 {
	background-color:#fff;position:absolute;z-index:2000;left:189px;top:285px;width:100px;height:80px;overflow:hidden;
}


#homepage16 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1017px;top:200px;width:115px;height:80px;overflow:hidden;
}


#homepage17 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1017px;top:285px;width:115px;height:80px;overflow:hidden;
}


/*#homepage18 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1017px;top:370px;width:115px;height:80px;overflow:hidden;
}*/

#homepage18 {
	background-color:#fff;position:absolute;z-index:2000;left:897px;top:455px;width:115px;height:80px;overflow:hidden;
}

#homepage19 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1137px;top:30px;width:115px;height:80px;overflow:hidden;
}

#homepage20 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1137px;top:370px;width:115px;height:80px;overflow:hidden;
}

#homepage21 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1137px;top:200px;width:115px;height:80px;overflow:hidden;
}

#homepage22 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1017px;top:115px;width:115px;height:80px;overflow:hidden;
}

#homepage23 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1257px;top:30px;width:115px;height:80px;overflow:hidden;
}

#homepage24 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1257px;top:115px;width:115px;height:80px;overflow:hidden;
}

#homepage25 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1257px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage26 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1378px;top:200px;width:115px;height:80px;overflow:hidden;
}

#homepage27 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1378px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage28 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1495px;top:115px;width:115px;height:80px;overflow:hidden;
}

#homepage29 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1495px;top:285px;width:115px;height:80px;overflow:hidden;
}

#homepage30 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1495px;top:370px;width:115px;height:80px;overflow:hidden;
}


#homepage31 {
	background-color:#fff;
	position:absolute;z-index:2000;left:414px;top:455px;width:115px;height:80px;overflow:hidden;
}

#homepage32 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1017px;top:540px;width:115px;height:80px;overflow:hidden;
}

#homepage33 {
	background-color:#fff;
	position:absolute;z-index:2000;left:534px;top:540px;width:115px;height:80px;overflow:hidden;
}

#homepage34 {
	background-color:#fff;
	position:absolute;z-index:2000;left:654px;top:455px;width:115px;height:80px;overflow:hidden;
}

#homepage35 {
	background-color:#fff;
	position:absolute;z-index:2000;left:775px;top:540px;width:115px;height:80px;overflow:hidden;
}

#homepage36 {
	background-color:#fff;
	position:absolute;z-index:2000;left:1257px;top:540px;width:115px;height:80px;overflow:hidden;
}

#homepage37 {
	background-color:#fff;
	position:absolute;z-index:2000;left:897px;top:630px;width:115px;height:80px;overflow:hidden;
}

#homepage38 {
background-color: #fff;
position: absolute;
z-index: 2000;
left: 1378px;
top: 455px;
width: 115px;
height: 80px;
overflow: hidden;
}

@media screen and (max-height:780px) {

#homepage18, #homepage31, #homepage32, #homepage33, #homepage34, #homepage35, #homepage36, #homepage38 {
	display: none;
}

}

@media screen and (max-height:880px) {

#homepage37 {
	display: none;
}

}



@media screen and (max-width:1130px) {

#homepage22, #homepage16, #homepage17, #homepage32 {
	display: none;
}

}

@media screen and (max-width: 1250px) {

#homepage21 {
	display: none;
}


#homepage19 {
	display: none;
}

#homepage20 {
	display: none;
}

}



@media screen and (max-width: 1370px) {

#homepage23, #homepage24, #homepage25, #homepage36 {
	display: none;
}


}

@media screen and (max-width: 1490px) {

#homepage26, #homepage27, #homepage38 {
	display: none;
}


}

@media screen and (max-width: 1610px) {

#homepage28, #homepage29, #homepage30 {
	display: none;
}


}





#wrapper {
	width:100%;
	max-width: 1210px;
	/*margin: 30px auto;
	background: #0d0d0d url(images/header.jpg) no-repeat;
	padding: 55px 25px 25px 25px;
	border: 12px solid #2e2e2e;*/
	position:relative;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #666666;
}
#arthousenavigation {
	float:left;
	width:200px;
	margin-left:15px;
}

#arthousenavigation a{
	color:#666666;
	text-decoration:none;
	font-size: 20px;
	line-height: 22px;

}

#arthousenavigation a:hover {
	color:#000;
	text-decoration:none;
	font-size: 20px;

}

#logo {
	/*height:320px;*/
	position:fixed;z-index:2603;top:0px;left:0px;
}

#logo img {
	width:80%;
	max-width:909px;
	height:auto;
	padding-left:10px;padding-top:10px;

}


h1 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0.3em 0;
	text-indent:-99999px;
}
#nav {
	list-style: none;
	padding: 0;
	margin: 10px 0 20px 0;
	background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	/*text-transform:capitalize;*/
	font-family:
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}




#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#content {
z-index:2500;
position:absolute;
width: 100%;
}



h2 {
	margin: 0;
	padding: 0.5em 0;
	color:#568945;
	font-family:Helvetica, Arial, Sans-serif;
}
p {
	margin: 0;
	padding: 0.4em 0;
	color:#686868;
	line-height:1.4em;
}
#content img.right {
	float: right;
	margin: 0 0 8px 8px;

}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 127px;
background: white;
}