html {}
     
body  {
	background-color: white;
    margin: 0px 0px 0px 0px;
} 
		        
figcaption, figure, cite {display: block;} /*ie < 9 html shiv */
    
		        
#rg_layout{display: block; position: relative; margin-top: 10px; background-color: white;}

.rg-upper-area {display: block; width:920px;margin-left:28px;margin-bottom:10px; position: relative;}	 
 
.rg-container{position: relative; display: block; background-color: #1A1A1A; min-width: 500px; overflow: hidden; margin-top: 0px; margin-left: 30px; margin-right: 30px; min-height: 700px; /* must update if js min changes! */}
  
.rg-header {color: white; padding-left: 0px; margin-right: -50px; position: relative; float: left; width: 100%; background-color: #1A1A1A; min-height: 50px; overflow-y: visible;}
.rg-header, #rg-liquid-widgetarea {z-index: 100;}
.rg-header .title-line {padding-top: 17px; padding-left: 10px; width: 70%; text-align: left; font-family: 'DIN Web Condensed', 'Arial Narrow', sans-serif; font-size: 34px;  line-height: 26pt; display: block; vertical-align: top;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;}
.rg-header .title-line span {color: rgb(255, 36, 209); text-transform: uppercase;}
.rg-header .title-line h1 {font-family: 'DIN Web Condensed', 'Arial Narrow', sans-serif; font-size: 34px; text-transform: none; line-height: 26pt;}
.rg-header .gallery-sponsor {position: absolute; display: block; right: 10px; top: 12px; height: 60px; width: 300px;}
.rg-header .gallery-sponsor .sponsor-left {position: absolute; left: 0; top: 0; width: 120px; height: 60px;}
.rg-header .gallery-sponsor .sponsor-right {position: absolute; right: 0; top: 0; width: 120px; height: 60px;}

.wrapper {position: relative; display: block; float: left; width: 100%;    max-height: 100%; overflow: hidden;} /*needed!*/
.leftside {display: block; margin-right: 310px; /*no float no width or breaky????*/  }
 
.right-spacer {position: relative; width: 310px; display: block; float: left; margin-left: -310px; height: 1px;} 
.rightside {position: absolute; width: 310px; display: block; height: 100%; top: 0px; right: 0px; overflow: visible; /* OK to flow out of this div, but not parents. This div can animate out of view */}
   
.centerit {height: 100%; display: block; text-align: center; background-color: blue;}
   
.height-wrapper {z-index: 1; position: relative; display: block; background-color: #1A1A1A; color: white; margin-bottom: 6px; overflow: hidden;}
   
.something {overflow: hidden;  position: relative; display: block; text-align: center; background-color: #1A1A1A; max-height: 100%; }
   
.ZZsomething:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}	

   
/* centering changes*/

.somethingREMOVE #target-img {position: relative; display: inline-block; vertical-align: middle; /*max-width here on method 1 */ margin: 15px 25px 15px 25px; left: 0px /*animate this delta */; } 

.something #photo-block {min-height: 500px; text-align: center; position: relative; display: block;  margin: 0px 0px 0px 0px; padding-top: 5px; left: 0px /*animate this delta */; } 
.something #photo-block #target-img{ margin-top: 5px;}
.something #photo-block #target-caption{display: inline-block; height: 40px; font-size: 10pt; font-family: Arial, sans-serif;} 
.something #photo-block #target-title{display: inline-block; position: relative; left: 0px; height: 22px;  font-size: 12pt; font-weight: bold; font-family: Arial, sans-serif;} 

/* end */

    		/* refit to viewport area*/
    		#photo-block {height: 100%; width: 100%; overflow: hidden; background-color: #1A1A1A;} /* TODO vary this */
    		.gallery-show ol {position: relative; margin-left: 0px; padding-left: 0px; }
    		.gallery-show ol li {list-style: none;  margin-left: 0px; padding-left: 0px;  text-align: center;}
    		.gallery-show ol li {position: absolute; top: 1400px; /* temp */}
    		.gallery-show cite {position: relative; margin-top: -2px; text-align: right; font-size: 7pt;}
    		
    		.gallery-show h2 {
				height: 18px;
				text-transform: none;
				display: block;
				text-align: left;
				padding-bottom: 7px;
				font-size: 16pt;
				line-height: 18pt;
				vertical-align: bottom;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;
			}	
    		.gallery-show img {width: 100%;}
    		.gallery-show .photo-box {margin: 0 0 0 0; padding: 0 0 0 0;}
    		
    		.gallery-show .focused-gi {position: relative; top: 0px; margin-left: auto; margin-right: auto;}
    		 
   			.gallery-show .focused-gi .photo-box {width: 100%}
   			
   			.gallery-show figcaption {position: relative; margin-top: 5px; font-family: Arial; font-size: 10pt; line-height: 12pt; text-align: center;}
   			.gallery-show figcaption .caption-ellipses {display: block; right: 0px; bottom: 0px; position: absolute; background-color: #1A1A1A; text-align: right; padding-left: 6px;}
			.gallery-show figcaption .photo-caption-inner {display: block; padding-left: 4px; padding-right: 4px;}
			.gallery-show figcaption .photo-caption-inner a {color: #0CF;}
			
			/* vert center */
   		    .gallery-show  {height: 100%}
   		    .gallery-show  ol {height: 100%}
   		    
   		    .gallery-show  .focused-gi {height: 100%; display:block}
     		.gallery-show  .focused-gi:before {
				 content: '';
				 display: inline-block;
				 height: 100%;
				 vertical-align: middle;
				 margin-right: -0.25em; /* Adjusts for spacing */
				}
				
			 .gallery-show  .focused-gi .photo-box {display: inline-block; position: relative; top: -10px; vertical-align: middle; width: 98%; /* FF fix */}
      		/* end vert center change */ 	
	

.ll-nav {display: block; height: 100%;   width: 55px; background-color:  #1A1A1A;}

.ll-nav:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -0.25em; /* Adjusts for spacing */
}

.ll-nav .nav-hotspot {opacity:.8; filter:alpha(opacity=80); display: inline-block; vertical-align: middle; height: 143px; background: #303030 url("/resources/responsiveGallery/images/rg_nav.png") no-repeat 0 0; width:50px;/*max-width here on method 1 */} 
.ll-nav .nav-hotspot:hover {background-color: #FFA0FF; filter:alpha(opacity=100); opacity:1;}
.ll-nav .nav-hotspot img {}
			
.ll-nav img {display: inline-block; vertical-align: middle; /*max-width here on method 1 */} 
		
		.ll-leftnav {position: absolute; left: 0px; top: 0px; text-align: left; padding-left: 9px; }
		.ll-rightnav {position: absolute;  right: 0px; top: 0px; text-align: right; padding-right: 11px; }

.ll-leftnav a { background-position: 0px 0px; }
.ll-rightnav a { background-position: -50px 0px ! important; }

   #rg_right_ad {display: block; width: 300px; height: 250px; margin-left: 0px; margin-top:40px;}
       
.bottom {position: relative; display: block; height: 83px; background-color:  #1A1A1A;}


/* carousel */
#carousel-container {margin-left: 75px; margin-right: 75px;}
#carousel-container #cc-center-mark {position: relative; height: 95px; overflow: visible; width: 2px; margin-left: auto; margin-right: auto;}
#carousel-container #cc-centerer {position: absolute; display: block; text-align: center; width: 4000px; left: -2000px; height: 95px;}

.carousel {position: relative; display: block; text-align: center; height:83px; position: relative; bottom: 0px; overflow: hidden;}
.carousel ol {bottom: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; background-color: transparent; display: inline-block; list-style: none; position: relative; text-decoration: none; list-style: none; height: 82px; white-space: nowrap;}
.carousel ol li {background-color: gray; width: 50px; height: 50px; overflow: hidden; margin: 0 4px 0 4px; padding: 0 0 0 0; position: relative; display: inline-block; text-decoration: none; list-style: none; position: relative; border-color: rgb(255, 36, 209); border-width: 0; border-style: solid;}
.caurosel ol li a {width: 100%; display: block;}
.carousel ol li.focused-border {border-width: 2px;}
.carousel img {margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; left: 0px; top: 0px; display: block;  width: 100%;}

/* related galleries */
#related-galleries-block {display: block; position: absolute; bottom: -500px; right: 10px; display: block; width: 300px;}
.related-galleries-title {font-family: Arial; font-size: 12pt; font-weight: bold; display: block; text-align: left;}
.related-gallery {padding-top: 10px; display: block; float: left; width: 145px;}
.related-gallery img {}
.related-gallery a {text-decoration: none;}
.related-gallery.right-col {padding-left: 10px;}
.related-gallery .related-gallery-caption {color: white; display: block; height: 32px; width: 145px; font-family: Arial; font-size: 10pt; display: block; text-align: left; text-decoration: none; overflow: hidden;}


/* socials */
#rg-social-media-icons {
	position: relative;
	width: 312px;
	display: block;
	right: 30px;
	top: 400px;
	overflow: visible;
	height: 0px;
	float: right;
} /*special overlay positioning. */

#rg-social-media-icons ul {list-style: none; text-align: left; padding-left: 0; margin-left:0; position: relative;}
#rg-social-media-icons ul li {list-style: none; display: block; float:left}
#rg-social-media-icons ul li.facebook-like {margin-left: 0px;}
/*#rg-social-media-icons ul li.facebook-like iframe {
	margin-left: -149px;
}
#rg-social-media-icons ul li.facebook-like iframe table.uiGrid.pluginConnectButtonLayoutRoot {
	margin-left: 149px;
}
#rg-social-media-icons ul li.facebook-like iframe ._4xn8 {
	margin-left: 161px;
}*/
#rg-social-media-icons ul li.twitter {margin-left: 15px}
#rg-social-media-icons ul li.google-plus {margin-left: 0px; width: 77px;}
#rg-social-media-icons ul li.email-bttn {margin-left: 0px}
#rg-social-media-icons ul li.email-bttn .envelope{width:27px}
#rg-social-media-icons .social-Send-Email {margin: 25px 0 0 -110px ! important;} /* Email Popup Div */
#rg-social-media-icons .overlay_form {text-align:left;} /* Email Popup Form */
#rg-social-media-icons .overlay_form h3 {
	color: #219ddd;
	font-family: 'Ostrich Sans Pro Regular';
	font-size: 26px;
	font-weight: bold;
}
#rg-social-media-icons .overlay_form label {
	font-size: 12px;
	font-family: verdana;
}
#rg-social-media-icons .overlay_form .helper_text {
	color: #999999;
	font-family: verdana;
	font-size: 12px;
}

/* thyme */
#rg-thyme-holder {background-color: white;} 

/* take-over/interstitial -- default hidden away and centered content styling*/
.rg-takeover {height: 100%; display: block; min-width: 585px; text-align: center; position: absolute; top: 2000px;  background-color: #1A1A1A; display: block;}
.rg-takeover:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -0.25em; /* Adjusts for spacing */
}
.ll-takeover {padding-bottom: 100px;}
.ll-takeover .nav-hotspot {position: relative; top: -41px; }

.rg-takeover-container {top: -35px; display: inline-block; vertical-align: middle; position: relative; left: 0px;} 
/* base position to animate from -- script in this class*/
.rg-takeover-active {top: 0px; left: 0px;}
/* upsell */
.rg-insterstitial-test {display: block; background-color: gray; width: 780px; height: 600px;}

/* hotfix to make ad area only as wide as photo area, leaving right col still covered */
#rg-interstitial-ad .ll-rightnav {right: 310px;}
#rg-interstitial-ad .rg-takeover-container {left: -150px;}

/* take-over upsell area*/
/* css3 animation */
@keyframes close-anim 
{
0%  {
		transform: scaleX(1); 
	}
100% { 
		transform: scaleX(0);
	}
}
@-webkit-keyframes webkit-close-anim 
{
0%  {
		-webkit-transform: scaleX(1); 
	}
100% { 
		-webkit-transform: scaleX(0);
	}
}
@-ms-keyframes ms-close-anim 
{
0%  {
		-ms-transform: scaleX(1); 
	}
100% { 
		-ms-transform: scaleX(0);
	}
}
@-moz-keyframes moz-close-anim 
{
0%  {
		-moz-transform: scaleX(1); 
	}
100% { 
		-moz-transform: scaleX(0);
	}
}
    
.closing
     {
		animation:close-anim .5s ease-out; 
		-webkit-animation:webkit-close-anim .5s ease-out; 
		-ms-animation:ms-close-anim .5s ease-out; 
		-moz-animation:moz-close-anim .5s ease-in; 
     }
        
        
@keyframes open-anim /* Safari and Chrome */
{
0%  {
		transform: scaleX(0); 
	}
100% { 
		transform: scaleX(1); 
	}
}
@-webkit-keyframes webkit-open-anim /* Safari and Chrome */
{
0%  {
		-webkit-transform: scaleX(0); 
	}
100% { 
		-webkit-transform: scaleX(1); 
	}
}
@-ms-keyframes ms-open-anim /* Safari and Chrome */
{
0%  {
		-ms-transform: scaleX(0); 
	}
100% { 
		-ms-transform: scaleX(1); 
	}
}
@-moz-keyframes moz-open-anim /* Safari and Chrome */
{
0%  {
		-moz-transform: scaleX(0); 
	}
100% { 
		-moz-transform: scaleX(1); 
	}
}
     
.opening
   {
       animation:open-anim .5s ease-in; /* Safari and Chrome */
       -webkit-animation:webkit-open-anim .5s ease-in; /* Safari and Chrome */
       -ms-animation:ms-open-anim .5s ease-in; /* Safari and Chrome */
       -moz-animation:moz-open-anim .5s ease-in; /* Safari and Chrome */
   }


.upsell-area {display: block; width: 810px; height: 700px; position: relative; overflow: hidden;}
.upsell-area a {text-decoration: none;}
.upsell-row {display: block;  position: relative;}
.upsell-ad {margin: 5px 5px 5px 5px; float: left;  position: relative; width: 300px; height: 250px;}
.upsell-item {display: block; height: 250px; margin: 5px 5px 5px 5px; float: left;  position: relative;}

.upsell-item-cover {display:table; vertical-align: middle; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}

.upsell-item-titleblock {display: table-cell; text-align: center; vertical-align: middle; padding: 10px 10px 10px 10px; position: relative;}
.upsell-item-title {
	font-family: 'Ostrich Sans Pro Regular', 'Arial Narrow', sans-serif; font-size: 52pt; line-height: 50pt; text-transform: uppercase;}
.upsell-item-subtitle {
	font-family: 'Ostrich Sans Pro Regular', 'Arial Narrow', sans-serif; font-size: 32pt; line-height: 30pt; text-transform: uppercase;}
.upsell-item-picture {position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; height: 100%;}
.upsell-item-picture img {width: 100%;}
.upsell-item-caption {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60px; opacity:.8; filter:alpha(opacity=80); background-color: black;}
.upsell-item-caption-text{text-align: left; left: 0px;  position: absolute; bottom: 2px;  width: 90%; margin-left: 12px; height: 50px; color: white; font-family: 'DIN Web Condensed', 'Arial Narrow', sans-serif; font-size: 18pt; line-height: 20pt; text-transform: uppercase;}

#upsell-item-1 {width: 326px;} 
#upsell-item-2 {width: 154px;}
	#upsell-item-2 .upsell-item-title {font-size: 32pt; line-height: 30pt;}
	#upsell-item-2 .upsell-item-subtitle {font-size: 24pt; line-height: 23pt;}
#upsell-item-3 {width: 154px;}
	#upsell-item-3 .upsell-item-title {font-size: 32pt; line-height: 30pt;}
	#upsell-item-3 .upsell-item-subtitle {font-size: 24pt; line-height: 23pt;}
#upsell-item-4 {width: 472px;}
#upsell-item-5 {width: 154px;}
	#upsell-item-5 .upsell-item-title {font-size: 32pt; line-height: 30pt;}
	#upsell-item-5 .upsell-item-subtitle {font-size: 24pt; line-height: 23pt;}
#upsell-item-6 {width: 300px;}
#upsell-item-7 {width: 326px;}
#upsell-item-8 {width: 154px;}
	#upsell-item-8 .upsell-item-title {font-size: 32pt; line-height: 30pt;}
	#upsell-item-8 .upsell-item-subtitle {font-size: 24pt; line-height: 23pt;}

#rg-upsell-1 {}