body {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.15em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	margin: 3px 0 4px 0;
}

h1 {font-size: 18px; line-height: 20px;}
h1.blueHeader {color: #00b3e0;}
h2 {font-size: 14px;}
h2.blueHeader {color: #00b3e0;}

p {
	margin: 0 0 14px 0;
}

a {
	color: #009ac1;
	text-decoration: none;
}

a:hover {
	color: #009ac1;
}

a img {
	border: none;
}

a.blueArrow, a.pdfLink {
	background: url(../webimages/blueArrow.gif) right 6px no-repeat;
	color: #00b3e0;
	padding-right: 19px;
	text-decoration: none;
}
a.videoDownload {
	background: url(../webimages/videoDownload.gif) right top no-repeat;
	color: #00b3e0;
	padding-right: 25px;
	text-decoration: none;
	clear: left;
	float: left;
	margin: 8px 0 0 10px;
	display: inline;
}

a.letterLink {
	color: #3ec5e5;
	background: #e4f6fa url(../webimages/blueArrow.gif) right center no-repeat;
	border: 1px solid #71d3ec;
	padding: 5px 10px 5px 8px;
}

#pageWrap {
	margin: 0 auto;
	width: 908px;
}
#backTo {
	padding: 8px 0;
	text-align: right;
}
	#backTo a {
		background: url(../webimages/backToArrow.gif) right 5px no-repeat;
		color: #333;
		padding-right: 19px;
		text-decoration: none;
		font-size: 12px;
	}
	#backTo a:hover {
	    text-decoration: none;
	}
#mainWrap {
	width: 896px;
	height: 496px;
	border: 1px solid #d3d3d3;
	padding: 5px;
	overflow: hidden;
}
	#background {
		background: #cbedf6;
		width: 896px;
		height:496px;
		overflow: hidden;
	}
		#header {
			height: 118px;
			width: 896px;
		}
			#sectionLogo {
				width: 90px;
				height: 113px;
				float: left;
				border-right: 5px solid #fff;
				border-bottom: 5px solid #fff;
			}
			#heading {
				float: left;
				margin: 0;
				background: #e7e5d3;
				width: 639px;
				height: 54px;
				overflow: hidden;
				border-bottom: 5px solid #fff;
				border-right: 5px solid #fff;
			}
			#joLogo {
				float: left;
				width: 157px;
				height: 54px;
				border-bottom: 5px solid #fff;
			}
		#header ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#header ul li {
				border-right: 2px solid #fff;
				border-bottom: 5px solid #fff;
				float: left;
				font-size: 10px;
				height: 20px;
				line-height: 7px;
				text-align: center;
				position: relative;
			}
			#header ul li.pos1 {width: 149px;}
				#header ul li.pos1 ul {
					left: 0;
				}
					#header ul li.pos1 ul li.first {
						border-left: none;
					}
			#header ul li.pos2 {width: 66px}
			#header ul li.pos3 {width: 100px;}
			#header ul li.pos4 {width: 146px;}
			#header ul li.pos5 {width: 170px; border-right: 5px solid #fff;}
				#header ul li.pos5 ul {
					left: -338px;
				}
			#header ul li a {
				background: #c8c5a8;
				color: #333;
				display: block;
				padding: 7px 0 6px 0;
				text-decoration: none;
				text-transform: uppercase;
			}
				#header ul li a:hover,
				#header ul li.selected a {
					background: #89d8ec;
				}
				#header ul li ul {
					position: absolute;
					top: 23px;
					left: -2px;
					width: 700px;
					display: none;
				}
				#header ul li.selected ul {
					display: block;
				}
				#header ul li ul li {
					float: left;
					border-top: 2px solid #fff;
					border-bottom: 2px solid #fff;
				}	
				#header ul li ul li.first {
					border-left: 2px solid #fff;
				}
					#header ul li.selected ul li a {
						padding: 7px 12px 6px 12px;
						background: #00b3e0;
					}
					#header ul li.selected ul li a:hover,
					#header ul li.selected ul li.selected a {
						background: #89d8ec;
					}
		#homeLanding {
			width: 805px;
			height: 300px;
			margin: 50px auto 0 auto;
			overflow: hidden;
		}
			#homeVideo {
				width: 384px;
				padding: 10px;
				height: 263px;
				background: #fff;
				margin-right: 20px;
				overflow: hidden;
				float: left;
				display: inline;
			}
		#contentArea {
			width: 856px;
			height: 338px;
			margin: 15px;
			border: 5px solid #fff;
			position: relative;
		}
		    #contentArea.white {
			    background: #fff;
			    padding: 15px;
			    width: 826px;
			    height: 308px;
		    }
			#contentArea .bgImage {
				width: 856px;
				height: 338px;
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				z-index: 0;
			}
			#contentArea .contentBlock {
				position: relative;
				z-index: 1;
				width: 477px;
				height: 150px;
				line-height: 15px;
				top: 76px;
				left: -20px;
				background: #00b3e0;
				border-top: 5px solid #fff;
				border-right: 5px solid #fff;
				border-bottom: 5px solid #fff;
				padding: 18px 10px 20px 45px;
				overflow: hidden;
			}
			#contentArea.contentRight .contentBlock {
				background: none;	
				width: 351px;
				height: 106px;
				border-right: none;
				border-left: 5px solid #fff;
				top: 58px;
				left: 465px;
				padding: 20px 20px 20px 15px;
			}
			#contentArea.contentRight .alignBlockLeft {
				left: -5px;
				border-right: 5px solid #fff;
			}
			#contentArea.contentRight .contentBlock #opacBg {
				background: #fff;
				opacity: .5;
				filter: alpha(opacity=50);
				width: 386px;
				height: 146px;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: -1;
			}
			#contentArea.product {
				background: url(../webimages/productGradiant.gif) left top repeat-x;
			}
				#contentArea.product .contentBlock {
					width: 367px;
					height: 151px;
					padding: 22px 22px 22px 0;
					top: 66px;
				}
				#contentArea.wide .contentBlock {
				    width: 490px;
				}
		 		#contentArea.wide .contentBlock {
                    font-size: 14px;
                }
                #contentArea.product .contentBlock {
                    font-size: 13px;
                }
                    #contentArea.product .contentBlock p {
                       margin-bottom: 5px;
                    }    
					#contentArea .contentBlock .leftImageWhitespace {
						width: 38px;
						height: 338px;
						float: left;
						margin: -22px 22px 0 0;
						display: inline;
						background: #fff;
						border-right: 5px solid #fff;
						border-bottom: 5px solid #fff;
						overflow: hidden;
					}
					#contentArea.product img.sideImage {
                      margin: -22px 17px 0 0;
                      border-right: 5px solid #fff;
                      display: inline;
                      float: left;
                     }
				#productFlash {
					position: absolute;
					right: 0;
					top: 0;
					width: 482px;
					height: 338px;
					overflow: hidden;
					border-left: 5px solid #fff;
					z-index: 10;
				}
				.wide #productFlash {
				    width: 359px;
				}
			#contentArea.tertiary .contentBlock {
				background: #fff;
				width: 405px;
				height: 321px;
				position: absolute;
				border: none;
				border-top: 5px solid #fff;
				padding: 22px 20px 0 0;
				top: 0px;
				margin-top: -5px;
			}
				#contentArea.tertiary h1 {
					color: #00b3e0;
				}
			#contentArea.tertiary .videoGallery {
				width: 451px;
				height: 338px;
				position: absolute;
				right: 0;
				top: 0;
				overflow: hidden;
				background: #fff url(../webimages/tertiaryGradiant.gif) left bottom repeat-x;
			}
			    #contentArea.tertiary .videoGalleryWhite {
			        background: #fff;
			    }
			
			#tertiaryFlash {
				position: absolute;
				top: 0;
				right: 0;
				width: 451px;
				height: 338px;
				overflow: hidden;
			}
			#tertiaryFlash.off {
				display: none;
			}
				#contentArea.tertiary .videoGallery .videoDetails {
					padding: 15px 11px 5px 11px;
				}
					.videoDetails img {
						display: block;
					}
					#contentArea.tertiary .videoGallery .videoDetails h2,
					#contentArea.tertiary .videoGallery .videoDetails p {
						margin: 0;
					}
					/*
					#contentArea.tertiary .videoGallery .videoDetails ul {
						list-style: none;
						margin: 6px 0 0 16px;
						padding: 0;
					}
					*/
                    	.videoDetails ul li a,
						a.videoLink {
							color: #333;
							text-decoration: none;
							padding-left: 18px;
							background: url(../webimages/videoLinkIcon.gif) left 3px no-repeat;
						}
	#footer {
		text-align: right;
	}
		#footer ul {
			margin: 0;
			padding: 0;
			float: right;
			list-style: none;
		}	
			#footer ul li {
				display:-moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				background: url(../webimages/footerBorder.gif) right 4px no-repeat;
				padding: 0 10px;
				margin: 0;
				float: left;
			}
			#footer ul li.last {background: none;}
				#footer ul li a {
					color: #b4b4b4;
					text-decoration: none;
					font-size: 10px;
				}
				#footer ul li a:hover {
				    text-decoration: underline;
				}
	#overlay {
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 display: none;
 background: #000;
 opacity: .70;
 filter: alpha(opacity=70);
 z-index: 1000;
}
* html #overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#modal {
	background: #fff;
	display: none;
	width: 461px;
	height: 348px;
	margin-left: -230px;
	position: absolute;
	top: 170px;
	left: 50%;
	overflow: hidden;
	z-index: 1001;
}
	#modal img {
		display: block;
		margin: 5px auto;
	}
	#introFlash {
		position: absolute;
		z-index: 1000;
	}
	#introFlash.off {
		display: none;
	}