/* general usage */
div.clear {height: 1px; clear: both; overflow: hidden; margin:0;}



/* body and parent container */

body {background: #FFF; margin:0;}
div.parent {width: 900px; height: 700px;}


/* filmstrip */
div.filmParent {position: absolute; left: 0; top: 150px; width: 809px; height: 167px; margin:0; background: transparent url(../img/bg_filmstrip.gif) top left no-repeat;}
	div.filmParent p {margin:0 0 8px 0; font: normal 10px verdana; padding-left: 15px; color:#666;}
		div.filmParent p span {font-weight: bold; color: #548694;}
	div.filmParent div.scrollParent {width: 779px; height: 128px; overflow: auto; background: transparent url(../img/bg_film-outline.gif) top left no-repeat; _background-attachment: fixed;}
		div.filmParent div.scrollParent div.strip {height:105px; padding-top: 6px;}
			div.filmParent div.scrollParent div.strip div.ph {float: left; width: 146px; height: 94px; margin-right: 1px; padding: 2px;}
				div.strip div.active {border: 1px solid #E4561C; margin: -1px 0px 0 -1px ! important;}



/* film info */
div.filmInfo {
	position: absolute;
	left:284px;
	top: 158px;
	width: 509px;
	height: 283px;
	padding: 0px;
	margin: 0px;
}

	/* blurb area */
	div.filmInfo div.blurb {width:300px; float: left;}
		div.filmInfo div.blurb div.blurbTop {background: transparent url(../img/bg_blurb-top.gif) top left no-repeat; padding-top: 8px;width: 300px; padding-left: 52px; float: left;}
		div.filmInfo div.blurb div.middle {background: transparent url(../img/bg_blurb.gif) top left repeat-y; padding-top: 7px; width: 300px; padding-left: 52px; float: left;}
		div.filmInfo div.blurb div.bottom {height: 5px; background: transparent url(../img/bg_blurb-bottom.gif) top left no-repeat;width: 300px; padding-left: 52px; float: left;}
		
		/* flag, title & director */
		div.blurb div.blurbTop div.flag {height:22px; padding-top: 3px; float: left;}
		div.blurb div.blurbTop div.headers {float:left; width: 200px ! important;}
			div.blurb div.blurbTop div.headers h3 {font: bold 12px verdana;}
			div.blurb div.blurbTop div.headers h4 {font: normal 10px verdana;}
				div.headers h3,div.headers h4 {margin:0; color: #2B5A6E; margin-left: 10px; text-transform: uppercase;}
		
		/* paragraph, link & now-playing */
		div.filmInfo div.blurb p {font: normal 9px verdana; width: 235px; color: #2B5A6E; margin:0;}
			div.filmInfo div.blurb p.text {}
		div.filmInfo div.blurb a {display: block; font: bold 9px verdana; width: 235px; text-transform: uppercase; color:#E26937; text-decoration: none; margin: 8px 0;}
			div.filmInfo div.blurb a:hover {color: #D04302;}
			
		div.filmInfo div.blurb p a {display: inline; font: bold 9px verdana; width: auto; text-transform: none; color: #4293C1; margin: 0;}
			div.filmInfo div.blurb p a:hover {color: #2B5A6E;}
	/* map */		
	div.filmInfo div.map {width: 224px; height: 109px; background: transparent url(../img/bg_map.gif) top left no-repeat; float: left;}
		/* default position: India */
		div.filmInfo div.map img#point {
	width: 13px;
	height: 13px;
	position: relative;
	top: -3px;
}


/* footer */
div.footer {position: absolute; left: 429px; top:501px;}
	div.footer p {font: normal 9px verdana; color: #6B96A1; text-align: right; line-height: 15px;}
		div.footer p a {color: #6B96A1;}
			div.footer p a:hover {color: #32606E;}