/* Lightbox Effect Sizes  */
/*********************************************************/
/* Fallback for older browsers that do not understand media queries */
#lightbox {
	position: absolute;
	top: -900%; left: -900%;
	height: 100%;
	width: 100%;
	z-index: 1900;
	visibility: hidden;
}



#shade {
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	background: transparent;
	z-index: 0;
		-webkit-transition: background;
		-webkit-transition-timing-function: ease-in-out;
		-webkit-transition-duration: .25s;
		-moz-transition-property: background;
		-moz-transition-timing-function: ease-in-out;
		-moz-transition-duration: .25s;
		-o-transition-property: background;
		-o-transition-timing-function: ease-in-out;
		-o-transition-duration: .25s;
	transition-property: background;
	transition-timing-function: ease-in-out;
	transition-duration: .25s;
}

#shade h1 {
	display: none;
}


.lighttable {
	position: absolute;
	top: -900%; left: -900%;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	display: table;
	visibility: hidden;
	/* CSS3 Standards */
		transform-origin: 50% 50%;
		transform: scale(0);
		transition-timing-function: ease-in-out;
		transition-duration: 1s;
		transition-delay: 0s;
	/* Safari and Chrome */
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(0);
		-webkit-transition-timing-function: ease-in-out;
		-webkit-transition-duration: 1s;
		-webkit-transition-delay: 0s;
	/* Firefox 4+ */
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(0);
		-moz-transition-timing-function: ease-in-out;
		-moz-transition-duration: 1s;
		-moz-transition-delay: 0s;
	/* Opera 11.10+ */
		-o-transform-origin: 50% 50%;
		-o-transform: scale(0);
		-o-transition-timing-function: ease-in-out;
		-o-transition-duration: 1s;
		-o-transition-delay: 0s;
	/* IE 9+ */
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(0);	
}

.lightcell {
	position: relative;
	top: 0;
	height: 100%;
	width: 100%;
	*top: 25%;
	*height: auto;
	*width: 340px;
	margin: 0 auto;
	display: table-cell;
	white-space: no-wrap;
	vertical-align: middle;
}


.pic {
	display: table;
	border: 3px solid #fff;
	background: white;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
}

.pic .shim {
	border: 1px solid red;
	display: table-cell;
}

.pic img { /* Applied to All Images */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}


/* Default Help Screens */
#help {
	height: 628px;
	width: 480px;
}

	.helpthumb {
		width: 100px;
		height: 131px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-mouse-02.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-mouse-02.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-mouse-02.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-mouse-02.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-mouse-02.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-mouse-02.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-mouse-02.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-mouse-02.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-mouse-02.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-mouse-02.jpg') 0 0 no-repeat;
		}
		
	.helpoptions {
		background: url('../images/help/Help-options-mouse-02.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-02.jpg') 0 0 no-repeat;
		}
	
/* end of default help screens */	

.port img {
	width: auto;
	height: 640px;
}


.caption, .ryubox p {
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	background: #fff;
	word-wrap: break-word;
}


.blocky {
	position: relative;
	top: 0;
	width: 50px;
	height: 50px;
	float: right;
	z-index: 10;
	margin-top: -30px;
	margin-right: -30px;
	display: block;
}

.closeit {
	position: relative;
	margin: 10px auto;
	height: 30px;
	width: 30px;
	background: #000;
	border: 3px solid #fff;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
	-ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.75), -2px -2px 8px rgba(0, 0, 0, 0.75);
}

.closeit p {
	margin: 0;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 30px;
	color: #fff;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Lightbox Content in-page Thumbnail */

.lightboxthumb {
	display: table !important;
	margin: 0 10px;
}

.lightboxthumb .thumb {
	width: 240px;
}

.lightboxbutton {
	margin-top: -25px;
	height: 25px;
	width: 25px;
	background: black;
}



@media only screen {


}

/*==============================================================*/
/* Widescreen Monitor */

@media only screen and (min-width: 1600px) {

	.port img {
		width: auto;
		height: 800px;
	}
	
	.land img {
		width: 1024px;
		height: auto;
	}
	
.caption, .ryubox p {
	max-width: 1024px;
}
	
#help {
	height: 544px;
	width: 800px;
}

	.helpthumb {
		width: 100px;
		height: 68px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-mouse-01.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-mouse-01.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-mouse-01.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-01.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-01.jpg') 0 0 no-repeat;
		}
	
/* end of default help screens */	
	
}


/*==============================================================*/
/* Desktop Screen 1024 to 1600 px */
@media only screen and (min-width: 1024px) and (max-width: 1599px) {
	.port img {
		width: auto;
		height: 640px;
	}
	
	.land img {
		width: 640px;
		height: auto;
	}
	
.caption, .ryubox p {
	max-width: 640px;
}

#help {
	height: 544px;
	width: 800px;
}

	.helpthumb {
		width: 100px;
		height: 68px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-mouse-01.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-mouse-01.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-mouse-01.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-01.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-01.jpg') 0 0 no-repeat;
		}
	
/* end of default help screens */	

}

/* Make sure iPad gets touch help screens */
@media only screen and (max-width: 1024px) {
	.helpstart {
		background: url('../images/help/Help-01.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-01.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-01.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-01.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-01.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-01.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-01.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-01.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-01.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-01.jpg') 0 0 no-repeat;
		}
}

/*==============================================================*/
/* Desktop Screen 1280 to 1600 px */

@media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-height: 795px) {
	.port img {
		width: auto;
		height: 640px;
	}
	
	.land img {
		width: 800px;
		height: auto;
	}
	
.caption, .ryubox p {
	max-width: 800px;
}

#help {
	height: 544px;
	width: 800px;
}

	.helpthumb {
		width: 100px;
		height: 68px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-mouse-01.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-mouse-01.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-mouse-01.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-mouse-01.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-mouse-01.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-01.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-01.jpg') 0 0 no-repeat;
		}	
/* end of default help screens */	

}


/*==============================================================*/
/* iPad + Android Tablet in Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.port img {
		width: auto;
		height: 640px;
	}
	
	.land img {
		width: 640px;
		height: auto;
	}
	
.caption, .ryubox p {
	max-width: 640px;
}	

#help {
	height: 628px;
	width: 480px;
}

	.helpthumb {
		width: 100px;
		height: 131px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-02.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-02.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-02.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-02.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-02.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-02.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-02.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-02.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-02.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-02.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-02.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-02.jpg') 0 0 no-repeat;
		}
}

/*==============================================================*/
/* Android Tablet in Portrait */
@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation:portrait) {
	.port img {
		width: auto;
		height: 320px;
	}
	
	.land img {
		width: 480px;
		height: auto;
	}
	
.caption, .ryubox p {
		width: 480px;
		margin: 0 auto;
	}

#help {
	height: 628px;
	width: 480px;
}

	.helpthumb {
		width: 100px;
		height: 131px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-02.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-02.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-02.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-02.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-02.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-02.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-02.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-02.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-02.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-02.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-02.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-02.jpg') 0 0 no-repeat;
		}
}

/*==============================================================*/
/* iPhone + iPod Touch + Android Phone in Landscape */
@media only screen and (min-width: 480px) and (max-width: 599px) {

	.port img {
		width: auto;
		height: 240px;
	}
	
	.land img {
		width: 320px;
		height: auto;
	}
	
	.ovr {
	position: relative;
	margin: 0 auto;
	width: 300px;
	}

	.ovr img, .ovr .vr img {
	width: 300px;
	height: 211px;
	}	
	.vr {
		width: 300px;
		height: 211px;
	}
	
	
.caption, .ryubox p {
		display: none;
	}

#help {
	height: 200px;
	width: 320px;
}

	.helpthumb {
		width: 100px;
		height: 63px;
	}

	.helpstart {
		background: url('../images/help/Help-03.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-03.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-03.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-03.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-03.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-03.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-03.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-03.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-03.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-03.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-03.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-03.jpg') 0 0 no-repeat;
		}


}



/*==============================================================*/
/* iPhone 4  in landscape */
@media only screen and (min-width: 480px) and (max-width: 599px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-device-pixel-ratio : 2.0) {
#help {
	height: 200px;
	width: 320px;
}

	.helpthumb {
		width: 100px;
		height: 63px;
	}

	.helpstart {
		background: url('../images/help/Help-03.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-03.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-03.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-03.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-03.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-03.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-03.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-03.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-03.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-03.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-03.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-03.jpg') 0 0 no-repeat;
		}	


}


/*==============================================================*/
/* iPhone + iPod Touch + Android Portrait */
@media only screen and (max-width: 479px) {

	.port img {
		width: auto;
		height: 320px;
	}
	
	.land img {
		width: 300px;
		height: auto;
	}
	
.caption, .ryubox p {
		width: 300px;
		margin: 0 auto;
	}

	.ovr {
	position: relative;
	margin: 0 auto;
	width: 300px;
	}

	.ovr img, .ovr .vr img {
	width: 300px;
	height: 211px;
	}	
	.vr {
		width: 300px;
		height: 211px;
	}

#help {
	height: 320px;
	width: 222px;
}

	.helpthumb {
		width: 100px;
		height: 144px;
	}

	.helpstart {
		background: url('../images/help/Help-04.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-04.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-04.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-04.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-04.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-04.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-04.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-04.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-04.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-04.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-04.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-04.jpg') 0 0 no-repeat;
		}

}

/*==============================================================*/
/* iPhone 4 + Android XDPI in portrait */
@media only screen and (max-width: 479px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-device-pixel-ratio : 2.0) {

	.port img {
		width: auto;
		height: 320px;
	}
	
	.land img {
		width: 320px;
		height: auto;
	}
	
.caption, .ryubox p {
		width: 300px;
		margin: 0 auto;
	}
	
	.ovr {
	position: relative;
	margin: 0 auto;
	width: 300px;
	}

	.ovr img, .ovr .vr img {
	width: 300px;
	height: 211px;
	}	
	.vr {
		width: 300px;
		height: 211px;
	}
	
#help {
	height: 320px;
	width: 222px;
}
	.helpthumb {
		width: 100px;
		height: 131px;
		border: 1px solid black;
	}

	.helpstart {
		background: url('../images/help/Help-04.jpg') 0 0 no-repeat;
	}
	
		.helpstart-thumb {
			background: url('../images/help/thumbs/Help-04.jpg') 0 0 no-repeat;
		}

	.helptoc {
		background: url('../images/help/Help-toc-04.jpg') 0 0 no-repeat;
	}
	
		.helptoc-thumb {
			background: url('../images/help/thumbs/Help-toc-04.jpg') 0 0 no-repeat;
		}

	.helpfonts {
		background: url('../images/help/Help-fonts-04.jpg') 0 0 no-repeat;
	}
	
		.helpfonts-thumb {
			background: url('../images/help/thumbs/Help-fonts-04.jpg') 0 0 no-repeat;
		}
	
	.helpviews {
		background: url('../images/help/Help-views-04.jpg') 0 0 no-repeat;
	}
	
		.helpviews-thumb {
			background: url('../images/help/thumbs/Help-views-04.jpg') 0 0 no-repeat;
		}
	
	.helpshare {	
		background: url('../images/help/Help-share-04.jpg') 0 0 no-repeat;
	}
	
		.helpshare-thumb {
			background: url('../images/help/thumbs/Help-share-04.jpg') 0 0 no-repeat;
		}
	.helpoptions {
		background: url('../images/help/Help-options-mouse-04.jpg') 0 0 no-repeat;
	}
		.helpoptions-thumb {
			background: url('../images/help/thumbs/Help-options-mouse-04.jpg') 0 0 no-repeat;
		}
}