body {
	padding: 0px;
	margin: 0px;
	line-height: 1;
	font-family: "MetaPlusNormal-";
	color: black;
	background-color: #CAD9D4;
}


@font-face {
  font-family: 'MetaPlusNormal-';
  src: url('http://andygreenphotography.com/cdn/fonts/MetaPlusNormal-Roman/MetaPlusNormal-Roman.eot'); /* IE9 Compat Modes */
  src: url('http://andygreenphotography.com/cdn/fonts/MetaPlusNormal-Roman/MetaPlusNormal-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://andygreenphotography.com/cdn/fonts/MetaPlusNormal-Roman/MetaPlusNormal-Roman.woff') format('woff'), /* Modern Browsers */
       url('http://andygreenphotography.com/cdn/fonts/MetaPlusNormal-Roman/MetaPlusNormal-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://andygreenphotography.com/cdn/fonts/MetaPlusNormal-Roman/MetaPlusNormal-Roman.svg#da76b003044a7c6aa4c6471d2987c482') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}



/* -------------------------------------------------------------- */

#logo {
	display: none;
	position: fixed;
	top: 50%;
	left: 75px;
	margin-top: -95px;
}
#logo img {
	width: 120px;
}

#whiteBorder {
	border-color: white;
	border-style: solid;
	border-width: 3px;
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 34px;
	top: 34px;
}


/* -------------------------------------------------------------- */


/* GALLERY MENU */


#mainMenu {
	padding-top: 20px;
	display: block !important;
}

.mainMenuButton {
	padding-top: 9px;
	font-size: 11px;
	color: #666666;
	cursor: pointer;
}
.mainMenuButton:hover {
	color: #000;
}

.active {
	color: #000;
}


/* -------------------------------------------------------------- */

/* NAVIGATION BUTTONS */

#galleryNav {
	display: none;
	position: fixed;
	bottom: 35px;
	width: 400px;
	height: 5px;
	text-align: center;
}
.galNavButton {
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
	cursor: pointer;
}
.galNavButton:hover {
	color: #333;
}
.galNavDivider {
	padding: 10px;
	color: #666;
	cursor: default;
}


#imageCounter {
	position: fixed;
	bottom: 20px;
	right: 20px;
	letter-spacing: 1px;
	font-size: 11px;
	cursor: default;
}



/* --------------------- */

#imageDesc {
	position: fixed;
	bottom: 40px;
	font-size: 8pt;
	width: 100%;
	text-align: center;
	color: #7d7d7d;
	margin-left: 100px;
}

#galleryTitle {
	position: fixed;
	top: -50px;
	visibility: hidden;
}

#galleryDesc {
	position: fixed;
	visibility: hidden;
	line-height: 15px;
	color: #7d7d7d;
	width: 175px;
	font-size: 8pt;
}

/* -------------------------------------------------------------- */

/* GALLERY THUMBS */

#thumbScroller {
	position: fixed;
	bottom: 55px;
	left: 90px;
	height: 60px;
	margin-left: 260px;
	overflow: hidden;
	white-space: nowrap;
}

.thumb {
	display: inline-block;
	padding-right: 9px;
	cursor: pointer;
}

.thumb img {
	height: 100%;
	width: 100%;
}

#scroller {
	display: none;
}



/* HORIZONTAL ARROWS */

.arrowsScroll {
	position: absolute;
	left: 0;
}

#arrowLeft {
	position: fixed;
	bottom: 75px;
	left: 315px;
}

#arrowRight {
	position: fixed;
	bottom: 75px;
	right: 100px;
}


/* -------------------------------------------------------------- */

/* CONTACT PAGE */

#contactCover {
	display: none;
	position: fixed;
	top: 45px;
	right: 45px;
	width: 100%;
	height: 100%;
	background-color: #CAD9D4;
}

#contactPage {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 400px;
	margin-left: -250px;
	margin-top: -90px;
}


.contactText {
	font-size: 13px;
	color: #666666;
	line-height: 130%;
}

.contactText a {
	color: #666666;
}
.contactText a:hover {
	color: #353535;
}


.credit {
	font-size: 11px;
	color: #8c8c8c;
}

.credit a {
	color: #8c8c8c;
}
.credit a:hover {
	color: #575757;
}


tr {
	vertical-align: top;
}


/* -------------------------------------------------------------- */

.css-animated {
-webkit-transform-style: preserve-3d;-webkit-transition: .7s;-webkit-perspective: 1000;	
-moz-transform-style: preserve-3d;-moz-transition: .7s;-moz-perspective: 1000;	
-o-transform-style: preserve-3d;-o-transition: .7s;-o-backface-visibility: hidden;-o-perspective: 1000;
}

html,body {margin: 0;padding: 0;outline: 0;height: 100%;vertical-align: baseline;}
a {text-decoration: none;border: 0px;cursor: pointer;}
ul {list-style:none;padding-left:0;}
img {-ms-interpolation-mode: bicubic;}

#imageCache {visibility: hidden;display: none;}
#largeImage1 {position: fixed;}
#largeImage1 img {position: fixed;top: 0;left: 0;}
#largeImage2 {position: fixed;}
#largeImage2 img {position: fixed;top: 0;left: 0;}

/* SCALE VIMEO PLAYER */

#vimeoPlayer {display: block;position: fixed;visibility: hidden;}
#videoHolder {position: relative;padding-bottom: 56.25%;padding-top: 0px;height: 0;left: 0;overflow: hidden;}
#videoHolder iframe, #videoHolder object, #videoHolder embed {position: absolute;top: 0;left: 0px;width: 100%;height: 100%;}



/* FLOATING ARROWS */

#floatingArrows {
	display: none;
	position: fixed;
}
#floatLeft {
	display: inline-block;
	width: 50%;
	height: 100%;
	float: left;
	cursor: none;
}
#floatRight {
	display: inline-block;
	width: 50%;
	height: 100%;
	float: right;
	cursor: none;
}

#mycursorLeft, #mycursorRight {
     cursor: none;
     pointer-events: none;
     position: absolute;
     display: none;
     top: 0;
     left: 0;
}