/* LAYOUT CONTROL */


/***********************************************/
/* Turn off borders in IE and Firefox          */
/***********************************************/

img{
	border: none;
}

body{
	font-family:"Arial", Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size: 9pt;
	line-height:1.2;
}

/*
.backgroundStyle {
}
*/

/****************************/
/* header style definitions */
/****************************/
h1 {
	font-size: 1.4em;
	text-align: center;
}

h2 {
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
}


h3 {
	font-size: 0.8em;
	font-weight: 300;
	text-align: center;
}


/*************************************************************/
/* Header (Logo and Seasonal Flourish) and Day/Date elements */
/*************************************************************/


/* overall wrapper for these items */
#header{
	position: fixed;
	top: 0px;
	left: 10px;
	right: 10px;
	z-index: 15;
	font-size: 1em;
	line-height: 1;
}

/* line above the logo */
#headerTop {
	text-align: center;
	}

#logo {
	position: relative;
	height:80px;
	font-size: 400%;
	line-height:1.1;
	text-align:left;

}

.logoCentre {
	position: absolute;
	top: 0px;
	left: 33%;
	right:33%;
	border: none;
	text-align: center}

.logoRight {
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	text-align:right;
}

/* Seasonal Flourish */
.xmas {
	position: absolute;
	top: 10px;
	border: none;
	z-index: 15;
	width: 98%;
	font-size: 1.4em;
	text-align: center;
}

.snow {
	position: absolute;
	top: 10px;
	border: none;
	z-index: 15;
	width: 98%;
	text-align: center;
}

/* wrapper for line(s) under the logo */
#globalNav{
	position: relative;
	text-align: center;
	font-size: 0.8em;
}

/* left date field */
#globalNavLeft {
	left: 0px;
	top: 0px;
	text-align: left;
	padding-left: 5px;
}

/* right date field */
#globalNavRight {
	top: 0px;
	right: 0px;
	position: absolute;
	text-align: right;
	padding-right: 5px;
}

/* text or links to fit between the date fields above */
#navBarSelector {
	position: relative;
	top: 0px;
	text-align: center;
	font-size: 1.4em;
	padding: 0px 0px 2px 0px;
	border: none;
	z-index:100;
}

/***********************************************/
/*  Left column used for site navigation       */
/***********************************************/

#navBar1 {
	position: absolute;	/* change to fixed to stop scrolling */
	top: 105px;
	left: 10px;
	width: 150px;
	padding: 0px 5px 2px 0px;
	font-size: 1.1em;
	visibility: visible;
	z-index: 5;
}

#navBar2 {
	position: absolute;	/* change to fixed to stop scrolling */
	top: 105px;
	left: 10px;
	width: 150px;
	padding: 0px 5px 2px 0px;
	font-size: 1.1em;
	visibility: hidden;
	z-index: 5;
}

#navBar3 {
	position: absolute;	/* change to fixed to stop scrolling */
	top: 105px;
	left: 10px;
	width: 150px;
	padding: 0px 5px 2px 0px;
	font-size: 1.1em;
	visibility: hidden;
	z-index: 5;
}

/* span for site navigation heading */
.locationNavBar {
	font-size: 1.1em;
	font-weight: bolder;
}

/* line(s) for separating sections */
.navBarLine {
	position:relative;
	top:0px;
	left:0px;
	height:1px;
	width:100px;
}

.navBarLine2 {
	position:relative;
	top:0px;
	left:0px;
	height:1px;
	width:100px;
}

/* Navigation bar Anchor style */
#navBar1 ul, #navBar2 ul, #navBar3 ul, #navBarSS ul {margin: 0; padding: 0; }
#navBar1 ul a:link, #navBar2 ul a:link, #navBar3 ul a:link,  #navBarSS ul a:link {display: block;}
#navBar1 ul a:visited, #navBar2 ul a:visited, #navBar3 ul a:visited, #navBarSS ul a:visited {display: block;}
#navBar1 ul a:hover, #navBar2 ul a:hover, #navBar3 ul a:hover, #navBarSS ul a:hover {display: block;}

li a {
	display: block;
	padding: 0px 0px 0px 4px;
}

li a:visited{
	background-repeat: no-repeat;
	background-position: right;
}

/****************************/
/* control of 'index' pages */
/****************************/

/* overall wrapper of 2nd column for directory level pages */
 #home1 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: visible;
	font-size: 1.1em;
 }

 #home2 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home3 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home4 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home5 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home6 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home7 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home8 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home9 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

 #home10 {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	font-size: 1.1em;
 }

/* left and right wrappers, for icons linking to next level */
.storyPicLeft {
	float: left;
	position: relative;
	top: 0px;
	margin: 0px 10px 0px 0px;
	border: none;
}

.storyPicRight {
	float: right;
	position: relative;
	top: 0px;
	margin: 0px 10px 0px 10px;
	border: none;
	text-align: right;
}

/*  span to control text above the icons */
.story{
	color: #CC6600;
    background-color: transparent;
}

/* line(s) to separate links to the next level */
.line {
	position:relative;
	top:-2px;
	left:1%;
	height:1px;
	width:98%;
}

/* makes the line a bit thicker */
.line2 {
	position:relative;
	top:-2px;
	left:1%;
	height:1px;
	width:98%;
}

/* wrapper for Site Info. at the bottom of the page */

.siteInfo{
	font-size: 0.75em;
	text-align: center;
	right:10px;
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/* holder for block of text/links if required on the left side of the footer */
.siteInfoLeft {
	position: relative;
	top: 0px;
	left:0px;
	text-align: left;
}

/* holder for block of text/links if required on the right side of the footer */
.siteInfoRight {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}

/**************************************/
/* control of thumbnail 'index' pages */
/**************************************/


#exhibitions {
	position: absolute;
	left: 170px;
	width: 77%;
	top: 115px;
	z-index:11;
	text-align: left;
	font-size: 1.1em;
	border: none;
}

.more {
	position: absolute;
	left: 0px;
	text-align: left;
}

/* overall wrapper of 2nd column for 'index' level pages with thumbnails linking to slides */

/* a uniquely numbered pictures div is required for every 6 thumbnails, 10 divs are provided */
/* duplicate and rename pictures10 as required if more than 60 images in a gallery are required */
/* 99 and 100 are already used, see below for details */
 #pictures1 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: visible;
	text-align: center;
	font-size: 1.1em;
 }

 #pictures2 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

 #pictures3 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

 #pictures4 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

 #pictures5 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

 #pictures6 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
 }

 #pictures7 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
 }

 #pictures8 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
 }

 #pictures9 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
 }

 #pictures10 {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 81%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
 }

/* pictures99 and pictures100 are used to allow 2 images on one slide page */
/* it allows a slide to crossfade between 2 images.  the 1st image is on 99 the 2nd on 100 */
/* on page loading the 1st is displayed and then replaced by the 2nd */
 #pictures99 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
	visibility: visible;
	/*filter:alpha(opacity=100);*/
	text-align: center;
 }

 #pictures100 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
	visibility: hidden;
	/*filter:alpha(opacity=100);*/
	text-align: center;
 }

/* the following pic blocks control the positioning of thumbnails on 'index' pages */

/* For a single image in a directory, thumbnail linking to a normal slide */
.picSingle {
	position: absolute;
	left: 1%;
	width: 96%;
	border: none;
}

/* For 4 images in a directory, 2 rows of 2 columns (left & right) */
/* top row */
.picLeft22T {
	position: absolute;
	top: 125px;
	left: 5%;
	width: 40%;
	border: none;
}

.picRight22T {
	position: absolute;
	top: 125px;
	right: 5%;
	width: 40%;
	border: none;
}

/* bottom row */
.picLeft22B {
	position: absolute;
	top: 369px;
	left: 5%;
	width: 40%;
	border: none;
}

.picRight22B {
	position: absolute;
	top: 369px;
	right: 5%;
	width: 40%;
	border: none;
}

/* For directories with 3 or more than 5 images, 2 rows of 3 columns (left, centre & right) */
/* top row */
.pic1 {
	position: absolute;
	top: 125px;
	left: 0%;
	width: 30%;
	border: none;
}

.pic2 {
	position: absolute;
	top: 125px;
	left: 35%;
	width: 30%;
	border: none;
}

.pic3 {
	position: absolute;
	top: 125px;
	right: 0%;
	width: 30%;
	border: none;
}

/* bottom row */
.pic4 {
	position: absolute;
	top: 369px;
	left: 0%;
	text-align: center;
	width: 30%;
	border: none;
}

.pic5 {
	position: absolute;
	top: 369px;
	left: 35%;
	width: 30%;
	border: none;
}

.pic6 {
	position: absolute;
	top: 369px;
	right: 0%;
	width: 30%;
	border: none;
}

/* wrapper for instructions e.g. click on a picture to ... */
.dateRow {
	position: absolute;
	top: 613px;
	left: 25%;
	width: 50%;
}

/* used for controling text in certain locations, e.g. the last updated block of text */
.smalltext {
	font-size: 1.1em;
	text-align: center;
}

/* alternative wrapper for Site Info. at the bottom of a page of images */
.siteInfoGalleries{
	position: absolute;
	top: 653px;
	width: 96%;
	font-size: 0.75em;
	text-align: center;
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/****************************/
/* control of 'slide' pages */
/****************************/

/* wrapper for 2 images per slide (NB, this wrapper is contained by a picture99 or 100 div block) */
.largepic {
	position: absolute;
	top: 225px;
	left: 18%;
	width: 70%;
	text-align: center;
	font-size: 1.1em;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
}

/* navigation between slides, using icons for home, directories and thumbnails */
.slideNavIcons {
	position: absolute;
	top: 145px;
	left: 18%;
	width: 70%;
	text-align: center;
	font-size: 1.1em;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
}

/* reduce icon image sizes for normal display */
.slideNavIcons a img {
	width: 50px;
	height: 22px;
}

/* show icon images at normal size on hover */
.slideNavIcons a:hover img {
	width: 75px;
	height: 33px;
}

/* navigation between slides, showing slide numbers and previous/next */
.slideNav {
	position: absolute;
	top: 175px;
	left: 18%;
	width: 70%;
	text-align: center;
	font-size: 1.1em;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
}

/* controls the displayed name for an exif data tag */
.exif {
	position: absolute;
	left: 25%;
	font-size: 1.1em;
}

/* controls the displayed data of an exif tag */
.data {
	position: absolute;
	right: 25%;
	font-size: 1.1em;
	text-align: right;
}

/*  alternative layout of exif data */
/*
.exif {
	position: absolute;
	left: 37%;
	font-size: 1.1em;
}

.data {
	position: absolute;
	left: 53%;
	font-size: 1.1em;
}
*/

/* wrapper for a single image on a slide page */
.slide {
	font-family:"Arial", Sans-serif;
	font-size: 9pt;
	font-style:normal;
	line-height:1.2;
}

/* wrapper for links to other slide pages
.pagenumber {
	font-size: x-small;
}
*/

/* wrapper for warning of a transition in progress on slide pages */
#transitioning {
	position: absolute;
	top: 190px;
	left: 100px;
	right: 100px;
	height: 600px;
	z-index: 11;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

/* wrapper for warning of a transition in progress on index pages*/
#transitioningIndex {
	position: absolute;
	top: 180px;
	left: 18%;
	width: 80%;
	height: 40px;
	z-index: 12;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

#transitioningIndex2 {
	position: absolute;
	top: 780px;
	left: 18%;
	width: 80%;
	height: 40px;
	z-index: 12;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

#transitioningIndex3 {
	position: absolute;
	top: 150px;
	left: 18%;
	width: 80%;
	height: 40px;
	z-index: 12;
	visibility: hidden;
	text-align: center;
	font-size: 1.1em;
}

#metadata {
	position: relative;
	top: 0px;
	font-size: 0.7em;
	text-align: left;
}

#metadata2 {
	position: relative;
	top: 0px;
	font-size: 0.7em;
	text-align: left;
}

#metadataE {
	position: relative;
	top: 0px;
	font-size: 0.7em;
	text-align: left;
	visibility: hidden;
}

#metadata2E {
	position: relative;
	top: 0px;
	font-size: 0.7em;
	text-align: left;
	visibility: hidden;
}



#pause {
	position: absolute;
	top: 245px;
	left: 57%;
	z-index: 11;
	text-align: center;
	visibility: hidden;
}

#play {
	position: absolute;
	top: 245px;
	left: 57%;
	z-index: 11;
	text-align: center;
	visibility: visible;
}

#textoverlay {
	position: absolute;
	top: 15px;
	text-align: left;
	font-size: 0.9em;
}

#textunderlay {
	position: absolute;
	top: 15px;
	text-align: left;
	font-size: 0.9em;
}

#textoverlay_before {
	position: absolute;
	top: 15px;
	text-align: left;
	font-size: 0.9em;
}

#textunderlay_before {
	position: absolute;
	top: 15px;
	text-align: left;
	font-size: 0.9em;
}

.items {
font-size: 0.7em;
}

.siteInfo{
	position: relative;
	bottom: 50px;
	width: 100%;
	font-size: 0.75em;
	text-align: center;
	margin-top: 30px;
}

#slides1 {
	position: absolute;
	top: 215px;
	left: 18%;
	width: 70%;
	text-align: center;
	font-size: 1.1em;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	visibility: visible;

}

#slides2 {
	position: absolute;
	top: 215px;
	left: 18%;
	width: 70%;
	text-align: center;
	font-size: 1.1em;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	visibility: hidden;
}

 #slideshow1 {
	position: absolute;
	top: 80px;
	left:0px;
	width: 98%;
	z-index: 10;
	visibility: visible;
	text-align: center;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*filter:alpha(opacity=100);*/
 }

 #slideshow2 {
	position: absolute;
	top: 80px;
	left:0px;
	width: 98%;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*filter:alpha(opacity=100);*/
}

 #slideshowA {
	position: absolute;
	top: 190px;
	left:5%;
	right:5%;
	z-index: 10;
	visibility: visible;
	text-align: center;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*filter:alpha(opacity=100);*/

 }

 #slideshowB {
	position: absolute;
	top: 190px;
	left:5%;
	right:5%;
	z-index: 10;
	visibility: hidden;
	text-align: center;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*filter:alpha(opacity=100);*/
}

#navBarSS {
	position: absolute;	/* change to fixed to stop scrolling */
	top: 105px;
	left: 10px;
	width: 150px;
	padding: 0px 5px 2px 0px;
	font-size: 1.1em;
	visibility: visible;
	z-index: 12;
}

.siteInfoSS{
	position: relative;
	bottom: 2px;
	font-size: 0.75em;
	text-align: center;
	margin: 5px 5px 0px 5px;
	padding: 5px 5px 5px 5px;
}

 #slideShowControl {
	position: absolute;
	top: 145px;
	left:0px;
	width: 98%;
	z-index: 1;
	visibility: visible;
	text-align: center;
 }

.exifinfo {
 	visibility:hidden;
 }

.slideThumbNavIcon {
	border:none;
	padding: 1px;
}


/* show icon images at normal size on hover */
.slideThumbNavIcon a:hover img {
	height: 47px;
}

.slideThumbNavIconCurrent img{
	opacity:0.5;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	/*filter:alpha(opacity=50);*/
}
.slideThumbNavIconCurrent img:hover{
	height: 47px;
	opacity:0.5;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	/*filter:alpha(opacity=50);*/
}

 #pageContent {
	position: absolute;
	top: 145px;
	left: 180px;
	right:10px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: visible;
	font-size: 1.1em;
 }

/************** jAlbum Sample About page */

#about-page {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: visible;
	font-size: 1.1em;
}
#about-page aside {
	float:left;
	display:inline;
	margin:10px 5% 10px 0;
	max-width:25%;
}
#about-page aside img {
	max-width:100%;
}
#about-page .texts {
	overflow:hidden;
}
#about-page .texts p {
	line-height:1.5em;
}

/************** jAlbum Sample Contact page */

#contact-page {
	position: absolute;
	top: 145px;
	left: 180px;
	padding: 0px 5px 10px 0px;
	margin-right: 5px;
	z-index: 10;
	visibility: visible;
	font-size: 1.1em;

}
#contact-page aside {
	float:right;
	display:inline;
	margin:0 0 10px 5%;
	max-width:25%;
}
#contact-page aside img {
	max-width:100%;
}
#contact-page .texts {
	overflow:hidden;
}
#contact-page .texts blockquote {
	font-size:80%;
	line-height:1.5em;
	padding-left:12px;
	border-left:10px solid rgba(255,255,255,0.1);
}
#contact-page .texts > div {
	font-size:120%;
	padding:15px 5px;
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#contact-page .texts blockquote,
#contact-page .texts a {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
#contact-page .texts a {
	font-size:80%;
	padding:5px 5px 5px 26px;
	line-height:14px;
	background-color:rgba(255,255,255,0.1);
	background-image:url(share.png);
	background-repeat:no-repeat;
	-moz-border-radius:6px;
	border-radius:6px;
	
}
#contact-page .facebook a { background-position:0 -24px; }
#contact-page .twitter a { background-position:0 -48px; }
#contact-page .digg a { background-position:0 -72px; }
#contact-page .myspace a { background-position:0 -96px; }
#contact-page .delicious a { background-position:0 -120px; }
#contact-page .stumbleupon a { background-position:0 -144px; }
#contact-page .email a { background-position:0 -168px; }
#contact-page .reddit a { background-position:0 -192px; }
#contact-page .tumblr a { background-position:0 -216px; }
#contact-page .flickr a { background-position:0 -240px; }
#contact-page .foursquare a { background-position:0 -264px; }
#contact-page .google a { background-position:0 -288px; }
#contact-page .linkedin a { background-position:0 -312px; }
#contact-page .picasa a { background-position:0 -336px; }
#contact-page .skype a { background-position:0 -360px; }
#contact-page .vimeo a { background-position:0 -384px; }
#contact-page .youtube a { background-position:0 -408px; }
#contact-page .phone a { background-position:0 -432px; }
#contact-page .jalbum a { background-position:0 -456px; }
#contact-page .pinterest a { background-position:0 -480px; }
#contact-page .instagram a { background-position:0 -504px; }
#contact-page .github a { background-position:0 -528px; }
#contact-page .rss a { background-position:0 -552px; }