/* --- [ Tags Style          ] --- */
html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; text-align: center; background: #121212  url("../layout/body2.png") repeat-x fixed top left; font: 12px/18px Tahoma, sans-serif; color: #333; text-align: center; letter-spacing: 1px; }
h1, h2{ display: block; margin: 20px 0; padding: 0 0 12px 0; border-bottom: 1px solid #e5e5e5; font: normal 24px/26px Arial, sans-serif; color: #00adef; letter-spacing: -1px; }
h2 { font-size: 18px; padding: 0; color: #000; border: none; }
h2 small { color: #00adef; font-size: 0.9em; }
.body-right h2 { margin-bottom: 10px; }
a { outline: none; text-decoration: none; }
p a, .body-right a, .pagin a, .popupClose a, .archives a { color: #0075A3;  }
p a:hover, .body-right a:hover, .popupClose a:hover, .archives a:hover { color: #C95B00 !important; }


/* --- [ Layout          ] --- */

.wrapper { background: url("../layout/stars.jpg") no-repeat fixed top center; }
.full { margin: 0 auto; padding: 0 0 50px 0; width: 970px; text-align: left; }
img { border: none; }

/* --- Top / menu --- */

.top { height: 82px; }
.menu { position: relative; top: 35px; left: 40px; font: normal 11px/12px 'Trebuchet MS', sans-serif; color: #fff; }
.menu a { color: #fff; }
.menu a:hover, .menu-over { color: #00adef !important; }


/* --- Content --- */

.content { padding: 0 10px; background: #000; }

.head { height: 233px; }
.head img { display: block; }
.bnl { position: relative; top: -294px; left: 850px; }
.lang { position: relative; top: -255px; left: 850px; /* Logo width - right position of logo to align div with image */ 
		width: 77px; /* Same as logo width to center text */ text-align: center; font-weight: bold; }
.lang a { color: #000; }
.lang a:hover { color: #fff; }

.body { margin: 3px 0; background: #fff url("../layout/body.png") repeat-y; }
.body-top, .body-bot { height: 21px; background: url("../layout/body-top.png") no-repeat top left; }
.body-bot { background-image: url("../layout/body-bot.png"); }
.body-wrapper { overflow: hidden; padding: 0 40px 20px 40px;}
.body-left { float: left; width: 502px; text-align: justify; }
.body-right { float: right; width: 287px; }
.separator { clear: both; margin: 20px 0; font-size: 0; line-height: 0; height: 1px; background: #e5e5e5; }
.send-picture, .fill-form { padding: 20px 0; }
.send-picture a , .fill-form a{ padding: 25px 0 25px 55px; background: url("../layout/ico-send-image.png") no-repeat left center; text-transform: uppercase; color: #00adef; font-weight: bold; }
.send-picture a:hover, .fill-form a:hover { color: #333; }
.fill-form a{ background-image: url("../layout/ico-fill-test.png"); }
.archives { padding-bottom: 10px; }
.news-img { float: left; margin: 0 10px 5px 0; padding: 2px; border: 3px solid #ccc; }
.text-increase1 { font-size: 1.1em; text-align: left; }
.making-lt { margin-bottom: 15px; float: left; width: 175px; background: #f2f2f2; padding: 10px 0; font-size: 9px; text-align: center;}
/*
.making-lt a { color: #00adef; }
.making-lt img { display: block; margin: 0 auto; border: 5px solid #FFF; }*/
.view-makingof { display: block; margin-left: 15px; padding: 20px 0 20px 30px; background: url("../layout/makingof_play.png") no-repeat center left; color: #00adef; }
.making-lt a:hover { color: #C95B00; }
.making-lt p { text-align: center; padding: 0; margin: 0; }
.making-rt {  float: right; width: 310px; padding-bottom: 15px; }
.making-rt p { padding: 0 0 10px 0; margin: 0; }
.top-page { float: right; font-size: 11px; }
.top-page a {  color: #00adef; }
.top-page a:hover { color: #C95B00 }
.filmmakers a { color: #C95B00; }
.filmmakers a:hover { color: #00adef; }

/* --- Side Content --- */


/* news panel */
.news-bx { width: 100%; letter-spacing: -1px; text-align: center; color: #666;}
.news-bx td { background: #fff; margin: 0; padding: 5px 0; border-bottom: 2px solid #f2f2f2; }
.day, .monthYear { width: 50px; font: bold 36px/38px Arial, sans-serif; color: #00adef; letter-spacing: -3px; }
.monthYear { width: 45px; }
.month { float: left; text-align: left; }
.monthYear { font-size: 14px; line-height: 12px; letter-spacing: -1px; }
.news-bx-title { text-align: left; letter-spacing: 1px; font-size: 0.9em; line-height: 0.9em;}


/* Cineaste */
.cineaste { margin: 30px 0; }
.cineaste img { display: block; }
.cineaste a { display: block; padding: 5px; background: #fff; }
.cineaste a:hover { background: #00adef; }



/* --- Form --- */

form { margin: 0; padding:0; }
.form label { display: block; padding: 10px 0 5px 3px; }
.form input, .form textarea, .form select { padding: 3px; width: 268px; border: 1px solid #ccc; color:#666666; background: #f7fbfd; }
.form textarea  { width: 100%; height: 250px; font: 12px/14px Tahoma, sans-serif; color: #666666; }
.submit { padding-top: 20px; text-align: center; }
.submit input { padding: 0; width: auto !important;  border: none; }

/* Personnality test */
.test table { width: 100%; text-align: left; }
.test-back { background-color: #f2f2f2 !important; }
.test-ico { width: 60px !important; height: 65px; vertical-align: middle; background: url('../layout/ico-form-num.png') no-repeat center center; text-align: center;  font: bold 24px/26px Arial, sans-serif; letter-spacing: -1px; color: #00adef;  }
.test-title { width: 191px; text-align: left; vertical-align: middle; font: bold 12px/14px Arial, sans-serif; color: #666; }
.test-choice { vertical-align: top; }
.test-choice table { margin: 0 0 10px 0; padding: 0; width: 251px; }
.test-choice table td { overflow: auto; padding: 1px 0 !important; margin: 0; }
.test-choice table td label { display: block; float: left; width: 150px; }
.test-input { width: 60px; text-align: center; vertical-align: top;  }
.test-input input { padding: 0; margin: 0; }
.test-list { display: block; float: left; width: 20px; }
.warnStyle, .warnbox { color: #cc0000; }
.warnbox { margin: 15px 0; width: 100%; background: #ffffcc; font-weight: bold; }
.warnbox div { border: 2px solid #ffff99; }
.warnbox span { display: block; margin: 0 auto; background: url("../layout/ico-warn.png") no-repeat left center; width: 250px; text-align: left; padding: 20px 0 20px 55px; }
.warnbox td { text-align: center; vertical-align: middle; padding: 0;}
.success span { background-image: url("../layout/ico-success.png") !important; }
.success { color: #3a9805 !important; }


/* Common image */
.common-photo { width: 100%; }
.common-photo td { width: 90px; height: 90px; background: #f2f2f2; text-align: center; vertical-align: middle; line-height: 0;  }
.common-side td { background: #fff; }
.common-photo a img { border: 1px solid #ccc; }
.common-photo a:hover img { border: 1px solid #666; }
.common-spacer, .row-spacer, .side-spacer { font-size: 0; line-height: 0; width: 13px !important; background: none !important; }
.row-spacer, .side-row-spacer { width: auto !important; height: 13px !important; }
.side-spacer { width: 5px !important; }
.side-row-spacer { height: 5px !important; }
.pagin { background: none !important; height: 35px !important; vertical-align: middle; padding: 0; text-align: center; }
.pagin a img, .pagin a:hover img { border: none !important; padding: 0 5px; position: relative; top: 3px; }
.popupBox{ margin: 0 auto; width: 440px; background: #fff; text-align: center; color:#5d5e5f; vertical-align: middle; }
.popupBox td { padding: 30px; }
.popupClose { padding-top: 10px;text-align: right; font-weight: bold; }
.linkSide { display: block; margin-top: 10px; padding: 0 0 0 20px; background: url('../layout/ico-arrow.png') no-repeat left center; color: #333 !important; font-weight: bold; letter-spacing: 0 }

#wrapper { display: none; position: absolute; top: 0; left: 0; z-index: 51;  width: 100%; height: 100% }
#wbox { display: none; position: absolute; top: 0; left: 0; z-index: 50; background-image: url("../layout/shadow.png"); width: 100%; height: 100% }


#wbox-top { height: 50%;  }
#wbox-bottom { height: 50%;  }


/* --- Partners --- */
.partners { width: 100% }
.partners td { width: 25%; vertical-align: middle; text-align: center; }



/* --- Foot --- */

.foot { padding: 30px 0; font: normal 10px/11px 'Trebuchet MS', sans-serif; }
.copy { width:600px; margin: 25px auto 0 auto; color: #666; text-align: justify; }
.copy strong { font-size: 11px; }
.copy td { vertical-align: middle; }
.copy-lt { width: 342px; padding-right: 10px; }
.copy-rt { width: 88px; }
.vAlign { vertical-align: middle; }

/* Foot menu */
.foot-menu {  color: #666; text-align: center; }
.foot-menu a { color: #666; }
.foot-menu a:hover{ color: #00adef !important; }