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

/*Root IGM Container*/
.p7IGM03
{
	margin: 0 auto;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}

/*IGM Wrappers Line Height Reset for Stability*/
.p7IGM03_layout, .p7IGM03_layout div { line-height: 1; }

/*The Main Layout Container. Mozilla shadows reset to small spread to work around known bugs up to Firefox 13.*/
.p7IGM03_layout
{
	overflow: hidden;
	position: relative;
	z-index: 2;
}

/*Thumbnail Scrolling List*/
.p7IGM03_thumbswrapper
{
	position: relative;
	z-index: 1;
}

.p7IGM03_thumbswrapper.IGM-thumbs-top { margin: 2px 0px 12px 0px; }
.p7IGM03_thumbswrapper.IGM-thumbs-bottom { margin-top: 10px; }
.p7IGM03.p7IGM-fullscreen .p7IGM03_thumbswrapper.IGM-thumbs-bottom { border: none; }

.p7IGM03_thumbsviewport
{
	padding: 0px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	border: 1px solid;
}

.p7IGM03_thumbsglidewrapper
{
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.p7IGM03_thumbslist
{
	margin: 0px;
	padding: 0px;
}

.p7IGM03_thumbslist li
{
	list-style-type: none;
	margin: 6px 0px;
	word-spacing: normal;
	display: inline;
}

.IGM-thumbs li:last-child { padding-right: 2px; }

.p7IGM03_thumbslist img
{
	border: none;
	vertical-align: middle;
}

.p7IGM03_thumbslist a
{
	padding: 3px;
	border: 1px solid;
	border-color: #666;
	display: inline-block;
}

.p7IGM03_thumbslist a:hover, .p7IGM03_thumbslist a:focus { outline: none; }
.p7IGM03_thumbslist li:first-child a { margin-left: 6px; }
.p7IGM03_thumbslist li:last-child a { margin-right: 6px; }

/*Thumbnail Presentation when set to No Scrolling*/
.p7IGM03_thumbswrapper.IGM-no-scroll
{
	padding: 6px 0px;
	margin: 0px;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	text-align: center;
}

.IGM-no-scroll .IGM-thumbs { white-space: normal !important; }
.p7IGM03_thumbswrapper.IGM-no-scroll.IGM-thumbs-top { text-align: center; }
.p7IGM03_thumbswrapper.IGM-no-scroll .p7IGM03_thumbslist a { margin: 3px 0px !important; }
.p7IGM-no-thumbs, .IGMno-display { display: none; }

/*Thumbnail Scroller Left and Right Arrows*/
.p7IGM03_arrows { font-family: Georgia, "Times New Roman", Times, serif; }
.IGM-arrows { display: none; }

.p7IGM03_arrows .arrow-left, .p7IGM03_arrows .arrow-right
{
	width: 50px;
	text-align: center;
	display: table;
	z-index: 2;
}

.p7IGM03_arrows .arrow-left
{
	float: left;
	position: relative;
	z-index: 60;
}

.p7IGM03_arrows .arrow-right
{
	float: right;
	position: relative;
	z-index: 60;
}

.p7IGM03_arrows .arrow-left a, .p7IGM03_arrows .arrow-right a
{
	color: #666;
	text-decoration: none;
	font-size: 3em;
	display: table-cell;
	vertical-align: middle;
	padding: 3px;
}

.p7IGM03_arrows a:hover, .p7IGM03_arrows a:focus
{
	color: #C30;
	outline: none;
}

.p7IGM03 a.arrow-off
{
	color: #666;
	cursor: default;
	display: none;
}

/*Full Size Image Strutures*/
.p7IGM03_FSwrapper
{
	position: relative;
	padding: 0px;
	overflow: hidden;
	border: 1px solid;
}

.p7IGM03_image { zoom: 1; }
.p7IGM03_FSimage { }
.p7IGM03_FSimage, .p7IGM03_FSimage img { }

.p7IGM03_FSimage img
{
	display: block;
	border: none;
	max-width: 100%;
}

/*Caption and Description*/
.IGM-cap-overlay-top
{
	position: absolute;
	z-index: 9;
	background-color: #111;
	background: rgba(0,0,0,.75);
	color: #CCC;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 0px 30px #000;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	top: 0px;
}

.IGM-cap-overlay-bottom
{
	position: absolute;
	z-index: 9;
	background-color: #111;
	background: rgba(0,0,0,.75);
	color: #CCC;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 0px 30px #000;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	top: auto;
	bottom: 0px;
}

.p7IGM03_caption
{
	font-size: 14px;
	line-height: 1.35;
	position: relative;
	padding: 20px;
	color: #CCC;
	text-align: center;
}

.p7IGM03_desc
{
	font-size: 11px;
	padding: 18px 0px;
	color: #999;
	line-height: 1.5;
	position: relative;
	text-align: center;
}

.p7IGM03_desc a, .p7IGM03_desc a:visited { color: #66CCCC; }
.p7IGM03_desc a:hover, .p7IGM03_desc a:focus { color: #FFF; }

.p7IGMdescription-wrapper.IGM-desc-overlay-top
{
	position: absolute;
	top: 0;
	z-index: 8;
	left: 50%;
	margin-left: -200px;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 0px 30px #000;
	width: 400px;
}

.p7IGMdescription-wrapper.IGM-desc-overlay-top .p7IGM03_desc
{
	background-color: #111;
	background: rgba(0,0,0,.75);
	padding: 10px 20px;
	line-height: 1.5;
}

.p7IGMdescription-wrapper.IGM-desc-overlay-bottom
{
	position: absolute;
	top: auto;
	bottom: 0px;
	z-index: 8;
	left: 50%;
	margin-left: -200px;
	box-shadow: 0px 0px 30px #000;
	width: 400px;
	border-radius: 5px 5px 0px 0px;
}

.p7IGMdescription-wrapper.IGM-desc-overlay-bottom .p7IGM03_desc
{
	background-color: #111;
	background: rgba(0,0,0,.75);
	padding: 10px 20px;
	line-height: 1.5;
	border-radius: 5px 5px 0px 0px;
}

/* Toolbar Styles */
.p7IGM03-toolbar-wrapper
{
	text-align: center;
	position: relative;
	z-index: 9;
}

.p7IGM03-toolbar-wrapper.IGM-toolbar-top { padding: 0px 0px 10px 0px; }
.p7IGM03-toolbar-wrapper.IGM-toolbar-bottom { padding: 10px 0px 0px 0px; }

.p7IGM03-toolbar
{
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	display: inline-block;
	height: 20px;
}

.p7IGM03-toolbar li
{
	list-style-type: none;
	float: left;
	vertical-align: top;
}

.p7IGM03-toolbar a, .p7IGM03-toolbar a:visited
{
	padding: 0px;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 20px;
	font-size: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.p7IGM03-toolbar a:hover, .p7IGM03-toolbar a:focus
{
	outline: none;
	background-position: 0px -20px;
}

.p7IGM03-toolbar i
{
	position: absolute;
	left: -9000px;
}

.p7IGM03-first { background-image: url(img/p7IGM-first-gray.png); }
.p7IGM03-prev { background-image: url(img/p7IGM-prev-gray.png); }
.p7IGM03-pause-play.tb-play { background-image: url(img/p7IGM-play-gray.png); }
.p7IGM03-pause-play { background-image: url(img/p7IGM-pause-gray.png); }
.p7IGM03-next { background-image: url(img/p7IGM-next-gray.png); }
.p7IGM03-last { background-image: url(img/p7IGM-last-gray.png); }

.p7IGM03-fullscreen.max, .p7IGM03-fullscreen.min
{
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	position: absolute;
	left: auto;
	right: 6px;
	z-index: 9;
}

.p7IGM03-fullscreen.max { background-image: url(img/p7IGM-maximize-gray.png) !important; }
.p7IGM03-fullscreen.min { background-image: url(img/p7IGM-minimize-gray.png) !important; }
.p7IGM03-fullscreen.max:hover, .p7IGM03-fullscreen.min:hover { background-position: 0px -20px; }

/*Prev-Next Arrows*/
.p7IGM03-prev-arrow, .p7IGM03-next-arrow
{
	position: absolute;
	z-index: 100;
	width: 1em;
	padding: 4px;
	text-align: center;
	top: 50%;
	font-size: 3em;
	color: #FFF;
	background-color: #222;
	background: rgba(34,34,34,.7);
	margin-top: -1em;
	line-height: normal;
	box-shadow: 6px 6px 20px rgba(0,0,0,.7);
	font-family: Georgia, "Times New Roman", Times, serif;
}

.p7IGM03-prev-arrow
{
	left: 0px;
	border-radius: 0px 4px 4px 0px;
}

.p7IGM03-next-arrow
{
	left: auto;
	right: 0px;
	border-radius: 4px 0px 0px 4px;
}

.p7IGM03-prev-arrow a, .p7IGM03-next-arrow a
{
	color: #999;
	text-decoration: none;
}

.p7IGM03-prev-arrow a:hover, .p7IGM03-next-arrow a:hover { color: #BBB; }

.p7IGM03-prev-arrow a.off, .p7IGM03-next-arrow a.off
{
	color: #000;
	cursor: default;
}

.p7IGM03 .p7IGM-canvas { background-color: transparent; }

/*DO NOT EDIT - Loading Image, Link and hidden description elements*/
.p7IGM03_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*/
.p7IGM03-paginator
{
	position: relative;
	z-index: 9;
	text-align: center;
}

.p7IGM03-paginator.IGMpaginator-pags-top { padding: 10px 0px; }
.p7IGM03-paginator.IGMpaginator-pags-bottom { padding: 10px 0px; }

.p7IGM03-paginator ul
{
	margin: 0px;
	overflow: hidden;
	z-index: 20;
	padding: 0px;
	display: inline-block;
	height: 20px;
	font-size: 0px;
	line-height: 0;
}

.p7IGM03-paginator li
{
	list-style-type: none;
	float: left;
}

.p7IGM03-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;
}

.p7IGM03-paginator a:hover
{
	outline: none;
	background-position: 0px -20px;
}

.p7IGM03-paginator a:focus { outline: none; }
.p7IGM03-paginator .p7IGM03-pags-pause { background-image: url(img/p7IGM-pagspause-gray.png); }
.p7IGM03-paginator .p7IGM03-pags-pause.pag-play { background-image: url(img/p7IGM-pagsplay-gray.png); }
.p7IGM03-paginator .p7IGM03-pags-pause:hover { background-position: 0px -20px; }

.p7IGM03-pags-fullscreen.max, .p7IGM03-pags-fullscreen.min
{
	height: 20px;
	width: 16px;
	background-repeat: no-repeat;
	position: absolute;
	left: auto;
	right: 6px;
	z-index: 9;
}

.p7IGM03-pags-fullscreen.max { background-image: url(img/p7IGM-pagsmax-gray.png); }
.p7IGM03-pags-fullscreen.min { background-image: url(img/p7IGM-pagsmin-gray.png); }

.p7IGM03-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; }
.p7IGM03_image { zoom: 1; }

/*Fullscreen-Mode Styles*/
.p7IGM03.p7IGM-fullscreen
{
	background-image: none;
	background-color: #000000;
}

.p7IGM03.p7IGM-fullscreen .p7IGM03_layout,
.p7IGM03.p7IGM-fullscreen .p7IGM03_FSwrapper
{
	border-radius: 0px;
	border: none;
}

.p7IGM03-back, .p7IGM03-pags-back
{
	float: left;
	display: none;
}

.p7IGM03.p7IGM-fullscreen .p7IGM03-back,
.p7IGM03.p7IGM-fullscreen .p7IGM03-pags-back
{
	display: block;
	background-image: url(img/p7IGM-back.png) !important;
	height: 20px;
	width: 25px;
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	z-index: 9;
}

/*Set or Change the Border Color for the image container and thumbnails wrapper and for the default thumbnail state*/
.p7IGM03_thumbsviewport, .p7IGM03_thumbslist a, .p7IGM03_FSwrapper { border-color: #666; }

/*Edit border color for thumbnails on hover and when selected*/
.p7IGM03_thumbslist a:hover, .p7IGM03_thumbslist a:focus { border-color: #FF3300; }
.p7IGM03_thumbslist a.thumb_down { border-color: #00CC99; }

/*Mobile Devices*/
/*Phones*/

@media only screen and (max-device-width: 480px)
{
	.p7IGM03_caption { font-size: 16px !important; }
}

/*Tablets*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	.p7IGM03_caption { font-size: 16px !important; }
}

/*SPECIAL RULES TO WORK AROUND FLAWS IN DREAMWEAVER DESIGIN VIEW*/
.IGMnoscript .p7IGM03_thumbslist li { display: inline; }
.IGMnoscript .p7IGM03_thumbslist a { display: inline; }

.IGMnoscript .p7IGM03_thumbswrapper
{
	overflow: hidden;
	width: 99%;
	margin: 0px 0px;
}

.IGMnoscript .p7IGM03_thumbslist { white-space: nowrap; }

.IGMnoscript .p7IGM03_FSwrapper
{
	width: 98%;
	margin: 0px auto;
}

.IGMnoscript .p7IGM03_fs_img
{
	height: auto;
	width: 100%;
	max-width: 100%;
}

.IGMnoscript .p7IGMdescription-wrapper { display: none; }
.IGMnoscript .p7IGM03-prev-arrow, .IGMnoscript .p7IGM03-next-arrow { display: none; }
.IGMnoscript .p7IGM03-paginator { display: none; }
.IGMnoscript .p7IGMcaption-wrapper { display: none; }
.IGMnoscript .p7IGM03-toolbar-wrapper { display: none; }
.IGMnoscript .p7IGM03-fullscreen.max { top: 0px; }
