chloeliz84.files.wordpress.com  · Web view Set in the small town of Zoar, Ohio, the Albercht farm...

Post on 28-Sep-2020

0 views 0 download

Transcript of chloeliz84.files.wordpress.com  · Web view Set in the small town of Zoar, Ohio, the Albercht farm...

BackReel Casting Agency

Register Page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome to The BackReel Casting Agency</title><style type="text/css">#RegMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 1;left: 42px;top: 254px;visibility: visible;

}#Title {

position: absolute;width: 900px;height: 176px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 2;left: 268px;top: 29px;visibility: visible;

}#Logo {

position: absolute;width: 150px;height: 150px;

background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 3;left: 52px;top: 41px;visibility: visible;

}#ProjMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 4;left: 42px;top: 340px;visibility: visible;

}#AboutMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;

z-index: 5;left: 42px;top: 424px;visibility: visible;

}#ContactMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 6;left: 42px;top: 508px;visibility: visible;

}#RegHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 7;left: 42px;top: 256px;visibility: hidden;

}#ProjectsHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 8;left: 42px;top: 340px;visibility: hidden;

}#ContactHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 9;left: 42px;top: 508px;visibility: hidden;

}#AboutHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;

background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 10;left: 42px;top: 424px;visibility: hidden;

}#apDiv1 {

position: absolute;width: 200px;height: 115px;background-color: #03C;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;

}#Form {

position: absolute;width: 978px;height: 276px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;left: 286px;top: 419px;

}#Image1 {

position: absolute;

width: 445px;height: 327px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 12;left: 779px;top: 255px;visibility: visible;

}#Text2 {

position: absolute;width: 666px;height: 275px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 13;left: 554px;top: 593px;visibility: visible;

}#Text1 {

position: absolute;width: 517px;height: 327px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);

layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 14;left: 252px;top: 255px;visibility: visible;

}#apDiv2 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 15;left: 42px;top: 340px;

}#apDiv3 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 16;left: 42px;top: 425px;

}#apDiv4 {

position: absolute;visibility: visible;width: 200px;height: 75px;

background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 17;left: 42px;top: 508px;

}#apDiv5 {

position: absolute;visibility: visible;width: 446px;height: 85px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 18;left: 548px;top: 256px;

}#WebForm {

position: absolute;visibility: visible;width: 958px;height: 1072px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 1;left: -240px;top: 152px;

}.WebForm {

height: 500px;width: 500px;margin-top: 30px;margin-right: auto;

margin-bottom: 20px;margin-left: auto;

}.WebForm {

height: 500px;width: 900px;margin-top: 30px;margin-right: auto;margin-bottom: 20px;margin-left: auto;

}.WebForm {

height: 600px;width: 600px;margin-top: 100px;margin-right: auto;margin-bottom: 100px;margin-left: auto;

}.WebForm {

height: 600px;width: 600px;margin-top: 100px;margin-right: auto;margin-bottom: 100px;margin-left: auto;

}#Form #form1 table {

font-family: Comic Sans MS, cursive;}#Form #form1 table {

font-family: MS Serif, New York, serif;}#Form #form1 table {

font-family: Verdana, Geneva, sans-serif;}

#Form #form1 table {font-family: Georgia, Times New Roman, Times, serif;

}#Form #form1 table {

font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}#Form #form1 table {

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;text-align: left;

}#apDiv6 {

position: absolute;visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 19;left: 45px;top: 596px;

}#apDiv7 {

position: absolute;visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 20;left: 45px;top: 704px;

}#apDiv8 {

position: absolute;

visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 21;left: 45px;top: 812px;

}#apDiv9 {

position: absolute;visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 22;left: 46px;top: 921px;

}#apDiv10 {

position: absolute;visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 23;left: 46px;top: 1030px;

}#apDiv11 {

position: absolute;

visibility: visible;width: 199px;height: 96px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 24;left: 46px;top: 1139px;

}#Copyright {

position: absolute;visibility: visible;width: 315px;height: 27px;background-color: #99d9ea;layer-background-color: #FFF;border: 1px none #000000;z-index: 25;left: 887px;top: 1480px;color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;font-size: 12px;

}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}</script></head>

<body onload="MM_preloadImages('RegisterHover.gif','ProjectsHover.gif','AboutHover.gif','ContactHover.gif')"><div id="Form"> <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1"> <table width="977" height="630" border="0" cellpadding="5"> <tr bgcolor="#FFFFFF"> <td colspan="4"><strong>Contact Details</strong></td> </tr> <tr> <td width="225" bgcolor="#FFFFFF">Name</td> <td colspan="3"><input name="fullname" type="text" id="fullname" size="100" maxlength="100" /></td> </tr> <tr> <td bgcolor="#FFFFFF">Home Address</td> <td colspan="3"><textarea name="homeadd" cols="100" rows="2" id="homeadd"></textarea></td> </tr> <tr>

<td bgcolor="#FFFFFF">Home No.</td> <td width="240"><input name="homeno" type="text" id="homeno" size="30" maxlength="30" /></td> <td width="173">Mobile No.</td> <td width="289"><input name="mobileno" type="text" id="mobileno" size="22" maxlength="20" /></td> </tr> <tr> <td bgcolor="#FFFFFF">E-mail Address</td> <td colspan="3"><input name="emailadd" type="text" id="emailadd" size="100" maxlength="100" /></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="4"><strong>Body Measurements</strong></td> </tr> <tr> <td bgcolor="#FFFFFF">Weight</td> <td><input name="weight" type="text" id="weight" size="5" maxlength="5" /> kilos</td> <td>Height</td> <td><input name="feet" type="text" id="feet" size="5" maxlength="5" /> feet <input name="inches" type="text" id="inches" size="5" maxlength="5" /></td> </tr> <tr> <td bgcolor="#FFFFFF">Waist Size</td> <td><input name="waist" type="text" id="waist" size="5" maxlength="5" /> inches</td> <td>Hip Size</td> <td><input name="hip" type="text" id="hip" size="5" maxlength="5" /> inches</td> </tr> <tr> <td bgcolor="#FFFFFF">Head Size</td> <td><input name="head" type="text" id="head" size="5" maxlength="5" /> inches</td> <td>Hair Colour</td> <td><select name="haircolour" id="haircolour"> <option value="blonde">Blonde</option>

<option value="red">Red</option> <option value="black">Black</option> <option value="brown">Brown</option> <option value="other">Other</option> </select> <input name="otherhair" type="text" id="otherhair" size="30" maxlength="30" /></td> </tr> <tr> <td bgcolor="#FFFFFF">Hair Length</td> <td><select name="hairlength" id="hairlength"> <option value="straightcropped">Straight Cropped</option> <option value="striaghtshoulder">Straight Shoulder</option> <option value="striaghtlong">Straight Long</option> <option value="curlong">Curly Long</option> <option value="curshort">Curly Short</option> <option value="curshoulder">Curly Shoulder</option> </select></td> <td>Hairstyle</td> <td><input name="hairstyle" type="text" id="hairstyle" size="43" maxlength="44" /></td> </tr> <tr> <td bgcolor="#FFFFFF">Shoe Size</td> <td>Size <input name="shoe" type="text" id="shoe" size="5" maxlength="5" /></td> <td>Leg Length</td> <td><input type="text" name="leglength" id="leglength" /></td> </tr> <tr> <td bgcolor="#FFFFFF">Eye Colour</td> <td><select name="eyecolour" id="eyecolour"> <option value="blue">Blue</option> <option value="green">Green</option> <option value="lbrown">Light Brown</option> <option value="dbrown">Dark Brown</option> <option value="hazel">Hazel</option> <option value="violet">Violet</option>

<option value="aquamarine">Aquamarine</option> </select></td> <td>Glasses/Contacts/None</td> <td><select name="glasses" id="glasses"> <option value="glasses">Glasses</option> <option value="contacts">Contacts</option> <option value="none">None</option> </select></td> </tr> <tr> <td bgcolor="#FFFFFF"><strong>Other Information</strong></td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td bgcolor="#FFFFFF">Gender</td> <td><select name="gender" id="gender"><option value="female">Female</option><option value="male">Male</option> </select></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td bgcolor="#FFFFFF">Ethnicity</td> <td><input name="ethnicity" type="text" id="ethnicity" size="40" maxlength="40" /></td> <td> Age</td> <td><select name="age" id="age"> <option value="10" selected="selected">0-10</option> <option value="20">11-20</option> <option value="30">21-30</option> <option value="40">31-40</option> <option value="50">41-50</option> <option value="60">51-60</option> <option value="70">61-70</option>

<option value="71">71+</option></select></td> </tr> <tr> <td height="69" bgcolor="#FFFFFF">Body Marks (Birth Marks, Piercings, Tattoos etc.)</td> <td colspan="3"><textarea name="facial" cols="100" rows="3" id="facial"></textarea></td> </tr> <tr> <td bgcolor="#FFFFFF">Special Skills (Martial Arts, Guitar, Ballet etc.)</td> <td colspan="3"><textarea name="special" cols="100" rows="3" id="special"></textarea></td> </tr> <tr bgcolor="#FFFFFF"> <td>Upload Profile Picture</td> <td colspan="3"><input name="upload" type="file" id="upload" size="100" /></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="4" align="center"><strong>I agree with the terms and conditions of the BackReel Casting Agency</strong> <input name="terms" type="checkbox" id="terms" value="agree" /></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="4" align="center"><input name="Submit" type="submit" id="submit" onclick="MM_goToURL('parent','BackReel Casting Agency - Thank you.html');return document.MM_returnValue" value="Submit Application Form" /></td> </tr> </table> </form></div><div id="Logo"><a href="BackReel Casting Agency - Home Page.html"><img src="Logo.png" alt="Logo" width="150" height="150" /></a></div><div id="Title"><img src="Title.png" alt="Title" width="900" height="176" /></div><div id="apDiv5"><img src="RegisterTitle.png" alt="RegisterTitle" width="435" height="150" /></div><div id="apDiv4"><a href="BackReel Casting Agency - Contact Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','ContactHover.gif',1)"><img src="ContactButtonMain.png" width="200" height="75" id="Contact Us" /></a></div><div id="apDiv3"><a href="BackReel Casting Agency - About Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','AboutHover.gif',1)"><img src="AboutButtonMain.png" width="200" height="75" id="About Us" /></a></div>

<div id="apDiv2"><a href="BackReel Casting Agency - Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProjectsMain','','ProjectsHover.gif',1)"><img src="ProjectsButtonMain.png" width="200" height="75" id="ProjectsMain" /></a></div><a href="BackReel Casting Agency - Register.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RegMain','','RegisterHover.gif',1)"><img src="RegisterButtonMain.png" width="200" height="75" id="RegMain" /></a><img src="WebsiteLayoutLong.png" alt="websitelayoutlong" width="1293" height="1507" /><div id="Copyright">© The BackReel Casting Agency 2013 </div><div id="apDiv11"><img src="AniSlide6.gif" width="199" height="96" /></div><div id="apDiv10"><img src="AniSlide5.gif" width="199" height="96" /></div><div id="apDiv9"><img src="AniSlide4.gif" width="199" height="96" /></div><div id="apDiv8"><img src="AniSlide3.gif" width="199" height="96" /></div><div id="apDiv7"><img src="AniSlide2.gif" width="199" height="96" /></div><div id="apDiv6"><img src="AniSlide1.gif" width="199" height="96" /></div></body></html>

Projects Page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Welcome to The BackReel Casting Agency</title><style type="text/css">#RegMain {

position: absolute;

width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 1;left: 42px;top: 254px;visibility: visible;

}#Title {

position: absolute;width: 200px;height: 176px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 2;left: 268px;top: 29px;visibility: visible;

}#Logo {

position: absolute;width: 150px;height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 3;left: 52px;top: 41px;visibility: visible;

}#ProjMain {

position: absolute;width: 200px;height: 75px;

background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 4;left: 42px;top: 340px;visibility: visible;

}#AboutMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 5;left: 42px;top: 424px;visibility: visible;

}#ContactMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 6;left: 42px;top: 508px;visibility: visible;

}#RegHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;

border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 7;left: 42px;top: 256px;visibility: hidden;

}#ProjectsHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 8;left: 42px;top: 340px;visibility: hidden;

}#ContactHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 9;left: 42px;top: 508px;visibility: hidden;

}#AboutHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);

layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 10;left: 42px;top: 424px;visibility: hidden;

}#apDiv1 {

position: absolute;width: 200px;height: 115px;background-color: #03C;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;

}#Image2 {

position: absolute;width: 504px;height: 276px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;left: 43px;top: 592px;visibility: visible;

}#Image1 {

position: absolute;width: 660px;height: 326px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 12;left: 131px;top: 939px;

visibility: visible;}#Text2 {

position: absolute;width: 276px;height: 828px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 13;left: 954px;top: 437px;visibility: visible;color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}#Text1 {

position: absolute;width: 597px;height: 168px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 14;left: 272px;top: 436px;visibility: visible;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #00C;text-align: justify;

}#apDiv2 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 15;left: 42px;

top: 340px;}#apDiv3 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 16;left: 42px;top: 425px;

}#apDiv4 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 17;left: 42px;top: 508px;

}#apDiv5 {

position: absolute;visibility: visible;width: 439px;height: 150;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 18;left: 494px;top: 270px;

}#apDiv6 {

position: absolute;visibility: visible;width: 660px;height: 326px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 19;

left: 131px;top: 604px;

}#Copyright {

position: absolute;visibility: visible;width: 263px;height: 27px;background-color: #99d9ea;layer-background-color: #FFF;border: 1px none #000000;z-index: 25;left: 939px;top: 1480px;color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;font-size: 12px;

}a:link {

color: #F00;text-decoration: none;

}a:visited {

text-decoration: none;}a:hover {

text-decoration: underline;color: #000;

}a:active {

text-decoration: none;}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head>

<body vlink="#FF0000" alink="#000000" onload="MM_preloadImages('RegisterHover.gif','ProjectsHover.gif','AboutHover.gif','ContactHover.gif')"><div id="Image1"><img src="The Host.png" alt="The Host" width="660" height="326" /></div><div id="Text2"> <p>1. <a href="BackReel Casting Agency - Projects83669584.html">The Farm House</a></p> <p>2. Dance on the Moor</p> <p>3. Deadly Attraction</p> <p>4. Fifty by Fifty</p> <p>5. The Creep</p>6. <a href="BackReel Casting Agency - Projects18335220.html">The Gentleman and the Slave </a><p>7. The Case of the Missing</p> <p>8. Monaco Vacation</p> <p>9. Morganville</p> <p>10. The Christmas Dinner</p> <p>11. Banner</p> <p>12. Rocket to the Sun</p> <p>13. Grand Theft Auto</p> <p>14. Untitled</p> <p>15. The Hand of Death</p> <p>16. The Nameless</p> <p>17. Watchtower</p> <p>18. Cards by Grandma</p> <p>19. Garnet Desire</p> <p>20. Touchscreen</p></div><div id="Text1"> <p>Welcome to the Projects Page. </p> <p>On this page yo will see a list of projects that are available to our members. Click on a project link to read all related information about that project, than to be considered for it simply read the project specifications and click submit at the bottom of the page.</p></div><div id="Logo"><a href="BackReel Casting Agency - Home Page.html"><img src="Logo.png" alt="Logo" width="150" height="150" /></a></div><div id="Title"><img src="Title.png" alt="Title" width="900" height="176" /></div><div id="apDiv6"><img src="Man of Steel.png" alt="Man of Steel" width="660" height="326" /></div>

<div id="apDiv5"><img src="ProjectsTitle.png" alt="ProjectsTitle" width="439" height="150" /></div><div id="apDiv4"><a href="BackReel Casting Agency - Contact Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','ContactHover.gif',1)"><img src="ContactButtonMain.png" width="200" height="75" id="Contact Us" /></a></div><div id="apDiv3"><a href="BackReel Casting Agency - About Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','AboutHover.gif',1)"><img src="AboutButtonMain.png" width="200" height="75" id="About Us" /></a></div><div id="apDiv2"><a href="BackReel Casting Agency - Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProjectsMain','','ProjectsHover.gif',1)"><img src="ProjectsButtonMain.png" width="200" height="75" id="ProjectsMain" /></a></div><a href="BackReel Casting Agency - Register.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RegMain','','RegisterHover.gif',1)"><img src="RegisterButtonMain.png" width="200" height="75" id="RegMain" /></a><img src="WebsiteLayoutLong.png" alt="WebsiteLayoutLong" width="1293" height="1507" /><div id="Copyright">© The BackReel Casting Agency 2013 </div></body></html>

Projects 1 Page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Welcome to The BackReel Casting Agency</title>

<style type="text/css">#RegMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 1;left: 42px;top: 254px;visibility: visible;

}#Title {

position: absolute;width: 200px;height: 176px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 2;left: 268px;top: 29px;visibility: visible;

}#Logo {

position: absolute;width: 150px;height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 3;left: 52px;top: 41px;visibility: visible;

}#ProjMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 4;left: 42px;top: 340px;visibility: visible;

}#AboutMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 5;left: 42px;top: 424px;visibility: visible;

}#ContactMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 6;left: 42px;top: 508px;visibility: visible;

}#RegHover {

position: absolute;width: 200px;

height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 7;left: 42px;top: 256px;visibility: hidden;

}#ProjectsHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 8;left: 42px;top: 340px;visibility: hidden;

}#ContactHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 9;left: 42px;top: 508px;visibility: hidden;

}#AboutHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;

layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 10;left: 42px;top: 424px;visibility: hidden;

}#apDiv1 {

position: absolute;width: 200px;height: 115px;background-color: #03C;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;

}#Image2 {

position: absolute;width: 504px;height: 276px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;left: 43px;top: 592px;visibility: visible;

}#Image1 {

position: absolute;width: 655px;height: 388px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;

z-index: 12;left: 628px;top: 827px;visibility: visible;

}#Text2 {

position: absolute;width: 1031px;height: 674px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 13;left: 254px;top: 474px;visibility: visible;color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}#Text1 {

position: absolute;width: 921px;height: 146px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 14;left: 259px;top: 436px;visibility: visible;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #00C;text-align: justify;

}#apDiv2 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;

border: 1px none #000000;z-index: 15;left: 42px;top: 340px;

}#apDiv3 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 16;left: 42px;top: 425px;

}#apDiv4 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 17;left: 42px;top: 508px;

}#apDiv5 {

position: absolute;visibility: visible;width: 439px;height: 150;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 18;left: 494px;top: 270px;

}#apDiv6 {

position: absolute;visibility: visible;width: 625px;height: 367px;background-color: #FFF;

layer-background-color: #FFF;border: 1px none #000000;z-index: 19;left: 657px;top: 443px;

}#Copyright {

position: absolute;visibility: visible;width: 263px;height: 27px;background-color: #99d9ea;layer-background-color: #FFF;border: 1px none #000000;z-index: 25;left: 939px;top: 1480px;color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;font-size: 12px;

}#apDiv7 {

position: absolute;visibility: visible;width: 1023px;height: 362px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 26;left: 261px;top: 433px;color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}#Text1 p {}#apDiv8 {

position: absolute;visibility: visible;width: 900px;height: 400px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 26;

left: 307px;top: 455px;font-weight: normal;

}#apDiv8 #form1 table tr td {

color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px;text-align: center;

}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}function MM_popupMsg(msg) { //v1.0 alert(msg);}</script></head>

<body onload="MM_preloadImages('RegisterHover.gif','ProjectsHover.gif','AboutHover.gif','ContactHover.gif')"><div id="Logo"><a href="BackReel Casting Agency - Home Page.html"><img src="Logo.png" alt="Logo" width="150" height="150" /></a></div><div id="Title"><img src="Title.png" alt="Title" width="900" height="176" /></div><div id="apDiv5"><img src="ProjectsTitle.png" alt="ProjectsTitle" width="439" height="150" /></div><div id="apDiv4"><a href="BackReel Casting Agency - Contact Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','ContactHover.gif',1)"><img src="ContactButtonMain.png" width="200" height="75" id="Contact Us" /></a></div>

<div id="apDiv3"><a href="BackReel Casting Agency - About Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','AboutHover.gif',1)"><img src="AboutButtonMain.png" width="200" height="75" id="About Us" /></a></div><div id="apDiv2"><a href="BackReel Casting Agency - Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProjectsMain','','ProjectsHover.gif',1)"><img src="ProjectsButtonMain.png" width="200" height="75" id="ProjectsMain" /></a></div><a href="BackReel Casting Agency - Register.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RegMain','','RegisterHover.gif',1)"><img src="RegisterButtonMain.png" width="200" height="75" id="RegMain" /></a><img src="WebsiteLayoutLong.png" alt="WebsiteLayoutLong" width="1293" height="1507" /><div id="apDiv8"> <form id="form1" name="form1" method="post" action=""> <table width="895" height="399" border="0" cellpadding="5"> <tr> <td colspan="2">The Farmhouse</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td colspan="2">Synopsis:</td> </tr> <tr> <td colspan="2"> Set in the small town of Zoar, Ohio, the Albercht farm house has had a long history of strange disapperances and bloody slayings since the town was founded in 1817 by german religious separatists. From 1903 the house has stood empty, the townspeople steering clear, stories of the gruesome deaths keeping them away. Until the last member of the Albercht family dies and the house becomes the property of the bank. Grayson and Emily Carson move their three children and pet dog into the farm house. It isn't long after they move in that they awaken the evil that had been resting within the walls of the Albercht farm house. Grayson and Emily have to race against time to discover the secrets of the founding family and save their own family from being the next victims of the farm house.</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td width="458">Background artists required: 300 (Non Specific)</td> <td width="408">Filming at: Pinewood Studios</td> </tr> <tr> <td valign="top"><p>Requirements:</p> <p>No Requirements</p></td> <td valign="top">Pinewood Studios<br />Pinewood Road<br />Iver Heath<br />Buckinghamshire SL0 0NH<br />United Kingdom</td> </tr> <tr>

<td valign="top"><p>Daily Rate: </p> <p>£8.30 per hour</p> <p>£102.60 for 12 hours</p> <p>£5.40 an hour overtime</p></td> <td valign="top"><p>Special Skills:</p> <p>None Required</p></td> </tr> <tr> <td>Custom Fitting: £30</td> <td align="center" valign="top"><p>Dates of Filming: 11th of July - 22nd of August 2014</p></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td colspan="2"><input name="Apply" type="submit" id="Apply" onclick="MM_popupMsg('You have now applied for this project. Please allow for 14 days in which time your application will be considered.')" value="Apply for Project" /></td> </tr> </table> </form></div><div id="Copyright">© The BackReel Casting Agency 2013 </div></body></html>

About Us Page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Welcome to The BackReel Casting Agency</title><style type="text/css">#RegMain {

position: absolute;width: 200px;

height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 1;left: 42px;top: 254px;visibility: visible;

}#Title {

position: absolute;width: 200px;height: 176px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 2;left: 268px;top: 29px;visibility: visible;

}#Logo {

position: absolute;width: 150px;height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 3;left: 52px;top: 41px;visibility: visible;

}#ProjMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;

layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 4;left: 42px;top: 340px;visibility: visible;

}#AboutMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 5;left: 42px;top: 424px;visibility: visible;

}#ContactMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 6;left: 42px;top: 508px;visibility: visible;

}#RegHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;

background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 7;left: 42px;top: 256px;visibility: hidden;

}#ProjectsHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 8;left: 42px;top: 340px;visibility: hidden;

}#ContactHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 9;left: 42px;top: 508px;visibility: hidden;

}#AboutHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);

border: 1px none #000000;z-index: 10;left: 42px;top: 424px;visibility: hidden;

}#apDiv1 {

position: absolute;width: 200px;height: 115px;background-color: #03C;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;

}#Image2 {

position: absolute;width: 504px;height: 276px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 11;left: 43px;top: 592px;visibility: visible;

}#Image1 {

position: absolute;width: 523px;height: 641px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 12;left: 264px;top: 579px;visibility: visible;

text-align: justify;color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px;

}#Text2 {

position: absolute;width: 666px;height: 275px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 13;left: 554px;top: 593px;visibility: visible;

}#Text1 {

position: absolute;width: 507px;height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(Link%20Header);layer-background-image: url(Link%20Header);border: 1px none #000000;z-index: 14;left: 494px;top: 270px;visibility: visible;

}#apDiv2 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 15;left: 42px;top: 340px;

}

#apDiv3 {position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 16;left: 42px;top: 425px;

}#apDiv4 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 17;left: 42px;top: 508px;

}#Copyright {

position: absolute;visibility: visible;width: 263px;height: 27px;background-color: #99d9ea;layer-background-color: #FFF;border: 1px none #000000;z-index: 25;left: 939px;top: 1480px;color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;

}#apDiv5 {

position: absolute;visibility: visible;width: 398px;height: 639px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;

z-index: 26;left: 827px;top: 523px;

}a:link {

color: #F00;text-decoration: none;

}a:visited {

text-decoration: none;}a:hover {

text-decoration: underline;color: #000;

}a:active {

text-decoration: none;}body,td,th {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;

}h1,h2,h3,h4,h5,h6 {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}</script></head>

<body vlink="#FF0000" alink="#333333" onload="MM_preloadImages('RegisterHover.gif','ProjectsHover.gif','AboutHover.gif','ContactHover.gif')"><div id="Image1"> <p>The BackReel Casting Agency was founded by Chloe Matthews in 1996. It is one of the most established casting agencies in the country and works with the most established production companies in the world.</p> <p>&nbsp; </p> <p>Chloe Matthews was a London based background artist for 30 years prior to starting the agency. She worked on projects such as Four Weddings and a Funeral, Eastenders and Kick Ass 2. She gained many networking opportunities in those 30 years that allowed her to start up her own agency. Since that first day, the agency has gone from strength to strength and is the first agency that production companies contact when they are looking for background artists for their projects. </p> <p>&nbsp;</p> <p>Other information about The BackReel Casting Agency can be found on our Terms and Conditions. To read them, <a href="BackReel Terms and Conditions.rar">click here</a>.</p></div><div id="Text1"><img src="AboutTitle.png" alt="AboutTitle" width="507" height="150" /></div><div id="Logo"><img src="Logo.png" alt="Logo" width="150" height="150" /></div><div id="Title"><img src="Title.png" alt="Title" width="900" height="176" /></div><img src="WebsiteLayoutLong.png" alt="WebsiteLayoutLong" width="1293" height="1507" /><div id="apDiv5"><img src="Self.JPG" width="427" height="639" /></div><div id="Copyright">© The BackReel Casting Agency 2013 </div><div id="apDiv4"><a href="BackReel Casting Agency - Contact Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','ContactHover.gif',1)"><img src="ContactButtonMain.png" width="200" height="75" id="Contact Us" /></a></div><div id="apDiv3"><a href="BackReel Casting Agency - About Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','AboutHover.gif',1)"><img src="AboutButtonMain.png" width="200" height="75" id="About Us" /></a></div><div id="apDiv2"><a href="BackReel Casting Agency - Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProjectsMain','','ProjectsHover.gif',1)"><img src="ProjectsButtonMain.png" width="200" height="75" id="ProjectsMain" /></a></div><a href="BackReel Casting Agency - Register.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RegMain','','RegisterHover.gif',1)"><img src="RegisterButtonMain.png" width="200" height="75" id="RegMain" /></a></body></html>

Contact Us Page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Welcome to The BackReel Casting Agency</title><style type="text/css">#RegMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 1;left: 42px;top: 254px;visibility: visible;

}#Title {

position: absolute;width: 200px;height: 176px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 2;left: 268px;top: 29px;visibility: visible;

}#Logo {

position: absolute;width: 150px;

height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 3;left: 52px;top: 41px;visibility: visible;

}#ProjMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 4;left: 42px;top: 340px;visibility: visible;

}#AboutMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 5;left: 42px;top: 424px;visibility: visible;

}#ContactMain {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 6;left: 42px;top: 508px;visibility: visible;

}#RegHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 7;left: 42px;top: 256px;visibility: hidden;

}#ProjectsHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;

z-index: 8;left: 42px;top: 340px;visibility: hidden;

}#ContactHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 9;left: 42px;top: 508px;visibility: hidden;

}#AboutHover {

position: absolute;width: 200px;height: 75px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 10;left: 42px;top: 424px;visibility: hidden;

}#apDiv1 {

position: absolute;width: 200px;height: 115px;background-color: #03C;layer-background-color: #03C;border: 1px none #000000;

background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies%20Project/Project/Website%20Prototype/Link%20Header);

layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies%20Project/Project/Website%20Prototype/Link%20Header);

border: 1px none #000000;z-index: 11;

}#Image2 {

position: absolute;width: 504px;height: 218px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 11;left: 488px;top: 632px;visibility: visible;text-align: center;color: #00C;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}#Image1 {

position: absolute;width: 407px;height: 150px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 12;left: 447px;top: 270px;visibility: visible;

}#Text2 {

position: absolute;width: 860px;

height: 29px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 13;left: 345px;top: 550px;visibility: visible;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #00C;

}#Text1 {

position: absolute;width: 517px;height: 327px;background-color: #FFFFFF;layer-background-color: #03C;border: 1px none #000000;background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer%20Studies

%20Project/Project/Website%20Prototype/Link%20Header);layer-background-image: url(file:///C|/Users/owner/Documents/College%20Work/Uni/Year%202/Sem%20A/Computer

%20Studies%20Project/Project/Website%20Prototype/Link%20Header);border: 1px none #000000;z-index: 14;left: 252px;top: 255px;visibility: visible;

}#apDiv2 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 15;left: 42px;top: 340px;

}#apDiv3 {

position: absolute;

visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 16;left: 42px;top: 425px;

}#apDiv4 {

position: absolute;visibility: visible;width: 200px;height: 75px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 17;left: 42px;top: 508px;

}#Copyright {

position: absolute;visibility: visible;width: 263px;height: 27px;background-color: #99d9ea;layer-background-color: #FFF;border: 1px none #000000;z-index: 25;left: 939px;top: 1480px;color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;font-size: 12px;

}#apDiv5 {

position: absolute;visibility: visible;width: 400px;height: 335px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 26;

left: 34px;top: 917px;

}#apDiv6 {

position: absolute;visibility: visible;width: 650px;height: 335px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 27;left: 645px;top: 917px;

}#apDiv7 {

position: absolute;visibility: visible;width: 51px;height: 20px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 28;left: 310px;top: 657px;

}#apDiv8 {

position: absolute;visibility: visible;width: 200px;height: 115px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;z-index: 28;left: 178px;top: 712px;

}#apDiv9 {

position: absolute;visibility: visible;width: 150px;height: 78px;background-color: #FFF;layer-background-color: #FFF;border: 1px none #000000;

z-index: 28;left: 655px;top: 813px;

}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head>

<body onload="MM_preloadImages('file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/RegisterHover.gif','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ProjectsHover.gif','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/AboutHover.gif','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ContactHover.gif')"><div id="Image2"> <p>183 Brook Street<br /> Mayfair<br /> W2 3HU</p> <p>+44 (020)7 322 3558<br /> +44 (020)7 322 3559</p> <p>enquiries@backreelcasting.co.uk</p></div><div id="Image1"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ContactTitle.png" alt="" width="574" height="150" /></div>

<div id="Text2">If you have any further enquiries about The BackReel Casting Agency, you can contact us via the information below:</div><div id="Logo"><a href="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/BackReel Casting Agency - Home Page.html"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/Logo.png" alt="Logo" width="150" height="150" /></a></div><div id="Title"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/Title.png" alt="Title" width="900" height="176" /></div><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/WebsiteLayoutLong.png" alt="WebsiteLayoutLong" width="1293" height="1507" /><div id="apDiv6"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/The Great Gatsby.png" alt="" width="650" height="335" /></div><div id="apDiv5"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/Warm Bodies.png" width="650" height="335" /></div><div id="Copyright">© The BackReel Casting Agency 2013 </div><div id="apDiv4"><a href="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/BackReel Casting Agency - Contact Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ContactHover.gif',1)"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ContactButtonMain.png" width="200" height="75" id="Contact Us" /></a></div><div id="apDiv3"><a href="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/BackReel Casting Agency - About Us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/AboutHover.gif',1)"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/AboutButtonMain.png" width="200" height="75" id="About Us" /></a></div><div id="apDiv2"><a href="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/BackReel Casting Agency - Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProjectsMain','','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ProjectsHover.gif',1)"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/ProjectsButtonMain.png" width="200" height="75" id="ProjectsMain" /></a></div><a href="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/BackReel Casting Agency - Register.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RegMain','','file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/RegisterHover.gif',1)"><img src="file:///C|/Users/owner/Documents/College Work/Uni/Year 2/Sem A/Computer Studies Project/Project/Website Prototype/RegisterButtonMain.png" width="200" height="75" id="RegMain" /></a></body></html>