/* @override file:///Volumes/Emmanuelle%205/_WWW/tale-of-tales.com/bientotlete/bientot_styles.css */

BODY {
		color: #140505;
		background-color: #fff;
		padding: 0;
		margin: 0;
	}
A {
			color: black;
			text-decoration: none;
			text-shadow: 1px 0px 1px rgba(243,101,7,0.77);
		}
		
.buyTop {
	background-color: white;
}

.textblock3 {
		float: right;
		display: inline-block;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;
		text-align: justify;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Safari and Chrome */
		column-gap:40px;
		max-width: 66%
		}

.intro {
			font-size: 24px;
			line-height: 30px;
			clear: both;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
			text-align: center;
			margin-right: auto;
			margin-left: auto;
			width: 90%;
	color: #2a141a;
}


.linkBlock IMG {
			width: 33%;
			max-width: 33%;
		}

.caption {
			font-size: 11px;
			display: inline-block;
			font-style: italic;
			padding-bottom: 10px;
			padding-top: 10px;
			padding-left: 20px;
		}

.quote {
			display: inline-block;
			padding-left: 20px;
			padding-bottom: 10px;
			padding-right: 10px;
			padding-top: 10px;
			font-style: italic;
		}

.blurbBlock {
			font-size: 12px;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 150%;
			margin-bottom: 10px;
			margin-top: 10px;
			margin-right: auto;
			margin-left: auto;
			width: 90%;
		}

.blurbText {
			margin-right: auto;
			margin-left: auto;
			font-size: 12px;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 150%;
			width: 90%;
		}

.textColumn {
			text-align: justify;
			width: 30%;
		}

.picColumn {
			text-align: center;
		}

.columnGutter {
			width: 30px;
		}

.buyDots TD {
			text-align: center;
			width: 100px;
			height:  100px;
		}

.buyDots A {
			color: white;
			text-decoration: none;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			letter-spacing: 2px;
			font-size: 16px;
			width: 100px;
			text-align: center;
		}

.buyDots {
		}

#picTitle {
			margin-bottom: 40px;
			margin-top: -120px;
			margin-left: 50px;
			/*text-align: center;*/
			width: 33%;
		}

#picButtons {
			position: absolute;
			left: 5%;
			text-align: center;
			width: 33%;
			margin-top: -200px;
			top: 300px;
		}

#wallPicture {
			border-width: 100%;
		}

#wallBlurb {
			text-align: center;
			border-width: 100%;
		}

#webWall {
			text-align: center;
			width: 100%;
			overflow: hidden;
			height: 600px;
			z-index: 0;
			background-color: black;
		}

#webWallPicture {
			display: block;
			width: 100%;    
			height: 600px;
			z-index: 2;
		}

#webCafe {
			display: none;
			height: 600px;
			position: relative;
			top: -600px;
			z-index: 3;
			text-align: center;
			width: 100%;
		}

#webCafePlay {
			height: 600px;
			display: block;
			position: relative;
			z-index: 4;
			top: -600px;
			text-align: center;
			width: 100%;
		}

#screenshotWall {
			text-align: center;
			width: 100%;
			background-color: black;
		}

#screenshotImage {
			width: 100%;
			z-index: 2;
		}

#screenshotPlay {
			height: 0px;
			display: block;
			position: relative;
			z-index: 4;
			top: -240px;
			text-align: center;
			width: 100%;
		}

.opIcon {
			text-decoration: none;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-align: center;
		}

.opIconTitle {
			margin-top: 15px;
		}

.opIconTitle B {
			letter-spacing: 1px;
			font-size: 28px;
			font-variant: small-caps;
		}

.opIconPrice {
			color: #0c1476;
			font-weight: bold;
			font-family:"Times New Roman" ;
			font-size: 100px;
		}
.opIconPrice:hover {
			color: #ff7a00;
			font-weight:"Times New Roman" ;
			font-size: 100px;
		}

.opIconFeatures {
			padding: 20px;
			color: white;
			width: 200px;
			background-color: #0c1476;
			text-align: center;
			border-radius: 15px;
		}

.opIconFeatures UL {
			padding: 0px;
			list-style-type: none;
		}

.opIconFeatures LI {
			margin-top: 10px;
			margin-bottom: 10px;
		}

#video {
			margin-top: 50px;
		}
		
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#shareBox {
			text-align: right;
			width: 200px;
			left: auto;
			padding-right: 10px;
			float: right;
		}

#homeLink {
	float: none;

}
		
.ToTstrip {
				text-align: center;
				padding-left: 200px;
}
#bodyblock{
	background-color: #838364;
	padding-bottom: 10px;
}