#gallery-info {
	color: rgba(88,88,90, 1);
	background-color: rgba(238,238,238, 1);
	font-family: 'Ninalla', 'Gudea', sans-serif;
	margin: 0 0 0 0;
	padding-top: 0;
	font-size: 1em;
	width: 100%;
	position: relative;
	}

.homepage #gallery-info {
	position: absolute;
	bottom: 0;
	z-index: 1000;
	}
	
#gallery-info a {
	color: rgba(88,88,90, 1);
	background-color: transparent;
	}

#gallery-info a:hover {
	color: rgba(111,156,241, 1);
	background-color: transparent;
	}
	
#gallery-info-navigation {
	width: 100%;
	margin: 0 auto;
	padding-top: 0.8em;
	padding-bottom: 0.8em;	
	text-align: center;
	background-color: rgba(88,88,90, 1)
	}

#gallery-info-navigation li {
	font-size: 1em;
	display: inline;
	margin-left: 5%;
	padding-left: 5%;
	border-left: solid 1px rgba(255,255,255, 1);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

#gallery-info-navigation li:first-child {
 	border: 0;
	margin-left: -0.2%;
	padding-left: 0;
 	}

#gallery-info-navigation li a {
	color: rgba(255,255,255, 1);
	padding-left: 1px;
	}

#gallery-info-navigation li a.navigation-active:link, #gallery-info-navigation li a.navigation-active:visited {
	color: rgba(192,192,192, 1);
	}

#gallery-info-navigation li a.navigation-active:hover {
	color: rgba(111,156,241, 1);
	}

#gallery-info-navigation li a#active-content {
	color: rgba(255,255,255, 1);
	cursor: default;
	}
	
#gallery-info-contact {
	font-size: 0.9em;
	width: 100%;
	padding-top: 1.6em;
	border-top: solid 1px rgba(88,88,90, 1);
	margin-bottom: 20px;
	}

#gallery-info-contact p {
	display: inline;
	margin-bottom: 0;
	margin-right: 1.7em;
	}

#gallery-info-contact p[property="s:name"] {
	text-transform: uppercase;
	margin-left: 20px;
	position: relative;
	z-index: 10;
	}
	
#gallery-info-contact span[property="s:streetAddress"] {
	margin-right: 1.7em;
	}
	
#gallery-info-contact span[property="s:postalCode"] {
	letter-spacing: 0.1em;
	}
	
#gallery-info-contact span[property="s:addressCountry"] {
	display: none;
	}

#gallery-info-contact #list-signup-link {
	display: none;
	}

#gallery-info-contact #online-info {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -6px;
	left: 0;
	}

/* Slight position correction for the homepage */

.homepage #gallery-info-contact #online-info {
	bottom: 14px;
	}

#gallery-info-contact #online-info li {
	display: inline;
	margin-left: 2em;
	}

#gallery-info-contact #online-info li a {
	background-color: #f00;
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	text-indent: -99999px;
	border-radius: 2px;
	}
	
#gallery-info-contact #online-info li#facebook-link a {
	background: url(/graphics/transfer_footer_icons.svg) 0 0 no-repeat;
	background-position: -1px -1px;
	}

#gallery-info-contact #online-info li#facebook-link a:hover {
	background-position: -1px -36px;	
	}

#gallery-info-contact #online-info li#twitter-link a {
	background: url(/graphics/transfer_footer_icons.svg) 0 0 no-repeat;
	background-position: -83px -1px;
	}

#gallery-info-contact #online-info li#twitter-link a:hover {
	background-position: -83px -36px;	
	}

#gallery-info-contact #online-info li#tumblr-link a {
	background: url(/graphics/transfer_footer_icons.svg) 0 0 no-repeat;
	background-position: -42px -1px;
	}

#gallery-info-contact #online-info li#tumblr-link a:hover {
	background-position: -42px -36px;	
	}

#gallery-info-contact #online-info li#storefront-link a {
	background: url(/graphics/transfer_footer_icons.svg) 0 0 no-repeat;
	background-position: -123px -1px;
	}

#gallery-info-contact #online-info li#storefront-link a:hover {
	background-position: -123px -36px;	
	}
		
#gallery-info-contact form {
	float: right;
	margin: -24px 2em 0 0;
	position: relative;
	z-index: 1500;
	}

#gallery-info-contact form input {
	display: inline;
	}

#gallery-info-contact form input:focus {
	outline: none;
	}
	
#gallery-info-contact form input[type="email"] {
	width: 225px;
	height: 20px;
	font-size: 1em;
	color: #58585a;
	padding: 2px 0 2px 8px;
	border: solid 1px #58585a;
	background-color: #fff;
	z-index: 50000;
	}

#gallery-info-contact form input[type="email"]:focus {
	border: solid 1px rgba(111,156,241, 1);;
	background-image: none;
	}
	
#gallery-info-contact form input[type="submit"] {
	color: #fff;
	background-color: rgba(88,88,91, 1);
	margin-left: 0.8em;
	padding: 3px 6px 6px 6px;
	border: 0;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1em;
	font-weight: bold;
	position: relative;
	top: -2px;
	cursor: pointer;
	}
	
#gallery-info-contact form input[type="submit"]:hover {
	background-color: rgba(111, 156, 241, 1);
	}
	
#gallery-info-contact form legend {
	display: none;
	}

#gallery-info-content {
	height: 0;
	position: relative;
	}

#gallery-info-content img {
	border: solid 1px #999;	
	}

	
#gallery-info-content a:link {
	color: rgba(111,156,241, 1);
	}

#gallery-info-content a:visited {
	color: rgba(111,156,241, 1);
	}

#gallery-info-content a:hover {
	color: #fff;
	background-color: rgba(111,156,241, 1);
	}


#gallery-info-content #artists-exhibitions {
	opacity: 0;
	z-index: -1;
	display: none;
	width: 90%;
	position: absolute;
	top: 2em;
	left: 4em;
	}

#gallery-info-content #artists-exhibitions a { 
	font-style: italic;
	padding-right: 3px;
	}

#gallery-info-content #artists-exhibitions a.standard { 
	font-style: normal;
	}

#gallery-info-content #artists-exhibitions h4 {
	font-size: 1.6em;
	}

#gallery-info-content #artists-exhibitions ul {
	float: left;
	padding-left: 10%;	
	}

#gallery-info-content #artists-exhibitions ul li {
	margin-bottom: 0.8em;
	}
	
#gallery-info-content #about {
	opacity: 0;
	z-index: -1;
	display: none;
	width: 90%;
	position: absolute;
	top: 2em;
	left: 2em;
	}

#gallery-info-content #about img {
	position: absolute;
	top: 3em;
	right: 3%;
	}

#gallery-info-content #about p {
	margin-left: 9em; 
	width: 36%;
	}

#gallery-info-content #about p:first-child {
	margin-top: 2em;
	margin-left: 5.5em; 
	font-size: 1.6em;
	}

#gallery-info-content #hours-directions {
	opacity: 0;
	z-index: -1;
	display: none;
	width: 90%;
	position: absolute;
	top: 2em;
	left: 2em;
	}
	
#gallery-info-content #hours-directions h4 {
	margin-top: 2em;
	margin-left: 5.5em; 
	margin-bottom: 0.2em;
	font-size: 1.6em;
	}


#gallery-info-content #hours-directions p {
	margin-left: 9em; 
	width: 40%;
	}

#gallery-info-content #hours-directions p:first-child {
	margin-left: 5.5em; 
	font-size: 1.6em;
	}


#gallery-info-content #hours-directions img {
	position: absolute;
	top: 3em;
	right: 3%;
	}

#gallery-info-content .close-link {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../graphics/close-button.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	text-indent: -99999px;
	opacity: 0;
	z-index: -1;
	}

#gallery-info-content .close-link:hover {
	background-position: 0 -25px;
	background-color: transparent;
	}


/* //////////////////////////// */
/* TABLET PORTRAIT STYLES  */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	#gallery-info {
		height: 150px;
		margin-bottom: 30px;
		}

	.homepage #gallery-info {
		margin-bottom: 0;
		}

	#gallery-info-contact form {
		display: none;
	}
	
	#gallery-info-contact #list-signup-link {
		display: block;
		position: absolute;
		top: 65px;
		right: 10px;
	}
}



/* //////////////////////////// */
/* TABLET LANDSCAPE STYLES  */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	#gallery-info {
		height: 140px;
		margin-bottom: 30px;
		}

	.homepage #gallery-info {
		margin-bottom: 0;
		}

	#gallery-info-contact form {
		display: none;
	}
	
	#gallery-info-contact #list-signup-link {
		display: block;
		position: absolute;
		top: 65px;
		right: 10px;
	}
}



/* //////////////////////////// */
/* MOBILE STYLES  */

@media only screen and (max-width: 767px) {
	
	#gallery-info {
		background-color: transparent;
	}
	
	.homepage #gallery-info {
		height: 350px;
		padding-top: 0;
		border: 0;
		margin-left: 0;
		position: relative;
		top: 320px;
		}

	.homepage #gallery-info-navigation li {
		width: 371px;
	}
	
	.homepage #gallery-info-contact #list-signup-link {
		padding-bottom: 10px;
	}

	.homepage #gallery-info-contact #online-info {
		position: relative;
		top: 20px;
		left: 46px;
		text-align: left;
	}
			
	#gallery-info-navigation {
		background-color: transparent;
		position: relative;
		top: -15px;
	}

	#gallery-info-navigation li {
		font-size: 1.6em;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		border-left: 0;
		border-bottom: solid 1px #000;
		padding: 10px 0 10px 0;
		margin-left: 0;
		margin-right: 0;
		background-color: rgba(88,88,90, 1);
		width: 321px;	
		}

	#gallery-info-navigation li:first-child {
		border-bottom: solid 1px #000;
		margin-left: 0;
		}

	#gallery-info-contact {
		margin-top: -10px;
		border: 0;
		}
	
	#gallery-info-contact form {
		display: none;
	}
	
	#gallery-info-contact #list-signup-link {
		display: block;
		position: relative;
		top: 20px;
		left: 24px;
		padding-bottom: 20px;
	}
	
	#gallery-info-contact div[typeof="s:ArtGallery"] {
		position: relative;
		top: -20px;
		left: 5px;
	}
	
	#gallery-info-contact p {
		display: inline;
		margin-bottom: 0;
		margin-right: 1.7em;
		}
	
	#gallery-info-contact p[property="s:name"] {
		text-transform: uppercase;
		margin-left: 20px;
		position: relative;
		z-index: 10;
		}
		
	#gallery-info-contact p[property="s:address"] {
		display: block;
		position: relative;
		left: 20px;
		}
	
	#gallery-info-contact span[property="s:streetAddress"] {
		margin-right: 1.7em;
		}
		
	#gallery-info-contact span[property="s:postalCode"] {
		letter-spacing: 0.1em;
		}
		
	#gallery-info-contact span[property="s:addressCountry"] {
		display: none;
		}

	#gallery-info-contact #online-info {
		position: relative;
		top: 20px;
		left: 32px;
		text-align: left;
		}

}