/*
* jquery.popeye.style.css 2.0
*
* Example styles for jQuery.popeye
*
* Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
* 
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
*/

/* fallback styles for image list */
.ppy-imglist { width: 100%; display: block; overflow: hidden; }
	.ppy-imglist li { padding: 10px; border: 1px solid #f0f0f0; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; list-style: none; float: left; display: block; margin: 0 10px 10px 0; }
		.ppy-imglist li a img { display: block; border: 0; }
#csGallery .ppy-extcaption { width: 240px; display: block; }
#csGallery .ppy-imglist li { width: 240px; height: 270px; }
.serviceImage .ppy-imglist li,
.serviceImage .ppy-imglist li a { width: 160px; height: 160px; overflow: hidden; display: block; }

/* Case Study Gallery */
#csGallery.ppy-active { width: 320px; float: right; margin: 0 -10px 10px 20px; }
	#csGallery .ppy-outer { padding: 10px; background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.7); }
	#csGallery .ppy-stage { width: 300px; height: 220px; }
		#csGallery .ppy-outer:hover,
		#csGallery.ppy-expanded .ppy-outer { background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.7); }
	#csGallery .ppy-caption { background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.7); margin: 0; padding: 0 10px 10px; font-size: 9px; line-height: 1.2em; color: #fff; text-transform: uppercase; }
		#csGallery .ppy-caption a { }
		#csGallery .ppy-caption a:hover { text-decoration:underline; }
	#csGallery .ppy-counter { border-top: 1px solid #006d75; border-color: rgb(0, 109, 117); border-color: rgba(0, 109, 117, 0.5); color: #5bc5d2; padding: 5px 0 0 0; margin: 2px 0 0 0; font-size: 0.9em; text-align: right; }
	#csGallery .ppy-stagewrap { background: rgb(3, 35, 37); background: rgba(0, 0, 0, 0.5); }
	#csGallery .ppy-loading { background: rgb(3, 35, 37) url(../images/popeye/loading1.gif) no-repeat center !important; background: rgba(0, 0, 0, 0.7) url(../images/popeye/loading1.gif) no-repeat center !important; }
	#csGallery .ppy-nav { background: #000; width: 68px; height: 22px; padding: 5px; position: absolute; right: 0; top: 0; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
		#csGallery .ppy-nav a { display: block; overflow: hidden; text-indent: -900em; height: 12px; float: left; padding: 5px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; }
	#csGallery .ppy-prev { width: 12px; background: url(../images/popeye/prev.png) no-repeat center; }
	#csGallery .ppy-next { width: 12px; background: url(../images/popeye/next.png) no-repeat center; }
	#csGallery .ppy-switch-enlarge { width: 12px; background: url(../images/popeye/enlarge.png) no-repeat center; }
	#csGallery .ppy-switch-compact { width: 12px; background: url(../images/popeye/compact.png) no-repeat center; }
	#csGallery .ppy-nav a:hover { background-color: #5bc5d2; cursor: pointer; }

/* Services Image Enlarger */
.serviceImage.ppy-active { width: 320px; float: right; margin: 0 -350px 10px 15px; }
	.serviceImage .ppy-outer { padding: 10px; background: rgb(25, 25, 25); background: rgba(25, 25, 25, 0.9); }
	.serviceImage .ppy-stage { width: 320px; height: 240px; }
		.serviceImage .ppy-outer:hover,
		.serviceImage.ppy-expanded .ppy-outer { background: rgb(25, 25, 25); background: rgba(25, 25, 25, 0.9); }
	.serviceImage .ppy-caption { background: rgb(25, 25, 25); background: rgba(25, 25, 25, 0.9); margin: 0; padding: 0 10px 10px; font-size: 9px; line-height: 1.2em; color: #fff; text-transform: uppercase; }
		.serviceImage .ppy-caption a { }
		.serviceImage .ppy-caption a:hover { text-decoration:underline; }
	.serviceImage .ppy-counter { border-top: 1px solid #006d75; border-color: rgb(0, 109, 117); border-color: rgba(0, 109, 117, 0.5); color: #5bc5d2; padding: 5px 0 0 0; margin: 2px 0 0 0; font-size: 0.9em; text-align: right; }
	.serviceImage .ppy-stagewrap { background: rgb(25, 25, 25); background: rgba(25, 25, 25, 0.9); }
	.serviceImage .ppy-loading { background: rgb(25, 25, 25) url(../images/popeye/loading3.gif) no-repeat center !important; background-color: rgba(25, 25, 25, 0.9); }
	.serviceImage .ppy-nav { background: #222; height: 22px; padding: 5px; position: absolute; right: 0; top: 0; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
		.serviceImage .ppy-nav a { display: block; overflow: hidden; text-indent: -900em; height: 12px; float: left; padding: 5px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; }
	.serviceImage .ppy-prev { width: 12px; background: url(../images/popeye/prev.png) no-repeat center; }
	.serviceImage .ppy-next { width: 12px; background: url(../images/popeye/next.png) no-repeat center; }
	.serviceImage .ppy-switch-enlarge { width: 12px; background: url(../images/popeye/enlarge.png) no-repeat center; }
	.serviceImage .ppy-switch-compact { width: 12px; background: url(../images/popeye/compact.png) no-repeat center; }
	.serviceImage .ppy-nav a:hover { background-color: #5bc5d2; cursor: pointer; }