/* Persepolis CSS */

body {
width: 100%;
height 100%;
margin: 0;
background: #661117;
}

#wrapper {
width: 950px;
height: 710px;
background: #transparent;
margin: 0 auto 0 auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 92%;
font-weight: normal;

}

.hide {
display: none;
margin: 0;
}

a {
color: #661117;
font-weight: bold;

}

p.disclaimer {

font-size: 0.7em;
font-style: italic;
}


p.white {
margin-top: 0;
color: #ffffff;
}


img  {

border: 0;
}


h3 {

margin-bottom: -10px;

}

h3.blue {

color: #006197;
margin: 15px 0 15px 0;

}


#content {
margin: 0;	
background: #006197 url('imgs/banner.gif') bottom left no-repeat;
height: 660px;
width: 950px;
border-left: 2px #000000 solid;
border-right: 2px #000000 solid;
border-bottom: 2px #000000 solid;
}



/* nav */


#nav {

margin: 10px 0 0 0;

background: #006197;
height: 53px;
width: 950px;

border-left: 2px #000000 solid;
border-right: 2px #000000 solid;
border-top: 2px #000000 solid;
width: 950px;

/* border: 1px dashed white; */
}

#nav ul {

margin: 0;
padding: 0;
list-style: none;
}

#nav li {

margin: 0;
padding: 0;

float: left;
}


#nav li span {

margin: 0;
display: none;
}





#home a {
float: left;
background: transparent url('imgs/nav/home-page.gif') top left no-repeat;
width: 59px;
height: 53px;

}

#home a:hover, #home a#current {
background-position: 0 -53px;
}


#teachers a {
float: left;
background: transparent url('imgs/nav/teachers-notes.gif') top left no-repeat;
width: 128px;
height: 53px;


}

#teachers a:hover, #teachers a#current {
background-position: 0 -53px;
}




#timeline a {
float: left;
background: transparent url('imgs/nav/timeline-of-events.gif') top left no-repeat;
width: 153px;
height: 53px;


}

#timeline a:hover, #timeline a#current {
background-position: 0 -53px;
}


#clip a {
float: left;
background: transparent url('imgs/nav/clip-activity.gif') top left no-repeat;
width: 105px;
height: 53px;


}

#clip a:hover, #clip a#current {
background-position: 0 -53px;
}


#cinema a {
float: left;
left: 447px;
background: transparent url('imgs/nav/cinema-context.gif') top left no-repeat;
width: 130px;
height: 53px;

}

#cinema a:hover, #cinema a#current {
background-position: 0 -53px;
}




#production a {
float: left;
left: 577px;
background: transparent url('imgs/nav/production-process.gif') top left no-repeat;
width: 168px;
height: 53px;

}

#production a:hover, #production a#current {
background-position: 0 -53px;

}




#animation a {
float: left;
left: 745px;
background: transparent url('imgs/nav/animation-and-adaptation.gif') top left no-repeat;
width: 205px;
height: 53px;

}

#animation a:hover, #animation a#current {
background-position: 0 -53px;
}



/* main content areas */

#main_content_home {
height: 542px;
margin: 0;

}

#main_content_smoking_girl {
height: 542px;
background: transparent url('imgs/smoking-girl.gif') top left no-repeat;
margin: 0;
padding: 30px 0 0 0;
}

#main_content_cinema_context {
margin: 0;
height: 412px;
background: #000000 url('imgs/context.gif') top left no-repeat;

padding: 30px 0 10px 0;

}

#main_content_animation_and_adaptation {
margin: 0;
height: 412px;
background: transparent url('imgs/animation-and-adaptation_bg.gif') bottom	 left no-repeat;

padding: 30px 0 10px 0;

}



/* central content areas */


#central_content_1 {

margin: 0;
padding: 0 80px 0 410px;
width: 430px;
height: 400px;
overflow: auto;
}

#central_content_cinema_context {

margin: 0;
padding: 0 0 0 260px;
width: 250px;
height: 400px;

}

#central_content_animation_and_adaptation {

margin: 0;
padding: 0 30px 0 270px;
width: 400px;
height: 400px;
overflow: auto;	
}

#central_content_timeline_holder {

margin: 0 0 0 15px;
padding: 0;
width: 920px;
height: 450px;
overflow: auto;



}

#central_content_timeline {

margin: 0;
padding: 0;


width: 3800px;

}

.timeline_block_left {
float: left;
margin: 0;
padding: 0 50px 0 0;
width: 260px;
height: 420px;
background: transparent url('imgs/bike.gif') bottom left no-repeat;
background-position: 30px 275px;

}

.timeline_block_100{
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 100px;
height: 300px;

}

.timeline_block_200{
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 200px;
height: 300px;

}

.timeline_block_300 {
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 300px;
height: 300px;

}



.timeline_block_400 {
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 400px;
height: 300px;

}

.timeline_block_500 {
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 500px;
height: 300px;

}

.timeline_block_last {
float: left;
margin: 17px 0 0 0;
padding: 0 30px 0 0;
width: 300px;
height: 380px;
background: transparent url('imgs/bike.gif') bottom left no-repeat;
background-position: 30px 240px;
}





/* h2 page title graphics */

h2#teachers_notes {
margin: 0;
background: transparent url('imgs/teachers-notes.gif') top left no-repeat;
width: 216px;
height: 21px;
}

h2#synopsis {
margin: 0;
background: transparent url('imgs/synopsis.gif') top left no-repeat;
width: 123px;
height: 21px;
}

h2#acknowledgements {
margin: 0;
background: transparent url('imgs/acknowledgements.gif') top left no-repeat;
width: 279px;
height: 21px;
}

h2#clip_activity {
margin: 0;
background: transparent url('imgs/clip-activity.gif') top left no-repeat;
width: 169px;
height: 21px;
}

h2#production_process {
margin: 0;
background: transparent url('imgs/production-process.gif') top left no-repeat;
width: 283px;
height: 21px;
}

h2#historical_context {
margin: 0;
background: transparent url('imgs/historical-context.gif') top left no-repeat;
width: 266px;
height: 21px;

}


h2#timeline_of_events {
margin: 0 0 0 310px;
background: transparent url('imgs/timeline-of-events.gif') top left no-repeat;
width: 256px;
height: 21px;


}

h2#cinema_context {
margin: 0;
background: transparent url('imgs/cinema-context.gif') top left no-repeat;
width: 219px;
height: 21px;


}

h2#animation_and_adaptation {
margin: 0;
background: transparent url('imgs/animation-and-adaptation.gif') top left no-repeat;
width: 380px;
height: 21px;
}




#content h2 span {
display: none;
}




a.watch_clip {
display: block;
background: transparent url('imgs/watch-clip-here.gif') top left no-repeat;
width: 132px;
height: 27px;
}


a.watch_clip span {
display: none;
}



.audio_link {
float: left;
background: transparent url('imgs/white-icon-speaker.gif') top left no-repeat;
padding: 0 10px 0 30px !important;
padding: 0 0 0 35px;
height: 70px;
width: 120px;
font-size: 1em;
}

.pdf_link {
font-size: 0.95em;
}



/* bottom logo */



#logo_div {
margin: 15px 0 0 0;
width: 100%;
text-align: center;
border: 0;
}

#logo {

border: 0;
}

body.video {
width: 640px;
padding: 0;
margin: auto;
overflow: hidden;
}

.no_top_margin {
	
margin-top:2px;
}