/*! ppthtml-reset.css by snow software services ppthtml */

/* ==========================================================================
   Adjusts some additional app wide defaults
   overriding normalize-2.0.1.css and html5boilerplain 4 main.css
   ========================================================================== */

/*
 * Set html defaults
 */
 
* 
{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #fff;
}

/*
 * Corrects extra padding that shows up simply by using a paragraph element
 */

p {
	margin: 0;
	padding: 0;
}

/*
 * Truncates text adding ellipsis for browsers that support it
 * Corrects extra padding that shows up simply by using a paragraph element
 */

.ellipsize {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    /* width: 99%; */
}

/*
 * Fixes borders adding to element width (messing up layouts)
 * http://designshack.net/articles/css/beating-borders-the-bane-of-responsive-layout/
 */

.box-border 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * Adds support for css3 box-shadow feature
 * http://www.css3.info/preview/box-shadow/
 */ 

.box-shadow 
{
	-moz-box-shadow: 6px 6px 3px #666;;
	-webkit-box-shadow: 6px 6px 3px #666;
	box-shadow: 6px 6px 3px #666;
}

/*
 * Helpers for vertical centering elements
 * http://css-tricks.com/centering-in-the-unknown/
 */
  
.valign-wrapper 
{
	text-align: center;
 
	/* background: tan; */
}	
.valign-wrapper:before, .valign-wrapper-ghost {    /* ghost element to cause valign-wrapper to stretch vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; 
	
	/* width: 5px;
	background: pink;  */
}
.valign-content 
{
	display: inline-block;
	vertical-align: middle;
}

.page-wrapper 
{
	width: 100%;
	height: 100%;
	position: relative;
	background: transparent;
}
			
.pres-holder
{
	position: relative;
	background: #000;
}	
			
.pres-canvas
{
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
}

.fallback-slide-holder {
    background-color: pink;
    z-index: 101;
}

.fallback-slide-img, .fallback-slide-video {
    width: 100%;
    height: 100%;
    background: transparent;
	position: absolute;
}

.fallback-slide-img {
    z-index: 102;
}

.fallback-slide-video-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 103; 
}

.fallback-slide-video {
    width: 100%;
    height: 100%;
}

.fallback-video-ie8 {
    position: absolute;
    /* background-color: pink; */
}

.fallback-video-ie8 .media-play-btn {
    position: relative;
    background-image: url('../img/media_play_128x128.png');
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
    margin: 0 auto;
}


/* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */


/* smartphones */
@media only screen 
and (max-device-width : 480px) {
	body-off {
		background-image: url('../img/ipad_bg.png');
		background-position: top left;
		background-repeat: repeat;
	}
}

/* tablets */
@media only screen 
and (min-device-width : 481px) 
and (max-device-width : 1024px) {
	body-off {
		background-image: url('../img/ipad_bg.png');
		background-position: top left;
		background-repeat: repeat;
	}
}

/* desktops */
@media only screen 
and (min-device-width : 1024px) {
	body-off {
		background: #fff;
	}
}