body { background-color: white; margin: 0px; padding: 0px; }

.page { margin: 0px auto; width: 950px; }

.header { background: url(header.gif) no-repeat; width: 950px; height: 112px; position: relative; }
.flashbanner {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 350px;
	text-align: center;
}


.flashbanner2 {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 430px;
	text-align: center;
	z-index: 2;
}

.flashbanner3 {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 400px;
	text-align: center;
	z-index: 2;
}

.flashbanner4 {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 385px;
	text-align: center;
	z-index: 2;
}

.flashbanner5 {
	position: absolute;
	height: 100px;
	width: 100%;
	top: 450px;
	text-align: center;
	z-index: 2;
}
.header .logo { background: url(logo.jpg) no-repeat; width: 265px; height: 72px; position: absolute; top: 38px; left: 40px; }
.header .phone {
	background: url(phone.png) no-repeat;
	width: 279px;
	height: 35px;
	position: absolute;
	top: 44px;
	left: 625px;
}
.header .banner { background: url(banner.png) no-repeat; width: 291px; height: 83px; position: absolute; top: 30px; left: 310px; }

.menubar { background: url(body.gif) repeat-y; width: 950px; height: 66px; position: relative; }
.menubar .cover {
	width: 880px;
	height: 36px;
	position: absolute;
	top: 10px;
	left: 32px;
	border-left: none;
	border-right: none;
}
.menubar .cover .video { background: url(video.png) no-repeat; width: 169px; height: 36px; position: absolute; top: 0px; left: 0px; }
.menubar .cover .video-active { background: url(video-active.png) no-repeat; width: 169px; height: 36px; position: absolute; top: 0px; left: 0px; }
.menubar .cover .video:hover, .menubar .cover .video-active:hover { background: url(video-hover.png) no-repeat; }
.menubar .cover .film {
	background: url(film.png) no-repeat;
	width: 160px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 169px;
}
.menubar .cover .film-active { background: url(film-active.png) no-repeat; width: 159px; height: 36px; position: absolute; top: 0px; left: 169px; }
.menubar .cover .film:hover, .menubar .cover .film-active:hover { background: url(film-hover.png) no-repeat; }
.menubar .cover .media {
	background: url(media.png) no-repeat;
	width: 173px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 328px;
}
.menubar .cover .media-active { background: url(media-active.png) no-repeat; width: 173px; height: 36px; position: absolute; top: 0px; left: 328px; }
.menubar .cover .media:hover, .menubar .cover .media-active:hover { background: url(media-hover.png) no-repeat; }
.menubar .cover .dvd {
	background: url(dvd.png) no-repeat;
	width: 85px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 501px;
}
.menubar .cover .dvd-active { background: url(dvd-active.png) no-repeat; width: 85px; height: 36px; position: absolute; top: 0px; left: 501px; }
.menubar .cover .dvd:hover, .menubar .cover .dvd-active:hover { background: url(dvd-hover.png) no-repeat; }
.menubar .cover .faq {
	background: url(faq.png) no-repeat;
	width: 83px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 586px;
}
.menubar .cover .faq-active { background: url(faq-active.png) no-repeat; width: 83px; height: 36px; position: absolute; top: 0px; left: 586px; }
.menubar .cover .faq:hover, .menubar .cover .faq-active:hover { background: url(faq-hover.png) no-repeat; }
.menubar .cover .kudos {
	background: url(kudos.png) no-repeat;
	width: 100px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 669px;
}
.menubar .cover .kudos-active { background: url(kudos-active.png) no-repeat; width: 100px; height: 36px; position: absolute; top: 0px; left: 669px; }
.menubar .cover .kudos:hover, .menubar .cover .kudos-active:hover { background: url(kudos-hover.png) no-repeat; }
.menubar .cover .contact {
	background: url(contact.png) no-repeat;
	width: 107px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 769px;
}
.menubar .cover .contact-active { background: url(contact-active.png) no-repeat; width: 107px; height: 36px; position: absolute; top: 0px; left: 769px; }
.menubar .cover .contact:hover, .menubar .cover .contact-active:hover { background: url(contact-hover.png) no-repeat; }

.content {
	background: url(body.gif) repeat-y;
	width: 950px;
	position: relative;
	
}
.content .cover {
	width: 870px;
	height: 100%;
	position: relative;
	top: 0px;
	left: 38px;
}
.home .content {
	height: 450px;
}
.home .content .cover {
	text-align: center;
	top: 0px;
}
.home .content .cover .video { background: url(video-main.png) no-repeat; width: 236px; height: 347px; position: absolute; top: 5px; left: 5px; }
.home .content .cover .film { background: url(film-main.png) no-repeat; width: 236px; height: 347px; position: absolute; top: 5px; left: 320px; }
.home .content .cover .media { background: url(media-main.png) no-repeat; width: 236px; height: 347px; position: absolute; top: 5px; left: 630px; }
.home .content .cover .learn-more {
	background: url(learn-more.png) no-repeat;
	width: 135px;
	height: 33px;
	position: absolute;
	top: 309px;
	left: 54px;
}

.video .content {
	height: 530px;
}
.video .content .cover {
	top: 15px;
}

.film .content {
	height: 500px;
}
.film .content .cover {
	top: 0;
}
.media .content {
	height: 460px;
}
.media .content .cover {
	top: 0;
}
.dvd .content {
	height: 450px;
}
.dvd .content .cover {
	top: 0;
}
.faq .content { height: 480px; }
.faq .content .cover {
	top: 0;
}
.kudos .content {
	height: 400px;
}
.kudos .content .cover { top: 20px; }
.contact .content { height: 500px; }
.contact .content .cover {
	top: 0;
}

.video .vert-bar { width: 1px; height: 190px; background-color: #787878; position: absolute; top: 0px; left: 718px; }
.film .vert-bar { width: 1px; height: 180px; background-color: #787878; position: absolute; top: 10px; left: 718px; }
.media .vert-bar { width: 1px; height: 320px; background-color: #787878; position: absolute; top: 0px; left: 738px; }
.media hr { height: 1px; border: none; border-top: solid 1px #666666; width: 80%; }

.footer { background: url(footer.gif) no-repeat; width: 950px; height: 117px; position: relative; }
.footer .headlines {
	background: url(headlines.png) no-repeat;
	width: 870px;
	height: 70px;
	position: absolute;
	top: 11px;
	left: 37px;
	padding: 7px;
	color: #666666;
	text-align: center;
}
.footer .headlines { font: 10px/1.7em "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
.footer .copyright { width: 870px; height: 36px; position: absolute; top: 80px; left: 37px; padding: 7px; color: #666666; text-align: center; font: 10px/1.7em "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }

.normal_header {
	font-family: Century Gothic;
	font-size: 16px;
	color: #808382
}

.grey_header {
	font-family: Century Gothic;
	font-size: 16px;
	color: #808382
}

.grey_text {
	font-family: Century Gothic;
	font-size: 14px;
	color: #000000
}

.jetblack_header {
	font-family: Century Gothic;
	font-size: 22px;
	color: #000000;
	font-weight:bold;
}

.black_header {
	font-family: Century Gothic;
	font-size: 18px;
	color: #353734;
	font-weight:normal;
}

.black_text {
	font-family: Century Gothic;
	font-size: 12px;
	color: #000000
}

.black_text01 {
	font-family: Century Gothic;
	font-size: 13px;
	color: #000000;
}

.black_text02 {
	font-family: Century Gothic;
	font-size: 16px;
	color: #000000;
}

.black_text033 {
	font-family: Century Gothic;
	font-size: 13px;
	color: #000000;
}

.blue_text {
	font-family: Century Gothic;
	font-size: 16px;
	color: #2d60d5;
	font-weight:bold;
}


.Red_text {
	font-family: Century Gothic;
	font-size: 15px;
	color:#FF0000;
}

input, select , textarea{
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #A6E0FF;
}

.rate {
	font-size: 16px;
	color: #000000;
}