/* Normalizing*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size:100%}

/* Removes list-style from lists */
ol, ul
{list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Removes borders and spacing from tables */
table
{border-collapse: collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img
{border: 0;}

/* Left-aligns text in caption and th */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q: before, q:after
{content: '';}

/* layout */

#wrapper{
position:relative;
top:21px;
left:7px;
width:749px;
height:799px;
margin-right:auto;
margin-left:auto;
font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif}

#mainextension{position:absolute;
width:699px;
height:456px;
margin-left:50px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #682155;}

#main {position:absolute;
margin-left:50px;
width:649px;
height:456px;
background-color: #EBEBEB;}

#banner h1 {position:relative;
display:block;
width:214px;
height:132px;
bottom:23px;
right:5px;}

#banner h1 span#BC {position:absolute;
display: block;
width:214px;
height:135px;
font-size: 147px;
color:#cccccc;
text-align:center;
font-family:georgia;
font-weight: lighter;
vertical-align: middle;
z-index:4; }

#banner h1 span#purple {position:relative;
display:block;
width:214px;
height:132px;
color: #aa7ca4;
font-size: 32px;
font-weight: lighter;
font-style: italic;
line-height: 38px;
text-align:center;
vertical-align: middle;
padding-top:28px;
padding-left:5px;
z-index:5; 
font-family:georgia;}

#banner p {position:absolute;
display:block;
width:214px;
bottom:2px;
color: #717170;
font-size:9px;
z-index:99;
text-align:center;
text-transform: uppercase;
font-weight: bold; }

#sidebar{position:absolute;
top:82px;
left: -1px;
width:100px;
height:507px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #682155;}

#sidebar ul{list-style-type:none;
padding-left:0;
margin-left:-6px;
padding-top:125px;
font-size: .8em; }

#sidebar ul a {display:block;
width:100px;
text-transform: uppercase;
color: #682155;
padding: 15px 0px 15px 5px;
text-decoration: none; }

#sidebar ul a:hover{background-image: url(images/dot.gif);
background-position:0px -3px;
background-repeat: no-repeat; }

a.on {background-color:#ebebeb;}

#sidebar ul li{display:inline;}

#banner {position:relative;
width:214px;
height:132px;
left:50px;

margin-right:auto;
margin-left:auto; }

#lowerbanner{position:absolute;
left:0px;
bottom: 0px;
width:649px;
height:59px;
background-color:#bbbabb;}

#lowerbanner a {display:block;
width:649px;
text-align:center;
text-transform:uppercase;
text-decoration:underline;
color: #000;
padding-top:17px; 
font-size:1.2em;}

#director{
position:absolute;
height:330px;
width:160px;
background-image: url(images/Shouting_man.gif);
left:20px;
bottom:37px;
z-index: 99; }

#chair{
position:absolute;
height:160px;
width:100px;
background-image: url(images/directors_chair.gif);
background-repeat: no-repeat;
right:35px;
bottom:16px;
z-index: 99; }

a .reellink {display:none;}

a#reel {
display:block;
background-image: url(images/Main_title.gif);
background-repeat: no-repeat;
position: absolute;
z-index: 99;
width:550px;
height:140px;
left: 75px;
top: 28px;}

a#reel:hover{
background-image: url(images/Main_title_large.gif); }

#modulereel h3 {margin-top: -22px;
text-decoration: underline;
font-style: italic; }

#modulereel{position:absolute;
top:50px;
left:84px;
width:481px;
height:50px;
z-index:98;
background-image: url(images/filmreel.png);
padding:0px;
margin:0px; }

#marquee {position:absolute;
display:block;
height:236px;
width:292px;
background-image: url(images/marquee.gif);
z-index:99;
top: -15px;
right:-72px;}



/* about */

#headings {position:absolute;
width:649px;
top:90px;
font-size:.8em;}

#headings ul {display:block;
width:600px;
margin-left:auto;
margin-right:auto;
text-align:center;}

#headings li {display:inline;
padding-right:5px;}

#headings ul li a {color:#5d2455}

#headings ul li a:hover {color:red;}

#content {position:absolute;
display:block;
width:450px;
margin:121px 100px 0px 100px;
font-size:.8em;}

#content p {position:relative;
width:450px;
line-height: 1.7em;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;}

#content h2 {margin:20px 0px;
font-size:2em;}

#content h3 {padding: 10px 0px 16px 0px;
color: #5d2455;
font-size:1.3em;}

#content strong {font-weight:bold;}

#greeting {position:absolute;
width:450px;
display:block;}

#greeting h2 {display:block;
width:381px;
height:95px;
background-image:url(images/welcome.jpg);
font-size:4em;
color: #5d2455;
margin-right:auto;
margin-left:auto;
text-indent:-9999px;}

#greeting p {padding-top:3px;
font-weight:bold;
font-size:1.5em;
text-align:center;}

#action em {font-weight:bold;
font-size:1.2em;}

#action p a {text-decoration:none;
color:#5d2455}

#action p a:hover {text-decoration:underline;
color:red;}

#main_theatre {position:absolute;
width:649px;
height:456px;
background-color: #EBEBEB;
background-image: url(images/main_background.jpg); }

#modulereel{position:absolute;
top:50px;
left:84px;
width:481px;
height:50px;
z-index:98;
background-image: url(images/filmreel.gif);
padding:0px;
margin:0px; }

#mod_theatre  {position:absolute;
display:block;
width:481px;
top:25px;
left:84px;
color: #b63523;
font-size:.7em;}
#mod_theatre p {color:#848484;
text-align: center;}

span.mod_number {position:absolute;
display:block;
width:55px;
height:30px;
top:-4px;
left:-21px;
padding-top:4px;
color:#000;
font-weight:bold;
font-size:1.4em;
text-align: center; }
a:hover span.mod_number {color:red;}

span.popup {display:none;}


span.module {color: #b63523;
font-size: 2em;}

span#mod_info {display:none;}

span.mod_title {font-style:italic;
margin-top:-40px;
font-size: 1.2em;
color: #848484;}

span.mod_text {color:#fff;
letter-spacing: .1em;
line-height: 1.5em;}
span#intro {position:absolute;
display:block;
background-image:url(images/moduletheatre.jpg);
width:489px;
height:103px;
top: 140px;
left:80px;
text-indent:-9999px;}
a#mod_1 {position:absolute;
text-decoration:none;
top:63px;
left:109px;
z-index:99;}
a#mod_1:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-20px;
background-color:black;}

a#mod_2 {position:absolute;
text-decoration:none;
top:63px;
left:170px;
z-index:99;}
a#mod_2:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-81px;
background-color:black;}

a#mod_3 {position:absolute;
text-decoration:none;
top:63px;
left:230px;
z-index:99;}
a#mod_3:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-141px;
background-color:black;}

a#mod_4 {position:absolute;
text-decoration:none;
top:63px;
left:288px;
z-index:99;}
a#mod_4:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-199px;
background-color:black;}

a#mod_5 {position:absolute;
text-decoration:none;
top:63px;
left:349px;
z-index:99;}
a#mod_5:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-260px;
background-color:black;}

a#mod_6 {position:absolute;
text-decoration:none;
top:63px;
left:409px;
z-index:99;}
a#mod_6:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-320px;
background-color:black; }

a#mod_7 {position:absolute;
text-decoration:none;
top:63px;
left:468px;
z-index:99;}
a#mod_7:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-379px;
background-color:black;}

a#mod_8 {position:absolute;
text-decoration:none;
top:63px;
left:527px;
z-index:99;}
a#mod_8:hover span.popup {display:block;
position:absolute;
width:481px;
top:50px;
left:-438px;
background-color:black;}

#worker {position:absolute;
display:block;
height:275px;
width:179px;
top:175px;
left:40px;
background-image: url(images/worker.jpg);
z-index:99;}

#construction {text-align:center;
padding-top:85px;}

#construction h2 {font-size:2em;
color: #5d2455;}


#contacts {padding: 60px 0px 10px 50px;}

#contacts p {padding: 5px 0px;
font-size:.8em;}

span.name {color: #5d2455;
font-size:1.3em;}

span.email a {color: #515151;
text-decoration:none;}

span.email a:hover {text-decoration:underline;
color:red;}

p#sponsor {font-size:1em;}

p#sponsor a {color: #5d2455;
text-decoration:none;}

p#sponsor a:hover {text-decoration:underline;
color:red;}