@charset "utf-8";
/* CSS Document */

/*///////////////////////////////////////////  Containers ///////////////*/

body { background-color: #000000; font-family: Tahoma, Geneva, sans-serif }
.content { width: 760px; height: 380px; position: relative; top: 0px; left: 220px; }
.text { width: 380px; height: 268px; position: relative; left: 191px; top: 25px; color: #000000; overflow: auto; overflow-x: hidden; padding: 0px 10px; }
.characterText { width: 380px; height: 260px; position: relative; left: 220px; top: 27px; color: #000000; overflow: auto; overflow-x: hidden; padding: 0px 15px 5px 30px; }
.gallery { width: 421px; height: 265px; position: relative; left: 170px; top: 27px; }
.copyRight { width: 500px; height: 40px; color: #CD923E; position: relative; top: -10px; padding-bottom: 120px; margin: 0 auto; text-align: center; font-size: 12px; color: #f6cd8a; white-space: pre; line-height: 1.4; } 
.video { width: 415px; height: 228px; position: relative; left: 308px; top: -202px; z-index: 0 !important; }
#video_index { width: 489px; height: 265px; position: relative; left: 221px; top: 13px; z-index: 5 !important; }

/*///////////////////////////////////////////  Template ///////////////*/

.template { margin: 0 auto; width: 1200px; height: 800px; background-repeat: no-repeat; }
.index { background-image: url(../images/templates/template_index.jpg); }
.tA { background-image: url(../images/templates/template_A.jpg); }
.tB { background-image: url(../images/templates/template_B.jpg); }
.tC { background-image: url(../images/templates/template_C.jpg); }
.tD { background-image: url(../images/templates/template_D.jpg); }

.tAmaan { background-image: url(../images/templates/template_amaan.jpg); }
.tBashaar { background-image: url(../images/templates/template_bashaar.jpg); }
.tBashasha { background-image: url(../images/templates/template_bashasha.jpg); }
.tHalimaH { background-image: url(../images/templates/template_halimaH.jpg); }
.tHala { background-image: url(../images/templates/template_hala.jpg); }
.tKahilila { background-image: url(../images/templates/template_kahilila.jpg); }
.tMahir { background-image: url(../images/templates/template_mahir.jpg); }
.tSoulhoufa { background-image: url(../images/templates/template_soulhoufa.jpg); }

.topBorder { background-image: url(../images/templates/top_border.jpg); background-repeat: repeat-x; height: 58px; position: top left; margin: -10px -10px 0px -10px; z-index: 300; }
.bottomBorder { background-image: url(../images/templates/top_border.jpg); background-repeat: repeat-x; height: 58px; width: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 500 !important; }

#pressImage { background-image: url(../images/templates/presentaion_book.png); width: 172px; height: 132px; position: relative; top: -123px; left: 178px; z-inde: 10; }


/*///////////////////////////////////////////  Navigation ///////////////*/

.logo { margin: 0 auto; padding: 50px; width: 348px; height: 100px; }
.nav { width: 870px; height: 48px; position: relative; top: 4px; left: 160px; z-index: 120; }
.nav li { display: inline; padding: 0px; margin: 0px -5px 0px 0px; list-style: none; }
.follow { width: 65px; height: 30px; position: relative; left: 880px; top: -90px; z-index: 150; }
.arrowLeft { width: 70px; height: 80px; position: relative; left: 70px; top: -152px; z-index: 50; }
.arrowRight { width: 70px; height: 80px; position: relative; left: 623px; top: -224px; z-index: 50; }

#trailerButton { width: 116px; height: 93px; position: relative; top: 42px; left: 35px; }
#clipsTitle { width: 67px; height: 21px; position: relative; top: 86px; left: 45px; }
#place_Clip0ne { width: 101px; height: 64px; position: relative; top: 92px; left: 45px; z-index: 100; }
#place_ClipTwo { width: 101px; height: 60px; position: relative; top: 30px; left: 160px; }

/*///////////////////////////////////////////  Links ///////////////*/

a:link { color: #034997; }
a:active { color: #034997; }
a:visited { color: #034997; }
a:hover { color: #FF6600; }

a:link, legal { color: #C08C42 ; }
a:active, legal { color: #C08C42; }
a:visited, legal { color: #C08C42; }
a:hover, legal { color: #C08C42; }

/*///////////////////////////////////////////  Text ///////////////*/

h1 { text-align: center; color: #300A01; text-decoration: underline; margin: 10px 0px 0px -16px; white-space: pre; font-size: 24px; text-transform: uppercase; }
h3 { text-transform: uppercase; font-size: 17px; }
li { list-style-type: none; }
p { text-indent: 12px; }
#press { text-indent: 0px; font-size: 17px; line-height: 1; }
#download { font-size: 14px; }
.alignRight { text-align: right; }
.legalCopy { font-size: 12px; }

/*///////////////////////////////////////////  Characters ///////////////*/

.charactersLeft { width: 45px; height: 50px; position: relative; top: -220px; left: 5px; }
.charactersRight { width: 45px; height: 50px; position: relative; top: -270px; left: 715px; }
.charactersLeft2 { width: 45px; height: 50px; position: relative; top: -138px; left: 5px; }
.charactersRight2 { width: 45px; height: 50px; position: relative; top: -188px; left: 715px; }
#characterList { width: 760px; height: 331px; position: relative; top: -20px; left: 20px; padding: 0px; margin: 0px; z-index: 0; }
#characterList li { display: inline-block; padding: 0px; margin: 0px; list-style: none; }
#amaanPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#halaPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#bashaarPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#bashashaPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#kahlilaPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#soulhoufaPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#halimahPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }
#mahirPlacement { width: 120px; height: 331px; position: relative; left: 20px; top: 10px; }

/*///////////////////////////////////////////  Affiliates ///////////////*/

.affiliates { width: 820px; height: 60px; position: relative; left: 189px; top: 0px; border-style: none; }
.affiliates li { display: inline; padding: 0px; margin: 0px -4px 0px 0px; list-style: none; }