/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: inherit;
	color: inherit;
	border-collapse: separate;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: #262261 url(../images/jx_bg.gif);
	font: normal 100% Helvetica, Arial, sans-serif;
	color: white;
	height: 100%;
	line-height: 1.125em; /* 18px / 16px = 1.125em */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
blockquote, q {
	quotes: "" "";
	quotes: none;
}

textarea {
	overflow: auto;
}

a {
	color: #00aeef;
}

a:hover, a:focus {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* layout */

#Page {
	background: #3c3c3c;
	margin: 0 auto;
	height: 100%;
	width:  1000px; /*66.6667em; /* 800px / 12px = 66.6667em */
	font-size: 0.75em; /* 12px / 16px = 0.75em */
	padding-bottom: 11.6667em; /* 140px / 12px = 11.6667em */
}
	#Header {
		height: 11.6667em; /* 140px / 12px = 11.6667em */	
	}
		#Header img {
			height: 100%;
			width: 100%;	
		}
	#Nav {
		color: white;
		background: #262261;
		line-height: 2.0833em; /* 25px / 12px = 2.0833em */
		height: 2.0833em; /* 25px / 12px = 2.0833em */
		overflow: hidden;
		font-variant: small-caps;
	}
		#Nav ul {
			margin-left: 1.6667em; /* 20px / 12px = 1.6667em */
		}
			#Nav li {
				float: left;
				background-color: #414141;
				border-right: 1px white solid;
				padding: 0 0.8333em;
			}
			#Nav li.current {
				background: #777;
			}
				#Nav a {
					color: white;
				}
	#Content {
		background: url(../images/jx_logo_page_bg.gif) no-repeat 200px 11px;
		overflow: hidden;
		height: auto !important;
		height: 100%;
		min-height: 100%;
	}
	#Content.home {
		background: url(../images/jx_logo_page_bg.gif) no-repeat 460px 11px;
	}
	#Content.video {
		background: url(../images/jx_logo_page_bg.gif) no-repeat center 500px;
	}
		#Video, .videoContent, .videoList {
			background: #2f2f2f;
		}
		#Video {
			width: 760px;
			float: left;
			/* 20px / 12px = 1.6667em */
			/* 8px / 12px = 0.6667em */
			margin: 1.6667em auto 0.6667em 1.6667em; 
			height: 433px;
		}
		#Video p {
			text-align: center;
			line-height: 428px;
		}
		.videoContent, .videoList {
			width: 960px; /* 760px / 12px = 63.3333em */
			margin: 1.6667em auto; /* 20px / 12px = 1.6667em */
			overflow: hidden;
		}
		.videoContent {
			margin: 1.6667em 1.6667em 0 0.6667em;
			float: right;
			width: 192px;
			height: 433px;
		}
			.videoContent h2, .videoList h2 {
				border-bottom: 1px solid #3c3c3c;
				font-variant: small-caps;  
				font-weight: bold;
			}
			.videoContent h2 {
				line-height: 1.6667em; /* 20px / 12px = 1.6667em */
				min-height: 1.6667em; 
				height: auto !important; 
				height: 1.6667em; 
				padding: 0.6667em 1.3333em 0.6667em;
			}
			.videoList h2 {
				line-height: 2.0833em; /* 25px / 12px = 2.0833em */
				min-height: 2.0833em; /* 25px / 12px = 2.0833em */
				height: auto !important; /* 25px / 12px = 2.0833em */
				height: 2.0833em; /* 25px / 12px = 2.0833em */
				padding-left: 2.2222em;
			}
			.videoItem {
				width: 13.3333em; /* 160px / 12px = 13.3333em */
				float: left;
				display: block;
				margin: 1em 0 1em 2.2222em; 
			}
				a.imgLink {
					text-decoration: none;
				}
		#Main {
			width: 500px; /*33.3333em; /* 400px / 12px = 33.3333em */
			float: right;
			margin-right: 1.6667em; /* 20px / 12px = 1.6667em */
			background: #2f2f2f;
			padding-bottom: 1001.75em; /* 21px / 12px = 1.75em */
			margin-bottom: -1000em; /* OneTrueLayout technique */
		}
		#Main.home {
			float: left;
			margin-left: 1.6667em; /* 20px / 12px = 1.6667em */
		}
		#Side {
			width: 245px; /*16.25em; /* 195px / 12px = 16.25em */
			float: left;
			margin-left: 1.6667em; /* 20px / 12px = 1.6667em */
			background: #2f2f2f;
			padding-bottom: 1001.75em; /* 21px / 12px = 1.75em */
			margin-bottom: -1000em; /* OneTrueLayout technique */
		}
		#Side.home {
			float: right;
			margin-right: 1.6667em; /* 20px / 12px = 1.6667em */
		}
	#Footer {
		background: #262261;
		text-align: center;
		height: auto !important;
		height: 5.8333em; /* 70px / 12px = 5.8333em */
		min-height: 5.8333em; /* 70px / 12px = 5.833em */
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}