/* Stylesheet for tfe.org.uk */



body

{

background-color: #000;

}



#main

{  

position:absolute; 

left: 50%; 

top: 50%;

margin-left: -450px; 

clip:   rect(   ); 

background-color: #FFFFFF; 

height: 550px; 

width: 900px; 

margin-top: -275px;

}



#main_sponsors

{  

position:absolute; 

left: 50%; 

top: 50%;

margin-left: -450px; 

clip:   rect(   ); 

background-color: #FFFFFF; 

height: 970px; 

width: 900px; 

margin-top: -275px;

}



#top

{

position: relative; 

width: 450px; 

height: 15px; 

left: 30px; 

top: 20px;

}



#sub

{

position: absolute; 

width: 480px; 

height: 15px;

left: 30px; 

top: 45px;

}



#filmstrip

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/main.gif);

}



#filmstrip_about

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/about/about_strip.gif);

}


#brothers_strip

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/brothers_strip.gif);

}


#community_filmstrip

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/community_filmstrip.gif);

}



#filmstrip_talent

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/talent/talent_strip.gif);

}



#filmstrip_butcher

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/filmstrip_butcher.gif);

}



#filmstrip_funders

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/funders/funders_strip.gif);

}



#filmstrip_sponsors

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/angel/sponsor_strip.gif);

}



#logo

{

position: relative;

width: 147px;

height: 63px;

top: 20px;

left: 720px;

background: #fff url(images/style/logofront.jpg) no-repeat;

}



#main_menu

{

position: absolute;

width: 600px;

height: 20px;

left: 30px;

top: 25px;

FONT-FAMILY: arial, sans-serif; 

FONT-SIZE: 10pt;

FONT-WEIGHT: bold;

color: #1095da; 

/*letter-spacing: 1px;*/

}



#main_menu a

{

text-decoration: none;

color: #1095da;

}



#main_menu a:hover

{

color: #064c70;

}



#main_menu .dark

{

text-decoration: none;

color: #064c70;

}



#sub_menu

{

position: absolute;

width: 600px;

height: 20px;

left: 30px;

top: 55px;

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

color: #1095da;

}



#sub_menu a

{

text-decoration: none;

color: #1095da;

}



#sub_menu a:hover

{

color: #000;

}



#sub_menu .dark

{

color: #000;

}



#title_bar

{

position: relative;

width: 900px; 

height: 50px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/title_bar_blue_dada.gif)

}



#title_bar_black

{

position: relative;

width: 900px; 

height: 50px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/title_bar_blue_black.gif)

}



#title_bar_text

{

font-family: arial;

font-size: 18pt;

color: #fff;

padding: 10px 0px 0px 30px;

}



#news_title

{

position: absolute; 

left: 30px; 

top: 265px; 

}



#news_title h1 

{  

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 10pt;

font-weight: bold;

color: #2d2d2d; 

margin: 0px 0px 7px 0px;

}



#news

{

position: absolute; 

width: 840px; 

height: 215px; 

left: 30px; 

top: 290; 

overflow: auto; 

text-align: justify; 

padding-right: 20px;

line-height: 14pt;

}



#news a

{  

FONT-FAMILY: arial, verdana, sans-serif;

font-size: 9pt;

font-weight: bold;

color: #1196db; 

text-decoration: none;

margin: 0px 0px 0px 0px;

}



.news_date 

{  

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt; 

font-weight: bold; 

color: #2D2D2D; 

text-decoration: none; 

margin: 0px 0px 3px 0px;

padding: 10px 0px 5px 0px;

}   



.news_text

{

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

font-weight: normal; 

color: #555555; 

text-decoration: none; 

margin: 0px 0px 14px 0px;

}



#standard

{

position: absolute; 

width: 840px; 

height: 255px; 

left: 30px; 

top: 260px; 

overflow: auto; 

text-align: justify; 

padding-right: 20px;

line-height: 13.5pt;

color: #555555;

}



#standard a

{  

FONT-FAMILY: arial, verdana, sans-serif;

font-size: 9pt;

font-weight: bold;

color: #1196db; 

text-decoration: none;

margin: 0px 0px 0px 0px;

}



.standard_quote

{

font-family: arial, verdana, sans-serif;

font-style: italic;

font-size: 9pt;

}



.standard_quote_sig

{

font-family: arial, verdana, sans-serif;

font-weight: bold;

font-size: 9pt;

}



.standard_title

{

font-size: 9pt;

font-weight: bold;

}



.princes_title

{

font-family: arial, verdana, sans-serif;

font-weight: bold;

font-size: 11pt;

}



/* text used under title bar */

#standard_bar

{

position: absolute; 

width: 840px; 

height: 330px; 

left: 30px; 

top: 170px; 

overflow: auto; 

text-align: justify; 

padding-right: 20px;

line-height: 13.5pt;

color: #555555;

}



#standard_bar a

{  

FONT-FAMILY: arial, verdana, sans-serif;

font-size: 9pt;

font-weight: bold;

color: #1196db; 

text-decoration: none;

margin: 0px 0px 0px 0px;

}



#standard_bar_film

{

position: absolute; 

width: 840px; 

height: 320px; 

left: 30px; 

top: 190px; 

overflow: auto; 

text-align: justify; 

padding-right: 20px;

line-height: 13.5pt;

color: #555555;

}



.standard_text

{

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

font-weight: normal;  

text-decoration: none; 

margin: 0px 0px 10px 0px;

}



.standard_text a

{  

FONT-FAMILY: arial, verdana, sans-serif;

font-size: 9pt;

font-weight: bold;

color: #1196db; 

text-decoration: none;

margin: 0px 0px 0px 0px;

}



#footer

{

position: absolute; 

width: 660px; 

height: 25; 

left: 30px; 

bottom: 10px

}



.gk

{ 

font-family: arial, verdana, sans-serif;

font-weight: bold;

color: #ff2d00;

}



.footer_text

{  

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 8pt;

color: #000000

}



#footer a 

{ 

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 8pt;

color: #ff2d00; 

text-decoration: none

}



/* Gangster Kittens specific styles */



#main_gangster

{  

position:absolute; 

left: 50%; 

top: 50%;

margin-left: -450px; 

clip:   rect(   ); 

background: #fff url(images/angel/angel_poster.gif) no-repeat; 

height: 550px; 

width: 900px; 

margin-top: -275px;

}



#filmstrip_gangster

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/angel/gangster_strip.gif);

}



#filmstrip_jglover

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/angel/jglover_strip.gif);

}






#filmstrip_jhall

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/angel/jhall_strip.gif);

}



#filmstrip_jkrabbe

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/angel/jkrabbe_strip.gif);

}



#filmstrip_corporate

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/corporate.gif);

}



#filmstrip_flashmob

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/flashmob.gif);

}


#filmstrip_grave

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/grave.gif);

}



#filmstrip_social

{

position: relative; 

width: 900px; 

height: 140px;  

left: 0px; 

top: 40px;

background: #fff url(images/style/social.gif);

}





#riverside

{

position: absolute; 

width:662px; 

height:450px; 

left: 0px; 

top: 100px; 

background: #000 url(images/riverside.gif);

}



#contact

{

position: absolute; 

width:900px; 

height:15px; 

left: 0px; 

top: 535px;

text-align: center; 

background-color: #000;

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 10pt;

color: #ffffff;

}



#contact a

{

text-decoration: none;

color: #ffffff;

}



#funders_col

{

position: absolute; 

width: 350px; 

left: 0px; 

top: 0px;

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

color: #555555;

list-style-type: none;

}



#partners_col

{

position: absolute; 

width: 350px; 

left: 420px; 

top: 0px;

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

color: #555555;

list-style-type: none;

}



#partners_col b

{

padding-bottom: 8px;

}



#funders_col b

{

padding-bottom: 8px;

}



ul.none 

{

list-style-type: none

}



#contact_names

{

position: absolute; 

width: 238px;

height: 450px; 

left: 662px; 

top: 100px;

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 9pt;

color: #fff;

padding: 20px 0px 0px 30px;

background: #000;

line-height: 13px;

}



#contact_names a

{

text-decoration: none;

color: #dadada;

}



#trailer_frame

{

position: absolute; 

width: 900px; 

height: 450px; 

left: 0px; 

top: 100px; 

text-align: justify; 

line-height: 13.5pt;

color: #555555;

background: #000;

}



#trailer

{

position: absolute;  

left: 207px; 

top: 100px; 

}



#angel

{

position: absolute;

width: 96px;

height: 180px;

left: 60px;

top: 50px;

background: #fff url(images/angel/angel_thumb.gif) no-repeat;

}



#jezebel

{

position: absolute;

width: 195px;

height: 180px;

left: 215px;

top: 50px;

background: #fff url(images/angel/jezebel_thumb.gif) no-repeat;

}



#gangster

{

position: absolute;

width: 106px;

height: 180px;

left: 460px;

top: 50px;

background: #fff url(images/angel/gangster_thumb.gif) no-repeat;

}



#price

{

position: absolute;

width: 106px;

height: 180px;

left: 620px;

top: 50px;

background: #fff url(images/angel/price_thumb.gif) no-repeat;

}



#corporate

{

position: absolute; 

width: 840px; 

height: 360px; 

left: 30px; 

top: 140px;  

overflow: auto;

text-align: justify; 

padding: 0px 20px 0px 0px;

line-height: 13.5pt;

color: #555555;

}



#corporate_title h1 

{  

position: absolute; 

left: 30px; 

top: 100px; 

FONT-FAMILY: arial, verdana, sans-serif; 

FONT-SIZE: 10pt;

font-weight: bold;

color: #1195d9; 

margin: 0px 0px 7px 0px;

}



#brighton

{

position: absolute;

left: 0px;

top: 100px;

background: #000 url(images/brighton.gif) no-repeat; 

width: 900px;

height: 450px;

}



.brighton_enter a

{

position: absolute;

left: 700px;

top: 400px;

font-family: arial, tahoma;

font-size: 16pt;

color: #fff;

text-decoration: none;

}



#film_intro

{

position: absolute;

left:30px;

top: 170px;

width: 810px;

height:40px;

}



#flashmob

{

position: absolute;

width: 810px;

height: 200px;

left: 0px;

top: 320px;

}





#flashmob_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/flashmob_thumb.gif);

}





#flashmob_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



#angels

{

position: absolute;

left: 0px;

top: 0px;

width: 810px;

height: 200px;

}



#angels_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/angel_poster_thumb.gif);

}



#angels_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



#angels_text a

{

color: #ff2d00;

font-family: arial, tahoma;

font-size: 12pt;

font-weight: bold;

text-decoration: none;

}



#grave

{

position: absolute;

width: 810px;

height: 200px;

left: 0px;

top: 160px;

}

#grave_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}


#grave_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/grave_thumb.gif);

}

#hsh_view

{

position: absolute;

left: 700px;

top: 0px;

}



#hsh

{

position: absolute;

left: 0px;

top: 800px;

width: 810px;

height: 200px;

}



#hsh_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/hsh_poster_thumb.jpg);

}



#hsh_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



#swimmer

{

position: absolute;

left: 0px;

top: 480px;

width: 810px;

height: 200px;

}



#swimmer_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/sw_poster_thumb.jpg);

}



#swimmer_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



#rule

{

position: absolute;

left: 0px;

top: 130px;

width: 810px;

}



#wsa

{

position: absolute;

left: 0px;

top: 960px;

width: 810px;

height: 200px;

}



#wsa_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/wsa_poster_thumb.jpg);

}



#wsa_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



#scarred

{

position: absolute;

left: 0px;

top: 640px;

width: 810px;

height: 200px;

}



#scarred_thumb

{

position: absolute; 

width: 200px; 

height: 120px;

left: 0px; 

top: 0px;

background: #fff url(images/posters/sc_poster_thumb.jpg);

}



#scarred_text

{

position: absolute;  

height: 120px;

left: 230px; 

top: 0px;

}



.film_title

{

font-family: arial, tahoma;

font-size: 12pt;

font-weight: bold;

color: #555555;

}



.film_title a

{

text-decoration: none;

color: #555555;

}



#under_fixed_title

{

position: absolute; 

width: 840px; 

height: 205px; 

left: 30px; 

top: 300; 

overflow: auto; 

text-align: justify; 

padding-right: 20px;

line-height: 14pt;

}



/* CSS Menu */





dl, dt, dd, ul, li 

{

margin: 0;

padding: 0;

list-style-type: none;

}



#gk_menu 

{

position: absolute; /* Menu position that can be changed at will */

width: 600px;

height: 20px;

top: 25px;

left: 30px;

z-index:100;

}

#gk_menu dl 

{

float: left;

}



#gk_menu dt 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #fff;

letter-spacing: 1.5px;

}



#gk_menu dd 

{

display: none;

}



#gk_menu li 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #fff;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu li a

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #000;

font-weight: normal;

background: #fff;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu dt a 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #fff;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu li a:hover, #gk_menu li a:focus, #gk_menu dt a:hover, #gk_menu dt a:focus {

background: #fff;

color: #9e2a2a;

}



#gk_menu .dark

{

color: #9e2a2a;

}





#gk_menu_initial 

{

position: absolute; /* Menu position that can be changed at will */

width: 600px;

height: 20px;

top: 25px;

left: 30px;

z-index:100;

}

#gk_menu_initial dl 

{

float: left;

}



#gk_menu_initial dt 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #000;

letter-spacing: 1.5px;

}



#gk_menu_initial dd 

{

display: none;

}



#gk_menu_initial li 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #000;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu_initial li a

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #fff;

font-weight: normal;

background: #000;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu_initial dt a 

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ff2d00;

font-weight: normal;

background: #000;

letter-spacing: 1.5px;

text-decoration: none;

}



#gk_menu_initial li a:hover, #gk_menu_initial li a:focus, #gk_menu_initial dt a:hover, #gk_menu_initial dt a:focus {

background: #000;

color: #d9a3a3;

}



#gk_menu_initial .dark

{

color: #d9a3a3;

}



#gallery

{

position: absolute;

width: 660px; 

height: 170px; 

left: 120px; 

top: 350px; 

background-color: #dadada; 

border: 1px #000;

}

#kurtz

{

font-family: arial, sans-serif;

font-size: 10pt;

color: #ffffff;

font-weight: normal;

position: relative;

top: 800px;
left: 200px;

}

#above_gallery

{

position:absolute; 

width: 840px; 

height: 160px; 

left: 30px; 

top: 170px; 

overflow: auto;

} 



#sponsors

{

position: absolute;

width: 654px;

height: 575px;

left: 100px;

top: 320px;

overflow: auto; 

background: #fff url(images/sponsors_logos.gif);

}