html {margin:0; padding:0; border:0; }

body {width: 1220px; height:100%; background:white; color: #000; font-family: helvetica, arial, sans-serif; margin: 0; padding: 0; }

.ui-page { background:white; color: #000; }


/* ----- TEMPLATE ----- */

div#home-wrapper { position: absolute; top: 0; left: 0; width: 100%; height:100%;  text-align:center; }

div.header { position: relative; width: 100%; height:40px; padding: 30px 0 0; text-align:center; }

div.content { position: relative; width:100%; height:778px; padding:0; text-align:center;}

div.footer { position: relative; margin-top: 20px; width: 100%; height:100px; text-align: center;}

.image-link { border: none; cursor: pointer; outline: none; }

.text-link { cursor: pointer; outline: none; }

.hyperlink:focus,
.hyperlink:active { outline: none; }

.menu-list { display: inline-block; }


a,
a:visited { color: black; text-decoration: none; }
a:focus,
a:hover { color: #CC0000; text-decoration: none; outline: none;}


/* ----- TITLE ----- */

div.title-container { position: relative; margin: 0 auto; overflow: hidden; width:1240px; height:21px;}

img.title { position: absolute; top:21px; left:0px; }

div.title-reflection-container { position: relative; margin:-3px auto 0; overflow: hidden; width:1240px; height:85px;}

img.title-reflection { position: absolute; top:-22px; left:0px; }

img.title-reflection-mask { display: none; position: absolute; top:2px; left:-5px; }


/* ----- MENU ----- */

div.menu-container { position: relative; top:-88px; margin: 0 auto; overflow: hidden; width:1240px; height:21px;}
div.menu-container .menu { position: absolute; top:0px; right:5px; margin:0; width:auto; height:21px; text-align: right;}
div.menu-container .menu a { font-size: 13px;}
div.menu-container .menu a:hover { color: #CC0000}
div.menu-container .menu span { font-size: 13px; color: #CC0000}


/* ----- MAIN CONTENT ----- */

div.content .moduleContainer {position: relative; width:1240px; height:100%; margin:0 auto; padding:0; }
div.content .moduleContainer .moduleBackground {position: absolute; top:0; left:0; width:1236px; height:0; margin:0; padding:0; background-color:#DCDCDC; z-index:-10;}
div.content .moduleContainer .swfPlayerContainer { position: absolute; top:262px; left:466px; width:304px; height:254px; margin:0; padding:0; background-color:#EAEAEA; z-index:1000;}
div.content .moduleContainer .swfPlayer {position: absolute; top:2px; left:2px; width:300px; height:250px; margin:0; padding:0; background-color:white; z-index:1010;}
div.content .moduleContainer .logoContainer {position: absolute; top:0; left:0; width:300px; height:250px; margin:0; padding:0; z-index:1100;}

div.content .floatingModule { position: absolute; visibility:hidden; top:0; left:0; width:1240px; height:100%; margin:0; padding:0; z-index:100; }

div.content .module { position: relative; float:left; width:150px; height:125px; margin:4px 0 0 4px; padding:0;}
div.content .module .bannerCont {position: absolute; top:0; left:0; width:150px; height:125px; margin:0; padding:0; z-index:100;}
div.content .module .thumbOverlay {position: absolute; top:0; left:0; width:150px; height:125px; margin:0; padding:0; background-color:white; z-index:10;}
div.content .module .moduleThumb {top:0; left:0; width:150px; height:125px; margin:0; padding:0;}
div.content .module .goldenSquare {position: absolute; display:none; top:-1px; left:-1px; width:152px; height:127px; margin:0; padding:0; background-color:#ff0000; z-index:-10;}


/* ----- FOOTER ----- */

div.footer-inner { position: relative; margin-left: auto; margin-right: auto; width: 1240px;}
div.footer-inner .legal { text-align: justify; width: 615px;}
div.footer-inner .legal p { font-size: 10px; }

div.footer-inner .studioCertificate {position: relative; float:right; margin-top: -48px; width:auto; height:50px;}


* { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }