/* css document */

html,body	{ margin:0; padding:0; }
body { background: url('images/bg.jpg') repeat-x fixed top center; margin:0px; padding:0px; }

/* template */
        #wrap { margin:0px auto; width:720px; }
            #siteBase { float:left; position:relative; background-color:#fff; width:700px; height:570px; margin:0px auto; }
            /* #siteBaseFilm { float:left; position:relative; background-color:#fff; width:700px; height:825px; margin:0px auto; } */
            #siteBaseFilm, #siteBaseNews { float:left; position:relative; background-color:#fff; width:700px; margin:0px auto; padding-bottom:75px; } 
                #headerImage { background: url('images/bridge.jpg'); width:700px; height:125px; }
                    #logo { background: url('images/aramidLogo.png'); width:200px; height:87px; position:relative; top:15px; left:15px; }
                    #logoHome { background: url('images/aramidLogo.png'); width:200px; height:87px; position:relative; top:15px; left:15px; }
                
                #nav { background: url('images/nav1.gif') repeat-x top; width:700px; height:22px; margin:0px; padding:0px; position:relative; }
                    
                    /* nav typography */
                    #nav ul { margin:0 0 0 50px; padding:0; }
                        #nav ul li { margin:0px; padding:0 27px 0 0; list-style:none; display:inline; }
                            #nav ul li a { color:#ccc; font-weight:bold; font-size:11px; text-decoration:none; }
                            #nav a:hover { color:#fff; }
                            
                            /* nav selectors */
                            body#home #nav a.homeSelected { color:#fff; }
                            body#news #nav a.newsSelected { color:#fff; }
                            body#fund #nav a.fundSelected { color:#fff; }
                            body#film #nav a.filmSelected { color:#fff; }
                            body#ef #nav a.efSelected { color:#fff; }
                            body#efbf #nav a.efSelected { color:#fff; }
                            body#efgf #nav a.efSelected { color:#fff; }
                            body#eftc #nav a.efSelected { color:#fff; }
                                body#efbf #subLinker p a.efbfSelected { text-decoration:none; color:#333; }
                                body#efgf #subLinker p a.efgfSelected { text-decoration:none; color:#333; }
                                body#eftc #subLinker p a.eftcSelected { text-decoration:none; color:#333; }
                            body#team #nav a.teamSelected { color:#fff; }
                            body#teamMembers #nav a.teamSelected { color:#fff; }
                            body#teamKey #nav a.teamSelected { color:#fff; }
                            body#teamInv #nav a.teamSelected { color:#fff; }
                                body#teamMembers #subLinker p a.teamMembersSelected { text-decoration:none; color:#333; }
                                body#teamKey #subLinker p a.teamKeySelected { text-decoration:none; color:#333; }
                                body#teamInv #subLinker p a.teamInvSelected { text-decoration:none; color:#333; }
                            body#links #nav a.linksSelected { color:#fff; }
                            body#contact #nav a.contactSelected { color:#fff; }
                
                    /* titles */
                    body#ef #title { background: url('images/efTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#home #title { background: url('images/homeTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#contact #title { background: url('images/contactUsTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#team #title { background: url('images/theTeamTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#teamMembers #title { background: url('images/theTeamMembersTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#teamKey #title { background: url('images/theTeamKeyInvTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#teamInv #title { background: url('images/theTeamInvReTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#efbf #title { background: url('images/efbfTitle.jpg'); width:470px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#efgf #title { background: url('images/efgfTitle.jpg'); width:470px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#eftc #title { background: url('images/eftcTitle.jpg'); width:470px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#links #title { background: url('images/linksTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#fund #title { background: url('images/fundTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#news #title { background: url('images/newsTitle.jpg'); width:355px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    /* film section titles */
                    body#film #title { background: url('images/ourProductions.png'); width:182px; height:30px; margin:0 0 20px 35px; }
                    
                    /* content */
                    #contentWrap { width:600px; height:301px; position:relative; left:50px; top:20px; }
                    #contentWrapNews { width:600px; position:relative; left:50px; top:20px; }
                    #contentWrapNews .newsItem { border-bottom:1px dashed #ccc; padding:0 0 10px 0; margin:0 0 25px 0; }
                    #contentWrapNews .newsItem img { margin:0 0 15px 0; font-size:10px; }
                    #contentWrapNews .newsItem .newsDate { font-size:11px; }
                        #textArea.alignLeft { width:320px; max-height:270px; float:left; overflow:auto; }
                        #textArea.alignLeftNoOverflow { width:320px; float:left; overflow:none; border-right:1px solid #ccc; padding-right:35px; }
                        #subLinker { float:left; height:20px; width:320px; padding:10px 0 0 0; }
                        #dividerLine { width:1px; height:301px; position:absolute; top:0px; left:335px; background:url('images/dividerLine1px.jpg') repeat-y; float:left; margin:0 20px; }
                        #pictureWrap { width:200px; height:301px; margin:0; padding:0; float:right; position:absolute; top:0px; left:400px;}
                            #pictureWrap ul { margin:0px; padding:0px; }
                                #pictureWrap li { margin:0px; padding:0 0 1px 0; list-style:none; }
                                    img#map { border:1px solid #ccc; }
                    
                    
                    /* film section content */
                    /* #contentWrapFilm { width:650px; height:580px; position:relative; left:25px; top:30px; } */
                    #contentWrapFilm { width:650px; position:relative; left:25px; top:30px; clear:both; }
                    	/* #filmsBgWrap { width:650px; height:580px; } */
                    	#filmsBgWrap { width:650px; clear:both; }
                    		#filmsBgTop { width:650px; height:15px; background: url('images/filmBgTop.jpg') no-repeat; }
                    		/* #filmsBgMiddle { width:650px; height:545px; padding:5px 0 0 0; background: url('images/filmBg.jpg') no-repeat; overflow:hidden; } */
                    		#filmsBgMiddle { width:650px; padding:5px 0 0 0; background: url('images/filmBg.jpg') repeat-y; overflow:hidden; padding-bottom:25px; }
                    		/* #filmsBgBottom { width:650px; height:15px; background: url('images/filmBgBottom.jpg') no-repeat; } */
                    		#filmsBgBottom { width:650px; height:15px; background: url('images/filmBgBottom.png') no-repeat; position:relative; top:-15px; } 
                    	
                    	.film { width:160px; height:240px; position:relative; float:left; padding:0 28px 10px 35px; margin-right:-10px; }
                    	.film img { padding:0 0 5px 0; }
                    	.film p { width:145px; }
                    	.film a { width:45px; height:19px; background-image:url('images/more.png'); cursor:pointer; }
                    	.film a img{ border:none; }
                    	img.packshot { float:left; padding:0 20px 0 35px; width:260px; height:385px; }
                    	
                    	#theFilm h1 { color:#fff; font-size:24px; }
                    	#theFilm h2 { color:#fff; font-size:18px; margin:20px 0 0 0; }
						#theFilm p { float:left; width:300px; }
            			#theFilm p .highlight { color:#fff; }
            			#theFilm p.back a { color:#fff; text-decoration:none; margin-top:20px; }
            			#theFilm p.back a:hover { text-decoration:underline; }
            			
            			.pageNav  { font-size:11px; }
            			.pageNav li { list-style:none; display:inline; cursor:pointer; color:#fff; font-size:11px; margin:0 10px 0 0; }
            			.pageNav li:hover { text-decoration:underline; }
            
            #footer { background-color:#fff; width:700px; margin:0px auto; height:25px; margin-top:20px; position:absolute; bottom:0px; border-top:1px solid #ccc; }
            
            
            /* typography */
            * { font-family:"Arial", sans-serif; color:#999; }
            h2 { font-size:14px; color:#666; padding:5px 0 3px 0; margin:0px; }
            h3 { font-size:11px; color:#666; padding:5px 0 3px 0; margin:0px; }
            p { font-size:11px; color:#999; width:298px; padding:0px 7px 7px 0; margin:0px; }
            #textArea ul { margin:0 0 10px 20px; padding:0 10px 0 0; }
            #textArea ul li { margin:0px; padding:0px; font-size:11px; color:#999; }
            a { color:#666; text-decoration:underline; font-size:11px; }
            a:hover { color:#333; }
            #footer p { font-size:10px; #ccc; margin:7px 0 0 0; padding:0 0 0 50px; }
            #sublinker p { font-size:11px; }
            ul#copyList { padding:0px; }
            ul#copyList li { padding:0 0 10px 0; }
            
            /* film typography */
            .film h3 { color:#fff; }
            
            /* clearfix */
			.clear { display:inline-block; }
			.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
            

/* { border: 1px solid red; } */