/*

stylesheet for Slumdog Millionaire

*/



body {
width:100%; 
height:100%;
position:relative;
background: #81c9ef;
margin: 0;
font-family:Arial, Helvetica, sans-serif;	
font-weight: normal;
line-height: 1.2em;
font-size: 0.9em;
}



#wrapper {
width: 1000px;
height: 750px;
margin: 0 auto 0 auto;
background: #ffffff url(/slumdogmillionaire/images/background.jpg) top left no-repeat;
text-align: left;	
position: relative;
}	


h1#slumdog_title {

background: transparent url(/slumdogmillionaire/images/title.gif) top left no-repeat;

width: 1000px;
height:130px;	
margin: 0 0 0 0;
}	

h1#slumdog_title a {
position: absolute;

height: 120px;
width: 280px;
top: 10px;
left: 670px;
margin: 0;
}




/* navigation */

#main_nav {
position: absolute;
float: left;
margin: 0;
height: 100px;
width: 800px;
top: 50px;
left: 0;

}


#main_nav ul li, ul#sub_nav li {
margin: 0;
list-style: none;
display: inline;
}

a#ideas {
position: absolute;
top: 5px;
left: 65px;
display: block;
width: 259px;
height: 32px;
background: transparent url(/slumdogmillionaire/images/nav/idea.gif) top left no-repeat;
}

a#interview {
position: absolute;
top: 5px;
left: 339px;
display: block;
width: 259px;
height: 32px;
background: transparent url(/slumdogmillionaire/images/nav/interview.gif) top left no-repeat;
}

a#narrative {
position: absolute;
top: 45px;
left: 65px;
display: block;
width: 259px;
height: 32px;
background: transparent url(/slumdogmillionaire/images/nav/narrative.gif) top left no-repeat;
}

a#representation {
position: absolute;
top: 45px;
left: 339px;
display: block;
width: 259px;
height: 32px;
background: transparent url(/slumdogmillionaire/images/nav/representation.gif) top left no-repeat;
}


a#ideas:hover, a#interview:hover, a#narrative:hover, a#representation:hover, a#idea:hover, #main_nav a.current {
background-position: 0 -32px;
}


ul#sub_nav_home {

position: absolute;

top: 100px;
left: 825px;
width: 175px;
margin: 0;
padding:0;
}


ul#sub_nav_idea {

position: absolute;

left: 365px;
top: 100px;
margin: 0;
padding:0;
width: 635px;
}

ul#sub_nav_interview {

position: absolute;

left: 565px;
top: 100px;
margin: 0;
padding:0;
width: 435px;
}

ul#sub_nav_representation {

position: absolute;
width: 670px;
left: 330px;
top: 100px;
margin: 0;
padding:0;

}

ul#sub_nav_narrative {

position: absolute;
width: 382px;
left: 598px;
top: 100px;
margin: 0;
padding:0;


}



ul#sub_nav_home a, ul#sub_nav_idea a, ul#sub_nav_interview a, ul#sub_nav_narrative a, ul#sub_nav_representation a {

float: left;
margin-right: 10px;
}

a#home {
width: 46px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/home.gif) top left no-repeat;
}

a#featurette {
width: 99px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/featurette.gif) top left no-repeat;
}


a#introduction {
width: 117px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/introduction.gif) top left no-repeat;
}

a#synopsis {
width: 164px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/synopsis.gif) top left no-repeat;
}

a#trailer {
width: 150px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/trailer.gif) top left no-repeat;
}

a#poster {
width: 146px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/poster.gif) top left no-repeat;
}

a#question1 {
width: 94px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/question_1.gif) top left no-repeat;
}

a#question2 {
width: 94px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/question_2.gif) top left no-repeat;
}

a#question3 {
width: 94px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/question_3.gif) top left no-repeat;
}

a#question4 {
width: 94px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/question_4.gif) top left no-repeat;
}

a#india {
width: 121px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/india.gif) top left no-repeat;
}

a#audience {
width: 178px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/audience.gif) top left no-repeat;
}

a#scene {
width: 108px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/scene.gif) top left no-repeat;
}

a#further {
width: 216px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/further.gif) top left no-repeat;
}

a#narrative_tasks {
width: 135px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/narrative_task.gif) top left no-repeat;
}

a#clip1 {
width: 47px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/clip1.gif) top left no-repeat;
}

a#clip2 {
width: 50px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/clip2.gif) top left no-repeat;
}

a#clip3 {
width: 50px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/clip3.gif) top left no-repeat;
}

a#clip4 {
width: 50px;
height: 16px;
background: transparent url(/slumdogmillionaire/images/nav/clip4.gif) top left no-repeat;
}



#sub_nav_home a:hover, #sub_nav_home a.current, #sub_nav_idea a:hover, #sub_nav_idea a.current, #sub_nav_interview a:hover, #sub_nav_interview a.current, #sub_nav_narrative a:hover, #sub_nav_narrative a.current, #sub_nav_representation a:hover, #sub_nav_representation a.current  {
background-position: 0 -16px;
}




/* general */

a {
text-decoration: underline;
color: #EC008C;
}

a:hover {


text-decoration: underline;
}

img {
margin: 1.25em 0 0.5em 0.5em;
float: right;
}


.hide {
display: none;
}

ul li {
line-height: 1.3em;
}


h3 {
	font-size: 1em;
	
	}



/* homepage content */

#content_homepage {

position: absolute;

left: 480px;
top: 190px;
width: 510px;
margin: 0;
height: 560px;
padding-right: 10px;
overflow: auto;
}


/* narrative */

table {
width: 490px;
padding: 0;
margin:0;
border: none;
}

th, td {

height: 1em;
width: 260px;
}

td {
height: 2em;
}