/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

@font-face
{
font-family: Snippet;
src: url('Snippet.ttf');
}
@font-face
{
font-family: Jokerman;
src: url('Jokerman-Regular.ttf');
}


a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #626938;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
	color: #282b16;
}

*
{
border: 0;
margin: 0;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	color: #808000;

}
	
table {padding:20px;}

td {padding: 10px;}
	
dl
{
	padding: 10px 0 30px 30px;
	margin: 1em 0;
	width: 100%;
	overflow: hidden;

}


dt
{
	clear: left;
	float: left;
	width: 300px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
	background: #ccc;
	display: inline;
}

dt img {float: left; width: 150px; display: inline;}

dd
{
	float: left;
	clear: right;
	width: 250px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	background: maroon;
	font-weight: bold;
	line-height: 120%;
	color: #fff;
	display: inline;
}

* html dd {float:right; margin-right: 30px;} 

blockquote, .QuoteTitle, .PlainMarginQuote{
	float: right;
	display: block;
	font-style: italic;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	margin-left: 10px;
	color: #fff;
	width: 200px;
	background-color: #000;
		-webkit-box-shadow:-2px 2px 2px #888;
	-moz-box-shadow:-2px 2px 2px #888;
	box-shadow:-2px 2px 2px #000;}

blockquote, .QuoteTitle{
	border-right: 50px solid #626938;
	border-left: 15px solid #626938;
	quotes: "\201C" "\201D"; } 
	blockquote:before { content: open-quote; font-weight: bold; font-size: 36px;} 
	blockquote:after { content: close-quote; font-weight: bold; } 
.QuoteTitle {
	position: absolute;
	margin-top: -70px;
	height: 58px;
	font-style: normal;
	font-size: 14px;}
	
blockquote:hover
{
transform: scale(1.5.1.5);
-ms-transform: scale(1.5,1.5); /* IE 9 */
-webkit-transform: scale(1.5,1.5); /* Safari and Chrome */
-o-transform: scale(1.5,1.5); /* Opera */
-moz-transform: scale(1.5,1.5); /* Firefox */
} 

.marginQuote {
	position: absolute;
	margin-left: 702px;
	font-size: 12px;}
	
.PlainMarginQuote {
	position: absolute;
	margin-left: 732px;
	width: 235px;

}
	
* html .marginQuote {margin-left: 351px;}

dl.table-display
{
	float: left;
	width: 520px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.table-display dt
{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.table-display dd
{
	float: left;
	width: 300px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

body
{

	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images2/rockdustback.JPG);
	background-repeat:repeat;
	background-position: top left;
	background-attachment: fixed;
	background-color: #ccc;
}

#mainbg{
	position: relative;
}

#main{
	margin: 0 auto;
	width: 1014px;
}

* html #main {	background-color: #f3f5e9;	position: relative; }

.logotext {
	font-family: Jokerman; font-weight: bold;}


#logo{
	text-align: left;
	height: 90px;
	padding-left: 25px;
	padding-bottom: 23px;
	margin-bottom: 5px;
	font-family: Jokerman;
	background: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	display: block;
	position: relative;
	z-index: -10;
	border-radius: 1em;
	-webkit-box-shadow:-2px 2px 2px #000;
	-moz-box-shadow:-2px 2px 2px #000;
	box-shadow:-2px 2px 2px #000;
}

#logo a {
	display: block;
	position: relative;
	z-index: 1;
	float: left;
	clear: right;	
	text-decoration: none;
	text-transform: none;
	font-style: italic;
	font-family: Jokerman;
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: -6px 6px 2px #000;
	opacity: 0.8;
}

#logo span {
	display: block;	
	clear:left;
	font-size: 20px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	text-shadow: -3px 3px 2px #000;
}

#logo #memlong {
	background: url(images2/memlong.png) no-repeat;
	display: block;
	float: right;
	height: 113px;
	width: 352px;
	position: relative;
	z-index: -9;
	right: 35px;}
	
* html #logo #memlong {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/memlong.png',sizingMethod='scale')}

/*** style to show definitions ***/

.define a:hover {background-color: #eeeeee;   text-decoration: none;}
.define a:link span{display: none;}
.define a:visited span{display: none;}
.define a:hover span {
  position: absolute;
  margin:40px 0px 0px 50px;
  background-image: url(images/logo.jpg);
  max-width:220px;
  padding: 2px 10px 2px 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-align:left;
  display: block;
  	-webkit-box-shadow:-5px 5px 5px #000;
	-moz-box-shadow:-5px 5px 5px #000;
	box-shadow:-5px 5px 5px #000;}

.divider {
	display: block;
	height: 50px;
	width: 200px;
	border:none;
	background: transparent url(images/divider.png) no-repeat center top;}

	
#left .booklink {
	display: block;
	border-top: solid 2px gray;
	border-bottom: solid 2px gray;
	height: auto;
	width: 250px;
	position: absolute;
	margin-left: 730px;	
		-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

#left .booklink a{
	padding-left: 10px;
}
	

#left .booklink img {
	padding: 0;
	border: none;
	width: 220px;
	height:auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#left .booklink p {
	clear: both;
	text-align: left;
	padding-top: 0px;
}

.booklink span {
	font-weight:bold;
	padding-top:10px;
}

#buttons{
	height: 47px;
	margin: 5px auto 0px 4px;
/* background: url(images/menubg.jpg);
	background-repeat:repeat-x;
	background-position:top;
*/
	border-radius: 5px;

}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
	display: inline;
}

#buttons a {
	font-family: Tahoma, Geneva, Verdana;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	display: block;
	float: left;
	margin-right: 2px;
	height: 32px;
	padding: 10px 9px 0px 9px;
	background: url(images/menubg.jpg);
	border-radius: 5px;
	text-shadow: -3px 3px 2px #000;
	-webkit-box-shadow:-2px 2px 2px #888;
	-moz-box-shadow:-2px 2px 2px #888;
	box-shadow:-2px 2px 2px #000;
}


#buttons a:hover {
	height: 32px;
	/***
	background: url(images/menubghov.jpg);
	background-repeat:repeat-x;
	background-position:top; **/
	color: yellow;
	text-shadow: -10px 10px 10px #000;
}


#content{
	padding-top: 15px;
	padding-bottom: 15px;
}

#content_bg{
	background-color: #f3f5e9;
	border-radius: 1em;
	-webkit-box-shadow:-2px 2px 2px #000;
	-moz-box-shadow:-2px 2px 2px #000;
	box-shadow:-2px 2px 2px #000;
	margin-bottom: 3px;
}

#left{	
	width: 708px;
	margin-left: 15px;
	border-right: 1px solid #ccc;
}


#left H1{
	font-family: Tahoma, Geneva, Verdana;
	font-weight:normal;
	color: #ffffff;
	font-size: 18px;
	height: 35px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	width:100%;
	margin-bottom:20px;
	background: url(images/title_left.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#left H2 {
	font-family: Tahoma, Geneva, Verdana;
	font-weight:bold;
	color: #808000;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	}

#left img, embed, iframe {padding: 0; 
	margin-right: 5px; 
	margin-left: 5px;
	border: 5px solid #fff;		
	-webkit-box-shadow:-2px 2px 2px #000;
	-moz-box-shadow:-2px 2px 2px #000;
	box-shadow:-2px 2px 2px #000;
	}
	
#left img.left-wrap {
	float:left;
}

#left img.right-wrap {
	float:right;
}


#left p, #left ul{
	padding-left:5px;
	padding-right:5px;
	padding-bottom: 15px;
}

#left p{text-align:justify;}

#left ul{padding-left: 50px;}

.expand:hover
{
transform: scale(3,3);
-ms-transform: scale(3,3); /* IE 9 */
-webkit-transform: scale(3,3); /* Safari and Chrome */
-o-transform: scale(3,3); /* Opera */
-moz-transform: scale(3,3); /* Firefox */
} 

#text{
}



.read, #right ul .read{
	text-align: right;
	background: url(images/read.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin-top:10px;
	margin-bottom:10px;
	height:16px;
}

.read a, #right ul li .read a{
	color: #ffffff;
	font-weight:normal;
	padding-right:4px;
	font-size: 12px;
	text-decoration:none;
}

.read a:hover, #right ul .read a:hover{
	text-decoration:underline;
}

#right{
	width: 262px;
	overflow: hidden;
	float:right;
	margin-right: 15px;
	display: inline;
}

#right h2 {
	font-family: Tahoma, Geneva, Verdana;
	font-weight:normal;
	color: #ffffff;
	font-size: 18px;
	text-align:center;
	height: 35px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom:20px;
	background: url(images/title_right.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#right ul{
	list-style: none;
	margin-bottom: 30px;
	padding-left:7px;
	padding-top: 5px;
	padding-right:10px;
}



#right li{
	background: url(images/ls.png) transparent no-repeat left top;
	padding-left: 20px;
	margin-bottom: 10px;
}

#right a{
	text-decoration: none;
	color: #335000;
	font-weight:bold;
}

#right a:hover {
	text-decoration: underline;
}

.narrower {width: 200px;}

.caption {float:left;}
.caption p{clear:left; padding:5px; font-style: italic;}

#footer
{
	background: url(images/logo.jpg) top repeat;
	height: 90px;
	margin: 5px auto;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	clear:both;
	padding-bottom: 0px;
	border-radius: 1em;
	-webkit-box-shadow:-2px 2px 2px #000;
	-moz-box-shadow:-2px 2px 2px #000;
	box-shadow:-2px 2px 2px #000;
}

#footer p{
	padding-top: 30px;
}

#footer a{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
.padding{
	padding: 10px;
	color:#FF0000;
	font-weight: bold;
}
.hrd {clear:left;}


.MemLookLeft, .MemLookRight, .MemLookLeftUp, .MemLookRightUp, .DustPile, .Trowel, .Cross{
	
	height: 264px;
	width: 200px;
	position: absolute;
	margin-left: 730px;}
		
.MemLookLeft {	background: url(images2/mem2.png) transparent no-repeat; margin-left: 800px; margin-top: 20px;}
.MemLookRight {	background: url(images2/mem.png) transparent no-repeat;}
.MemLookLeftUp {	background: url(images2/memup.png) transparent right no-repeat;}
.MemLookRightUp {	background: url(images2/memdown.png) transparent no-repeat;}
.DustPile {	width: 250px; height: 344px; background: url(images2/rockdust3.JPG) transparent bottom no-repeat; }
.Trowel {	width: 200px; height: 50px; background: url(images2/Trowel.png) transparent bottom no-repeat;}
.Cross {	width: 190px; height: 175px; background: url(images2/science/elementsII.jpg) transparent bottom no-repeat;}

* html .MemLookLeft, .MemLookRight, .MemLookLeftUp, .MemLookRightUp, .DustPile, .Trowel, .Cross{
		margin-left: 745px; }

* html .MemLookLeft {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/mem2.png',sizingMethod='scale')}
* html .MemLookRight {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/mem.png',sizingMethod='scale')}
* html .MemLookLeftUp {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/memup.png',sizingMethod='scale')}
* html .MemLookRightUp {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/memdown.png',sizingMethod='scale')}


.showCards {
	width: 700px;
	height: 64px;
	overflow: hidden;
}

.showCards img {
	float:left; border: none; padding: 0; margin: 0; width: 55px;
}

.paymentBox {
	width: 38% !important; 
	height: 200px !important;
	font-size: 160%;
	color: black;
	font-weight:bold;
	background-color: white !important;
	border: 2px solid green;
	float:left !important; 
	display: block; 
	margin: 20px;
	padding-left: 30px !important;
}

.paymentBox select {
	font-size: 60%; font-weight: bold;
}


/*
Header Scroller
*/
#nivoSliderWrapper {
	position:relative;
	width: 1014px; 
	height: 234px;
	margin-bottom: 3px;
}
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
#slider {
	position:relative;
    width: 1014px;
    height: 234px;
/*    background: #fff url('images/loading.gif') 50% 50% no-repeat;*/
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index: 0;
}
#slider a {
	border:0;
	display:block;
}

 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	-webkit-box-shadow:-2px 2px 2px #000;
	-moz-box-shadow:-2px 2px 2px #000;
	box-shadow:-2px 2px 2px #000;
}


.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	font-size: 18px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	background-color:#fff;
	opacity: 0.8;
	border-radius: 12px;
	display: block;
}
/* Arrow location is in script */
.nivo-prevNav {
	background: url('images/top_left.png');
    color: #fff; width: 27px; height: 27px;
	left:20px;
}
.nivo-nextNav {
	background: url('images/top_right.png');
    color: #fff; width: 27px; height: 27px;
	right:20px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}/*
Header Scroller
*/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	#coda-slider-wrapper { padding: 0px; padding-left: 20px; background-color: #f3f5e9 !important; 
			border-radius: 1em;
			-webkit-box-shadow:-2px 2px 2px #000;
			-moz-box-shadow:-2px 2px 2px #000;
			box-shadow:-2px 2px 2px #000;}

	#coda-slider-wrapper h1 {font-family: Jokerman; font-size: 16px;}
	.rounded {	
   
	    border-radius: 5px;
			-webkit-box-shadow:-2px 2px 2px #000;
			-moz-box-shadow:-2px 2px 2px #000;
			box-shadow:-2px 2px 2px #000;}
		
	#coda-slider-wrapper img {	

		 height: 305px;
		 padding: 3px;    
		 }

	
	.coda-slider { background: none; background: #f3f5e9; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 338px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	#code-slider-wrapper .coda-slider, .coda-slider .panel { width: 1014px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	#coda-slider-wrapper.arrows .coda-slider, #coda-slider-wrapper.arrows .coda-slider .panel { width: 920px; }
	#coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left {padding-top: 20px;}
	.coda-nav-right {padding-top: 20px;}
	.coda-nav-left a { background: url(images/top_left.png) no-repeat; color: #fff; width: 27px; height: 108px; text-indent: -9000em;}
	.coda-nav-right a { background: url(images/top_right.png) no-repeat; color: #fff; width: 27px; height: 108px; text-indent: -9000em;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: none }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	#coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }



.prev_but_center{
    width: 1010px;
	padding-top: 10px;
    float: left; 
}

.prev_but_center_left{
    float: left;
	padding-left: 10px;
    width: 602px;
}

.prev_but_center_right{
    float: left;
    width: 290px;
    padding-left: 20px;
	padding-right: 8px;
}
.prev_but_center_right ul, li {
	padding: 0;
	margin: 0;}

.prev_but_center_right li {
	background: url(images/ls.png) transparent no-repeat left top;
	list-style: none;
	padding-left: 20px;
	line-height: 22px;}
	
.prev_but_center_right table tr td{
	padding: 0;
	margin: 0;
}


.prev_but_center_right table{

	position: relative;
	left: -30px;
	font-size: 14px;
	font-weight: normal;
	text-wrap: none;
	overflow: hidden;
	width: 350px;
}

.prev_but_center_right p{
    color: #232323;
}


#purchase a, .prev_but_center_right a {
		display:block;
		height: 50px;
		width: 80px;
		padding: 4px;
		border-radius: 1em;
		color: white;
		text-align:center;
		font-weight: bold;
		text-decoration: none;
		position: absolute;
		background: url('images/logo.jpg');
		-webkit-box-shadow:-2px 2px 2px #000;
		-moz-box-shadow:-2px 2px 2px #000;
		box-shadow:-2px 2px 2px #000;	
}

#purchase a {
	z-index: 1000;
	margin-left: 8px;
	top: 260px
}
	

/* Photo Gallery */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width: 970px; padding: 0px; display:none; margin: 0 auto}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width: 974px; height: 442px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:974px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:974px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:406px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; padding-bottom: 80px;}
#slideleft {float:left; width:20px; height:125px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:125px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:920px; margin-left:5px; height:125px; overflow:hidden}
#slider {position:absolute; left:0; height:125px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

 /* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}
.pp_top {height: 20px;position: relative;}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_top .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_top .pp_middle {left: 0;position: static;}
.pp_top .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_content { height: 40px; }
.pp_content .ppt {left: auto;margin-bottom: 5px;position: relative;top: auto;}
.pp_fade { display: none; }
.pp_content_container {position: relative;text-align: left;width: 100%;}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {margin: 10px 0 2px 0;}
.pp_description {display: none;margin: 0 0 5px 0;}
.pp_nav {clear: left;float: left;margin: 3px 0 0 0;}
.pp_nav p {float: left;margin: 2px 4px;}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next {display: block;float: left;margin-top: 2px;overflow: hidden;text-indent: -10000px;}
.pp_hoverContainer {position: absolute;top: 0;width: 100%;z-index: 2000;}
a.pp_next {background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: right;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_previous {background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: left;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_expand,a.pp_contract {cursor: pointer;display: none;height: 20px;	position: absolute;right: 30px;text-indent: -10000px;top: 10px;width: 20px;z-index: 20000;}
a.pp_close {display: block;float: right;text-indent: -10000px;}
.pp_bottom {height: 20px;position: relative;}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_bottom .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_bottom .pp_middle {left: 0;position: static;}
.pp_bottom .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_loaderIcon {display: block;height: 24px;left: 50%;margin: -12px 0 0 -12px;position: absolute;top: 50%;width: 24px;}
#pp_full_res {line-height: 1 !important;}
#pp_full_res .pp_inline {text-align: left;}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {color: #fff;display: none;font-size: 17px;left: 0;position: absolute;top: 0;z-index: 9999;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */