@charset "utf-8";
/* CSS Document */

/* *******************************************************
	GLOBAL STYLES - 10/2012
******************************************************* */

* { padding:0; margin:0; }
img { border:none; }
header,footer,nav,section,aside,article { display:block;}
div.clear {height:0px; clear:both; }

a:link {
	color: #06F;
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color: #06F;
	}
a:hover {
	text-decoration: none;
	color: #0CF;
	}
a:active {
	text-decoration: underline;
	color: #06F;
	}

body,td,th,H1-H6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	}

body {
	font-size: 10px;
	text-align:center;
	background-color:#F0F0E1;
	}
h1 { padding-left:16px; color:#C00; font-size:2.2em; display:block; text-align:left;}
h2 { border-left:10px solid #C00; padding-left:6px; color:#333; font-size:1.6em; display:block; text-align:left; }

p {font-size:1.2em; margin-top:15px;}


#outterWpr {
	width:100%; 
	text-align:center;
	}
#innerWpr {
	display:block;
	text-align:center !important;
	margin:10px;
	padding:12px;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:#ACAC9D;
	box-shadow: 0 0 15px #BDBDAE;
	}

#videoFrame {
	width: 430px;
	padding: 10px;
	border: 1px solid #efefef;
	margin: 10px auto 20px auto;
	background:#333;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	display:block;
	}
	#videoFrame:before, #videoFrame:after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 10px;
		bottom: 5px;
		width: 70%;
		max-width: 400px; /* avoid rotation causing ugly appearance at large container widths */
		max-height: 100px;
		height: 55%;
		-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-webkit-transform: skew(-15deg) rotate(-6deg);
		-moz-transform: skew(-15deg) rotate(-6deg);
		-ms-transform: skew(-15deg) rotate(-6deg);
		-o-transform: skew(-15deg) rotate(-6deg);
		transform: skew(-15deg) rotate(-6deg); 
		}
	#videoFrame:after {
		left: auto;
		right: 10px;
		-webkit-transform: skew(15deg) rotate(6deg);
		-moz-transform: skew(15deg) rotate(6deg);
		-ms-transform: skew(15deg) rotate(6deg);
		-o-transform: skew(15deg) rotate(6deg);
		transform: skew(15deg) rotate(6deg);
		}

#innerWpr img{
	margin:20px auto;
	}

.imgTbl { display:block; }
.imgTbl img { margin:0px !important; }

.smBodyCopy { color:#999; font-size:1.1em;}
.subtitle { 
	color:#C00; 
	font: italic 14px Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; }