/* General Tags */
body {margin: 0; font-family: Verdana, sans-serif; font-size: 11px; color: #4f504d; text-align: center;}
img {border: 0px;}
a {color: #1c9ea3; cursor: hand; cursor: pointer;}
.off {display: none; visibility: hidden;}
.on {display: inline; visibility: visible;}


/* Overlay */
.overlay {position: absolute; left: 0px; top: 0px; z-index: 100; text-align: center; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; z-index:2;}
.contactForm {width: 500px; min-height:400px; padding: 5px; position: absolute; color: #48423e; background-color: #ffffff; border: 4px solid #ffe3a1; margin: 100px auto auto auto; padding: 0; text-align: left; z-index:3;}
.contactForm .closeWindow {width: auto; height: auto; padding: 1px; color: #FFFFFF; background-color: #639700; font-size: 12px; font-weight: bold; float:right;}
.contactForm .closeWindow a {color: #ffffff; text-decoration:none;}
.contactForm #content {margin: 20px;}
.contactForm #content #text {width: 175px; margin: 0; position: absolute; top: 80px; left: 290px; float: right;}

/* Main Layout */
#page {width: 802px; height: auto; margin: 0px auto; text-align: left; float: none;}
#VODMain {width: 800px; border-left: 2px solid #c1b68a; border-right: 2px solid #c1b68a; float: left;}
#VODLogo {width: 800px; height: 191px; background: transparent url('../images/Logo.jpg') no-repeat; float: left; }
#VODLogo .GetStarted {left: 18px; top: 60px; position: relative;}
#VODVideo {width: 764px; height: 310px; padding: 20px 18px; background: transparent url('../images/Video_bg.jpg') repeat-x; float: left;}
#VODVideo #FlashPlayer {width: 400px; height: 310px; float: left;}
#VODVideo .Right {width: 346px; height: 310px; margin-left:17px; float: left;}
#VODVideo .Right .ScrollBox {width: 346px; height: 276px; padding: 0; overflow: auto; overflow-x: hidden; float: left;}
#VODVideo .Right .ScrollBox .Videobox {width: 318px; height: 80px; margin: 0; padding: 6px; background: transparent url('../images/VideoBox_bg.jpg') repeat-x;}
#VODVideo .Right .ScrollBox .Videobox .Thumb {width: 120px; height: 80px; margin: 0; padding: 0; border: 1px solid white; float: left;}
#VODVideo .Right .ScrollBox .Videobox .Title {width: 180px; height: 80px; margin: 0 0 0 10px; padding: 0; font-size: 12px; font-weight: bold; color: #72643f; float: left;}
#VODVideo .Right .ScrollBox .Videobox .Title .Play {margin-top: 6px;}
#VODAbout {width: 800px; height: auto; margin: 0px; padding: 0px; background: url('../images/About_bg.jpg') no-repeat #fefdf6; border-top: 1px solid #a1977e; clear: both;}
#VODAbout h1 {width: auto; margin:20px 20px 8px 20px; color: #f28900; font-size: 18px;}
#VODAbout h2 {width: auto; margin:20px 20px 8px 20px; color: #f28900; font-size: 15px;}
#VODAbout p {width: auto; margin: 0px 20px 0px 20px;}
#VODAbout .Diagram {width: 407px; margin: 0px 0px 10px 10px; padding: 0px 0px 20px 0px; float:right;}
.Callout {float:right; width: 240px; margin:50px 0 20px 20px; padding:10px; color: #777777; font-size: 14px; line-height: 20px;}
.Attribution {font-size: 11px; line-height: 13px; font-style: italic; text-align: right;}
#VODCopyright {width: 800px; height: auto; padding: 0px 0px 20px 0px; background: url('../images/Footer_bg.jpg') repeat-x #E5D69C; font-size: 11px; color: #48423e; float: left;}
#VODCopyright a {color: #48423e;}
#VODCopyright .left {width: auto; margin: 20px; float: left;}
#VODCopyright .right {width: auto; margin: 20px; text-align:right; float: right;}

#VODPrivacy {width: 764px; height: auto;  padding: 20px 18px; background: url('../images/About_bg.jpg') no-repeat #fefdf6; float: left;}

#Logo {width: 801px; height: 105px; float: left;}
.Logo {width: 348px; height: 70px; margin-top: 10px; float: left;}

.Error {color: red; font-weight: bold;}