/* 
  ------------------------------------------------
  PVII CSS Image Gallery Magic 2
  Copyright (c) 2011-2013 Project Seven Development
  www.projectseven.com
  Style Theme: 01
  ------------------------------------------------
*/

/*Root IGM Container*/
.p7IGM01 {
	margin: 0 auto;
	line-height: 1;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
.p7IGM01 a:focus {
	outline: none;
}
.p7IGM01:after {
	content: ".";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	line-height: 1;
}
/*IGM Wrappers Line Height Reset for Stability*/
.p7IGM01_layout, .p7IGM01_layout div {
	line-height: 1;	
}
/*The Main Layout Container. Mozilla shadows reset to small spread to work around known bugs up to Firefox 13.*/
.p7IGM01_layout {
	/*box-shadow: 5px 5px 40px #000;*/
	/*overflow: hidden;*/
	position: relative;
	z-index: 2;
	/*padding: 10px;*/
}
/*The Background Color for the main IGM layout area. Must be set on both elements to fix border-radius artifact issue in IE9*/
.p7IGM_wrapper, .p7IGM01_layout {
	background-color: none;
	border-radius: 0px;
}
/*Full Size Image Strutures*/
.p7IGM01_FSwrapper {
	position: relative;
	padding: 0px;
	border-radius: 3px;
	overflow: hidden;
    border:#EEEEEE 1px solid;
	box-shadow: 0px 0px 8px #222;
}

.p7IGM01_image {
	zoom: 1;
	border-radius: 0px;
}
.p7IGM01_FSimage {}
.p7IGM01_FSimage, .p7IGM01_FSimage img {
	border-radius: 0px;
}
.p7IGM01_FSimage img {
	display: block;
	border: none;
	max-width: 100%;
}
/*Caption and Description*/
.IGM-cap-overlay-bottom {
	position: absolute;
	z-index: 9;
	background-color: #e3e1de;
	background: rgba(227,225,222,0.8);
	/* color: #EEEEEE; */
	/* border-radius: 3px 3px 3px 3px; */
	left: 50%;
	margin-left: -400px;
	width: 800px;
	top: auto;
	bottom: 2px;
}

.p7IGM01_caption {
	font-size: 1em;
	/*line-height: 1.35;*/
	position: relative;
	padding: 10px;
	/* color: #f9f9f9; */
	text-align: center;
	font-weight:bold;
}
/*DO NOT EDIT - Loading Image, Link and hidden description elements*/
.p7IGM01_IGMloading {
	position:absolute;
	height:50px;
	width:50px;
	background-image: url(img/p7igm_loading.gif);
	left:50%;
	margin-left:-25px;
	top: 50%;
	margin-top:-4px;
	z-index:99;
	display: none;
	border-radius: 8px;
	box-shadow: 0px 0px 30px #000;
	opacity: .6;
	background-color: #FFF;
}
.p7igm_image_link, .p7igm_description {
	display:none;
}

/*PAGINATOR*/
.p7IGM01-paginator {
	position: relative;
	z-index: 9;
	text-align: center;
}
.p7IGM01-paginator.IGMpaginator-pags-top {
	padding: 0px 0px 10px 0px;
}
.p7IGM01-paginator.IGMpaginator-pags-bottom {
	padding: 10px 0px 0px 0px;
}
.p7IGM01-paginator ul {
	margin: 0px;
	overflow: hidden;
	z-index: 20;
	padding: 0px;
	display: inline-block;
	height: 20px;
	font-size: 0px;
	line-height: 0;
}
.p7IGM01-paginator li {
	list-style-type: none;
	float: left;
}
.p7IGM01-paginator a {
	height: 20px;
	width: 16px;
	background-image: url(img/p7IGM-pags-gray.png);
	background-repeat: no-repeat;
	padding: 0px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
.p7IGM01-paginator a:hover {
	background-position: 0px -20px;
}
.p7IGM01-paginator .p7IGM01-pags-pause {
	background-image: url(img/p7IGM-pagspause-gray.png);
}
.p7IGM01-paginator .p7IGM01-pags-pause.pag-play {
	background-image: url(img/p7IGM-pagsplay-gray.png);
}
.p7IGM01-paginator .p7IGM01-pags-pause:hover {
	background-position: 0px -20px;
}
.p7IGM01-pags-fullscreen.max, .p7IGM01-pags-fullscreen.min {
	height: 20px;
	width: 16px;
	background-repeat: no-repeat;
	position: absolute;
	left: auto;
	right: 0px;
	z-index: 9;
}
.p7IGM01-pags-fullscreen.max {
	background-image: url(img/p7IGM-pagsmax-gray.png);
}
.p7IGM01-pags-fullscreen.min {
	background-image: url(img/p7IGM-pagsmin-gray.png);
}
.p7IGM01-paginator a.pags-down {
	cursor: default;
	background-image: url(img/p7IGM-pagsdown-gray.png);
	background-repeat: no-repeat;
}
/*SPECIAL RULES*/
.p7IGM-no-thumbs {
	display:none;
}
.p7IGM01_image {
	zoom:1;
}

/*Fullscreen-Mode Styles*/
.p7IGM01.p7IGM-fullscreen {
	background-image: none;
	background-color: #213043;
}
.p7IGM01.p7IGM-fullscreen .p7IGM01_layout,
.p7IGM01.p7IGM-fullscreen .p7IGM01_FSwrapper {
	border-radius: 0px;
}

/*Mobile Devices*/
/*Phones*/
@media only screen and (max-width: 480px) {
	.p7IGM01_caption {font-size: 1.0em !important;}
}
/*Tablets*/
@media only screen and (min-width: 767px) and (max-width: 1100px) {
    /* .IGM-cap-overlay-bottom {
        margin-left: -150px;
        width: 300px;
    } */

	.p7IGM01_caption {font-size: .9em !important;}

}
