html,
body {
	margin:0;
	padding:0;
	background:transparent;
	overflow-y:auto;
	overflow-x:hidden !important;
}

#responsive-gallery-wrapper,
#responsive-gallery-wrapper h1
#responsive-gallery-wrapper h2,
#responsive-gallery-wrapper h3,
#responsive-gallery-wrapper p {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

/**
 * Primary
*/

#responsive-gallery-wrapper {
    position:fixed;
	display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
	background:transparent !important;
	border:none;
	overflow-y:scroll;
	overflow-x:hidden !important;
}

#ajax-target {
	background:transparent !important;
}

#gallery-header {
	position:relative;
	display:block;
	width:800px;
	margin:0 auto;
}

#gallery-logo {
	float:right;
	display:block;
	margin:39px 0 0 0;
	width:178px;
	height:70px;
	background:url(/engines/gallery/widget/responsiveGallery/structure/photosafaris_logo.png) no-repeat;
}

#gallery-close {
	position:absolute;
	z-index:5;
	top:2px;
	right:0;
	width:52px;
	height:14px;
	background-image:url(/engines/gallery/widget/responsiveGallery/structure/sprite.png);
	background-repeat:no-repeat;
	background-position:0 -342px;
}

#gallery-close:hover {
	cursor:pointer;
	background-position:0 -362px;
}

#category-info {
	float:left;
	margin:39px 0 0 0;
	width:72%;
}

#category-info h1,
#category-info h2,
#category-info p {
	color:#FFF;
}

#responsive-gallery {
	margin:20px auto;
	height:auto !important;
	padding:28px 15px 15px 15px;
	border:1px solid #666;
}


/**
 * Viewport / Target
*/


.viewport {
	width:800px;
	height:450px;
}

#gallery-target-wrapper {
	position:relative;
	margin:0 auto;
}

#gallery-target {
	position:absolute;
	z-index:1;
	width:100% !important;
	border:none;
	background:transparent !important;
}

.target-img {
	position:absolute;
	z-index:1001;
	display:block;
	margin:0 auto !important;
	border:1px solid #333;
}

/*
#imgtarget1 {
	border:1px solid red;
}

#imgtarget2 {
	border:1px solid blue;
}
*/

#viewport { /* protects image from download */
	position:absolute;
	z-index:2;
	background:transparent;
}

#viewport:hover {
	cursor:pointer;
}


/**
 * Primary Image Navigation
*/

#responsive-gallery-wrapper .nav {
	position:absolute;
	z-index:10001;
	top:190px;
	width:52px;
	height:52px;
	background:url(/engines/gallery/widget/responsiveGallery/structure/sprite.png);
	background-position:0 0;
}

#responsive-gallery-wrapper .nav:hover {
	cursor:pointer;
}

#responsive-gallery-wrapper #back {
	left:-80px;
}

#responsive-gallery-wrapper #back:hover {
	cursor:pointer;
	background-position:0 -60px;
}

#responsive-gallery-wrapper #next {
	right:-80px;
	background-position:-60px 0;
}

#responsive-gallery-wrapper #next:hover {
	cursor:pointer;
	background-position:-60px -60px;
}


/**
 * Controls
*/

#controls-wrapper {
	position:relative;
	margin:30px 0 0 0;
	padding:15px;
	width:auto;
	background:url(/engines/gallery/widget/responsiveGallery/structure/controls_bg.jpg) 0 0 repeat-x;
}

#controls-wrapper.visible {
}

#controls-wrapper div.clear {
	height:30px;
}

#controls {
	float:left;
	height:24px;
}

#controls div {
	display:inline-block;
	*display:inline;
	padding:0 10px 0 0;
	margin:0 15px 0 0;
	width:16px;
	height:24px;
	border-right:1px solid #FFF;
	background-image:url(/engines/gallery/widget/responsiveGallery/structure/sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

#controls div:hover {
	cursor:pointer;
}

#controls #ss_controls,
#controls #lb_controls,
#controls #fs_controls {
	display:inline-block;
	*display:inline;
	float:left;
}

#controls #ss_controls {
	background-position:0 -118px;
}

#controls #ss_controls:hover {
	cursor:pointer;
	background-position:-30px -118px;
}

#controls #ss_controls.playing {
	background-position:-60px -118px;
}

#controls #lb_controls {
	padding:0 27px 0 0;
	background-position:0 -149px;
}

#controls #lb_controls:hover {
	background-position:-50px -149px;
}

#controls #fs_controls {
	padding:0;
	width:160px;
	border-right:none;
	background-position:0 -189px;
}

#controls #fs_controls:hover {
	cursor:pointer;
	background-position:0 -219px;
}

#responsive-gallery-wrapper.fs #controls #fs_controls {
	background-position:0 -389px;
}

#responsive-gallery-wrapper.fs #controls #fs_controls:hover {
	cursor:pointer;
	background-position:0 -419px;
}


/**
 * Image Data
*/

#imagedata {
	float:right;
	margin:0;
	width:68%;
	text-align:right;
	min-height:35px;
}

#imagedata p {
	display:block;
	margin:0 0 3px 0;
	font-size:1em;
	color:#FFF;
	line-height:120%;
}

#imagedata span {
	display:block;
	font-size:.7em;
	color:#FFF;
}



/**
 * bxSlider - Gallery Thumb Navigation
*/

#thumb-wrapper {
	display:block;
	position:relative !important;
	background:transparent !important;
}

ul#gallery-thumbs {
	display:block;
	position:relative !important;
	z-index:1001 !important;
	margin:0 0 0 -10px !important; /* fix for borders being cut off */
}

ul#gallery-thumbs li {
	margin:0 10px !important;
}

ul#gallery-thumbs li img {
	border:1px solid #000;
}

ul#gallery-thumbs li img:hover {
	border:1px solid #666;
	cursor:pointer;
}

ul#gallery-thumbs li img.selected {
	border:1px solid #FFF;
}

.bx-wrapper .bx-viewport {
	padding:0 2px;
	background:transparent !important;
}

.bx-prev {
	margin-left:-48px;
	width:17px !important;
	height:31px !important;
	background-image:url(/engines/gallery/widget/responsiveGallery/structure/sprite.png) !important;
	background-repeat:no-repeat !important;
	background-position:0 -249px !important;
}

.bx-next {
	margin-right:-48px;
	width:17px !important;
	height:31px !important;
	background-image:url(/engines/gallery/widget/responsiveGallery/structure/sprite.png) !important;
	background-repeat:no-repeat !important;
	background-position:-40px -249px !important;
}

.bx-prev:hover {
	background-position:0 -299px !important;
}

.bx-next:hover {
	background-position:-40px -299px !important;
}


/**
 * FULLSCREEN
*/

#responsive-gallery-wrapper.fs {
	position:fixed;
	margin:0;
	padding:0 !important;
	background:transparent !important;
	overflow-y:hidden !important;
	overflow-x:hidden !important;
}

#responsive-gallery-wrapper.fs .viewport {
	width:100% !important;
	height:100%;
}

#responsive-gallery-wrapper.fs #controls-wrapper {
	display:block;
	position:fixed;
	z-index:5;
	bottom:0;
	left:0;
	height:20px;
}

#responsive-gallery-wrapper.fs #responsive-gallery {
	margin:0;
	padding:0 !important;
	border:none !important;
	background:transparent !important;
}

#responsive-gallery-wrapper.fs #gallery-target-wrapper {
	padding:0;
	width:100%;
}

#responsive-gallery-wrapper.fs #gallery-target {
	margin:0 auto !important;
	width:100% !important;
}


#responsive-gallery-wrapper.fs  #thumb-wrapper {
	position:absolute;
	left:-3000px;
}

#responsive-gallery-wrapper.fs  #back {
	left:40px;
}

#responsive-gallery-wrapper.fs  #next {
	right:40px;
}

#responsive-gallery-wrapper.fs  #imagedata {
	float:left;
	margin:0 0 0 40px;
	width:auto;
}

#responsive-gallery-wrapper.fs  #imagedata p {
	display:inline-block;
	*display:block;
	margin:0 20px 0 0;
}

#responsive-gallery-wrapper.fs  #imagedata span {
	display:inline-block;
	*display:block;
}

#responsive-gallery-wrapper.fs  #gallery-header {
	display:none;
}

/**
 * misc classes
*/

#responsive-gallery-wrapper div.clear {
	height:0.1em;
	clear:both;
}

/**
 * hide on fs
*/

#responsive-gallery-wrapper.fs #next,
#responsive-gallery-wrapper.fs #back {
	display:none;
}

#responsive-gallery-wrapper.fs #controls-wrapper {
	bottom:-100px;
}

/* currently working vendor prefixes */
#responsive-gallery-wrapper.fs #controls-wrapper:-webkit-full-screen, 
#responsive-gallery-wrapper.fs #controls-wrapper:-moz-full-screen {
}


/**
 * Tablet / Mobile
*/

#responsive-gallery-wrapper.desktop{
	background:transparent !important;
}