/* Primary Page Layout - Resetting & Blanket Formatting */

      * {
        margin: 0px;
        padding: 0px;
      }
      html {
        width: 100%;
        height: 100%;  */ Prevent centred designs jumping in Firefox */
        font-size: 100.01%;  */ Prevent centred designs jumping in Firefox */
        scrollbar-3dlight-color: #e5e5e5;  /* Works For IE Only */ 
        scrollbar-arrow-color: #e5e5e5; 
        scrollbar-base-color: #e5e5e5; 
        scrollbar-darkshadow-color: #e5e5e5; 
        scrollbar-face-color: #3f3f3f; 
        scrollbar-highlight-color: #3f3f3f; 
        scrollbar-shadow-color: #e5e5e5;
        scrollbar-track-color: #e5e5e5;
      }
      body.main {
	position: relative;
	background: #e6e6e6 url("layout/bg-page.jpg") repeat-x left top; /* Works In All Browsers */
        margin-top: 0px;
        padding: 0px;
        margin-bottom: 35px;
        text-align: center; /* Center ALL for IE - Only text elements are centered in Mac */
        width: 100%;
	height: 101%;  */ To Fix bug in Opera5x reflow routines */
        min-height:101%  */ Prevent centred designs jumping in Firefox */
	padding: 0px; /* Must leave in - fixes body overflow in IE */
        border: 0px;
        font: 100.01%/130% helvetica, arial;
        font-family: Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, Serif, Verdana;
        color: #ffffff;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
      }

      h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
        border: 0px;
        margin: 0px;
        padding: 0px;
      }  /* ul,ol,li are treated on an individual basis */
      img {
        border: 0px;
      }

/* Links Formatting - Content Page Links */

      a:link {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
      }  /* unvisited links */
      a:visited {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
      }  /* visited links   */
      a:active {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
      }  /* active links    */
      a:hover {
        color: #3f3f3f;
        text-decoration:  none;
        font-weight: normal;
      }  /* user hovers     */

/* Project Links Formatting - Content Page Links */

      a.project-link:link {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* unvisited links */
      a.project-link:visited {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* visited links   */
      a.project-link:active {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* active links    */
      a.project-link:hover {
        color: #ffffff;
        text-decoration:  none;
        font-weight: normal;
      }  /* user hovers     */

/* Links Formatting - Outer Page Small Links */

      a.mini:link {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* unvisited links */
      a.mini:visited {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* visited links   */
      a.mini:active {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: normal;
      }  /* active links    */
      a.mini:hover {
        color: #afafaf;
        text-decoration:  none;
        font-weight: normal;
      }  /* user hovers     */

/* Links Formatting - Poster Mouse-Over */

      a.poster:link {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: bold;
      }  /* unvisited links */
      a.poster:visited {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: bold;
      }  /* visited links   */
      a.poster:active {
        color: #3f3f3f;
        text-decoration: none;
        font-weight: bold;
      }  /* active links    */
      a.poster:hover {
        color: #ffffff;
        text-decoration:  none;
        font-weight: bold;
      }  /* user hovers     */

/* Text Formatting */

      h1 {
        padding-top: 1px;
        padding-bottom: 4px;
        line-height: 18px;
        font-family: Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, Serif, Verdana;
        font-size: 17px;
        font-weight: bold;
        font-style: normal;
        color: #3f3f3f; /* MAC Browsers do not like " "'s */
      }
      h2 {
        padding-top: 0px;
        padding-bottom: 4px;
        line-height: 22px;
        font-family: Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, Serif, Verdana;
        font-size: 17px;
        font-weight: bold;
        font-style: normal;
        color: #afafaf; /* MAC Browsers do not like " "'s */
      }
      h3 {
        padding-top: 0px;
        padding-bottom: 4px;
        line-height: 22px;
        font-family: Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, Serif, Verdana;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        color: #afafaf; /* MAC Browsers do not like " "'s */
      }
      h4 {
        padding-top: 12px;
        padding-bottom: 2px;
        line-height: 26px;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        color: #4F4F75; /* MAC Browsers do not like " "'s */
      }

/* Bullet Point & Numeric List Formatting */

      ul.normal { /* All Browsers Read This 1st */
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 18px;
        padding-right: 0px;
        line-height: 17px;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */
      html>body ul.normal { /* IE Does Not Read This Revised Version */
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 24px;
        padding-right: 0px;
        line-height: 17px;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */
      ul.small { /* All Browsers Read This 1st */
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 18px;
        font-size: 11px;
        line-height: 15px;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */
      html>body ul.small { /* IE Does Not Read This Revised Version */
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 24px;
        font-size: 11px;
        line-height: 15px;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */
      ol.normal {
        margin: 0px;
        padding: 0px;
      }
      li.bulletpoint { /* All Browsers Read This 1st */
        list-style-image: url(bullet1.gif);
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        padding-right: 0px;
      }
      html>body li.bulletpoint { /* IE Does Not Read This Revised Version */
        list-style-image: url(bullet1.gif);
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
      }
      li.numbered {
        margin: 0px;
        margin-left: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
      }

/* Primary Containers - Page Layout Cells */

      div.page-container {
        position: relative;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        text-align: center;
        width: 840px;
        height: auto;
      }
      div.page-solidcontent {
        position: relative;
        layer-background-color: #3f3f3f url('layout/bg-content.jpg') repeat-y center;
	background: #3f3f3f url('layout/bg-content.jpg') repeat-y center;
        width: 100%;
        text-align: center;
      }
      div.content-holder {
        position: relative;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
      }
      div.imagestages {
        position: relative;
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/bg-content.jpg') repeat-y top;
	background: #3f3f3f url('layout/bg-content.jpg') repeat-y top;
        text-align: left;
      }
      div.artworkcontent {
        position: relative;
        position: relative;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
      }
      div.artworkstages {
	float:right;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 0px;
        text-align: left;
      }
      div.mainspacer {
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        position: relative;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
        height: 20px;
      }
      div.maincontent {
        width: 100%;
      }
      div.maincontent:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.selection-cell {
	overflow: hidden; /* Fix For The Initial Carousel Load-Up */
        width: 100%;
      }
      div.selection-cell:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.content-text {
        width: 810px;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: justify;
      }
      div.content-text:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.content-text2 {
        width: 810px;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: justify;
      }
      div.content-text2:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.maincontent-image {
        width: 810px;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-size: 1px; /* YouTube needs a BR before to work so text set very small */
        line-height: 1px; /* YouTube needs a BR before to work so text set very small */
      }
      div.maincontent-image:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.sectionline {
        width: 100%;
        height: 15px;
        layer-background-color: #3f3f3f url('layout/bg-section.jpg') repeat-y center;
	background: #3f3f3f url('layout/bg-section.jpg') repeat-y center;
      }
      div.page-end {
        width: 100%;
        height: 15px;
        layer-background-color: #3f3f3f url('layout/bg-pageend.jpg') repeat-y center;
	background: #3f3f3f url('layout/bg-pageend.jpg') repeat-y center;
      }
      div.footer-a {
        position: relative;
        width: 100%;
        height: 18px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica;
        color: #060626;
        text-align: center;
      }
      div.footer-b {
        position: relative;
        width: 100%;
        height: 18px;
        text-align: center;
        color: #060626;
        font-size: 9px;
      }

/* Secondary Containers - Layout Cells */

      div.titlecell {
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        width: 100%;
        height: 22px;
        margin: 0px auto;
        text-align: center;
      }
      div.titlecell-carousel {
	overflow: hidden; /* To Allow Div Height Smaller Than Text Setting Height */
        width: 100%;
        height: 136px;
        margin: 0px auto;
        text-align: center;
      }
      img.title {
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      img.title-img-overlay {
	z-index: 8; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 92px;
	left: 320px;
        width: 200px;
        height: 30px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      img.title-img-carousel {
	z-index: 8; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 5px;
	left: 295px;
        width: 250px;
        height: 30px;
      }
      img.arrow-img-carousel {
	z-index: 8; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 117px;
	left: 190px;
        width: 128px;
        height: 18px;
      }
      img.weblink-image {
	z-index: 2; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        margin-top: 5px;
        width: 30px;
        height: 10px;
      }
      div.contentcell {
        position: relative;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        padding: 0px;
	width: 816px;
	text-align: justify;
      }
      div.contentcell:after { /* Used After Any MAC Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.dividingline {
        width: 816px;
        height: 25px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        text-align: center;
        layer-background-color: url('layout/title-underline.jpg') no-repeat center top;
	background: url('layout/title-underline.jpg') no-repeat center top;
      }
      img.divideline {
	width: 816px;
	height: 25px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }

/* Top Menu - Cell Layout */

      div.menu-container {
        position: relative;
        layer-background-color: #3f3f3f url('layout/bg-titlemenu.jpg') repeat-x top;
	background: #3f3f3f url('layout/bg-titlemenu.jpg') repeat-x top;
	top: 0;
	left: 0;
        width: 100%;
        height: 115px;
      }
      img.menu-transparentlink { /* Generic Tranparent Link Image */
	z-index: 10; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu01-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      img.menu01-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu01-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      img.menu01-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.menu02-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 105px;
        width: 105px;
        height: 20px;
      }
      img.menu02-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu02-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 105px;
        width: 105px;
        height: 20px;
      }
      img.menu02-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 105px;
        width: 105px;
        height: 20px;
      }
      div.menu03-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 210px;
        width: 105px;
        height: 20px;
      }
      img.menu03-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu03-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 210px;
        width: 105px;
        height: 20px;
      }
      img.menu03-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 210px;
        width: 105px;
        height: 20px;
      }
      div.menu04-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 315px;
        width: 105px;
        height: 20px;
      }
      img.menu04-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu04-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 315px;
        width: 105px;
        height: 20px;
      }
      img.menu04-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 315px;
        width: 105px;
        height: 20px;
      }
      div.menu05-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 420px;
        width: 105px;
        height: 20px;
      }
      img.menu05-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu05-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 420px;
        width: 105px;
        height: 20px;
      }
      img.menu05-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 420px;
        width: 105px;
        height: 20px;
      }
      div.menu06-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 525px;
        width: 105px;
        height: 20px;
      }
      img.menu06-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu06-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 525px;
        width: 105px;
        height: 20px;
      }
      img.menu06-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 525px;
        width: 105px;
        height: 20px;
      }
      div.menu07-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 630px;
        width: 105px;
        height: 20px;
      }
      img.menu07-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu07-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 630px;
        width: 105px;
        height: 20px;
      }
      img.menu07-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 630px;
        width: 105px;
        height: 20px;
      }
      div.menu08-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 80px;
	left: 735px;
        width: 105px;
        height: 20px;
      }
      img.menu08-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 105px;
        height: 20px;
      }
      div.menu08-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 80px;
	left: 735px;
        width: 105px;
        height: 20px;
      }
      img.menu08-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 80px;
	left: 735px;
        width: 105px;
        height: 20px;
      }

      div.back-div { /* Active Link Image Position */
        position: absolute;
	top: 100px;
	left: 735px;
        width: 105px;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/back-i.jpg') repeat-y center;
	background: #3f3f3f url('layout/back-i.jpg') repeat-y center;
      }
      img.back-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.back-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 100px;
	left: 735px;
        width: 105px;
        height: 20px;
      }
      img.back-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }

      div.stage01-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 0px;
	left: 15px;
        width: 105px;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/stage01-i.jpg') repeat-y center;
	background: #3f3f3f url('layout/stage01-i.jpg') repeat-y center;
      }
      img.stage01-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.stage01-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 0px;
	left: 15px;
        width: 105px;
        height: 20px;
      }
      img.stage01-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 15px;
        width: 105px;
        height: 20px;
      }
      div.stage02-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 0px;
	left: 120px;
        width: 105px;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/stage02-i.jpg') repeat-y center;
	background: #3f3f3f url('layout/stage02-i.jpg') repeat-y center;
      }
      img.stage02-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.stage02-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 0px;
	left: 120px;
        width: 105px;
        height: 20px;
      }
      img.stage02-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 120px;
        width: 105px;
        height: 20px;
      }
      div.stage03-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 0px;
	left: 225px;
        width: 105px;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/stage03-i.jpg') repeat-y center;
	background: #3f3f3f url('layout/stage03-i.jpg') repeat-y center;
      }
      img.stage03-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.stage03-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 0px;
	left: 225px;
        width: 105px;
        height: 20px;
      }
      img.stage03-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 225px;
        width: 105px;
        height: 20px;
      }
      div.stage04-div { /* Active Link Image Position */
	z-index: 5; /* Graphical Swop Placement */
        position: absolute;
	top: 0px;
	left: 330px;
        width: 105px;
        height: 20px;
        layer-background-color: #3f3f3f url('layout/stage04-i.jpg') repeat-y center;
	background: #3f3f3f url('layout/stage04-i.jpg') repeat-y center;
      }
      img.stage04-image { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 0px;
        width: 105px;
        height: 20px;
      }
      div.stage04-link { /* Link Boundary */
	z-index: 9; /* Transparent Link */
        position: absolute;
	top: 0px;
	left: 330px;
        width: 105px;
        height: 20px;
      }
      img.stage04-act { /* Active Link Image */
	z-index: 12; /* Stops the image appearing behind the DIV background image in Safari */
        position: absolute;
	top: 0px;
	left: 330px;
        width: 105px;
        height: 20px;
      }

/* Introduction Page - Basic Floating Images - No DIVs */

      img.introleft { /* All Browsers Read This 1st */
	float: left;
        position: relative;
        width: 140px;
        height: 210px;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 8px;
	border: 5px solid #ffffff;
      }
      html>body img.introleft { /* IE Does Not Read This Revised Version */
	float: left;
        position: relative;
        width: 142px;
        height: 212px;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 8px;
	border: 5px solid #ffffff;
      }
      img.introright { /* All Browsers Read This 1st */
	float: right;
        position: relative;
        width: 140px;
        height: 210px;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 8px;
        margin-right: 0px;
	border: 5px solid #ffffff;
      }
      html>body img.introright { /* IE Does Not Read This Revised Version */
	float: right;
        position: relative;
        width: 142px;
        height: 212px;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 8px;
        margin-right: 0px;
	border: 5px solid #ffffff;
      }

/* Introduction Page - Floating FX Images Within DIVs */

      div.imageintro-right { /* All Browsers Read This 1st */
        width: 140px;
        height: 210px;
	float: right;
        layer-background-color: #3f3f3f;
	background: #3f3f3f;
        position: relative;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 8px;
	border: 5px solid #ffffff;
      }
      div.imageintro-left { /* All Browsers Read This 1st */
        width: 140px;
        height: 210px;
	float: left;
        layer-background-color: #3f3f3f;
	background: #3f3f3f;
        position: relative;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-right: 8px;
        margin-left: 0px;
	border: 5px solid #ffffff;
      }

/* Project Selector - Floating Project Images Within DIVs */

      div.project-pane { /* All Browsers Read This 1st */
        width: 109px;
        height: 170px;
	float: left;
        position: relative;
        padding-top: 6px;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-right: 3px;
        margin-left: 3px;
	border: 0px solid #ffffff;
        text-align: center;
        font-size: 11px;
        line-height: 13px;
      }
      img.project-image { /* All Browsers Read This 1st */
        width: 70px;
        height: 105px;
        margin-top: 0px;
        margin-bottom: 6px;
        margin-left: 0px;
        margin-right: 0px;
	border: 3px solid #ffffff;
      }
/* Credits & Links Page Layout */

      div.list-titlespacer {
        position:relative;
        width: 800px;
        height: 20px;
        margin-top: 0px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      div.list-titlerow {
        position:relative;
        width: 800px;
        height: 40px;
        margin-top: 0px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	font-size: 12px;
	color: #3f3f3f;
      }
      div.list-row {
        position:relative;
        width: 800px; /* forced height 20px - To Check */
        height: 20px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	font-size: 12px;
	color: #ffffff;
      }
      div.clear { /* Not Used Yet */
        clear: both;
        height: 1px;
        overflow: hidden;
      }
      div.poster {
        position: absolute;
	top: 5px;
	left: 12px;
	width: 70px;
	height: 105px;
	text-align: right;
      }
      div.linkcolumn1 {
        position: absolute;
	top: 0px;
	left: 50px;
	width: 30px;
	text-align: right;
      }
      div.linkcolumn2 {
        position: absolute;
	top: 0px;
	left: 90px;
	width: 670px;
	font-weight: bold;
	text-align: left;
      }
      div.creditscolumn1 {
        position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	text-align: right;
        color: #ffffff;
      }
      div.creditscolumn2 {
        position: absolute;
	top: 0px;
	left: 130px;
	width: 365px;
	font-weight: bold;
	text-align: left;
        color: #ffffff;
      }
      div.creditscolumn3 {
        position: absolute;
	top: 0px;
	left: 500px;
	width: 300px;
	text-align: left;
      }
      div.list-one {
        position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	text-align: right;
        color: #ffffff;
      }
      div.list-two {
        position: absolute;
	top: 0px;
	left: 160px;
	width: 350px;
	font-weight: bold;
	text-align: left;
        color: #3f3f3f;
      }
      div.list-three {
        position: absolute;
	top: 0px;
	left: 530px;
	width: 250px;
	text-align: left;
        color: #ffffff;
      }

/* Image & Thumbnail - Page Cell Layout */

      div.spacer {
        position: relative;
        margin: 0px auto;
        width: 100%;
        height: 20px;
      }
      div.gallerycelledge120a {
        position: relative;
	display: inline;
        width: 9px;
        height: 108px;
        margin: 0px auto;
      }
      div.gallerycell120a {
        position: relative;
	display: inline;
        width: 137px;
        height: 108px;
        margin: 0px auto;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #8f9faf;
      }
      div.gallerycelledge120b {
        position: relative;
	display: inline;
        width: 20px;
        height: 115px;
        margin: 0px auto;
      }
      div.gallerycell120b {
        position: relative;
	display: inline;
        width: 160px;
        height: 115px;
        margin: 0px auto;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #8f9faf;
      }
      div.gallerycelledge180 {
        position: relative;
	display: inline;
        width: 6px;
        height: 155px;
        margin: 0px auto;
      }
      div.gallerycell180 {
        position: relative;
	display: inline;
        width: 207px;
        height: 150px;
        margin: 0px auto;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #8f9faf;
      }
      div.gallerycelledge210 {
        position: relative;
	display: inline;
        width: 21px;
        height: 180px;
        margin: 0px auto;
      }
      div.gallerycell210 {
        position: relative;
	display: inline;
        width: 266px;
        height: 180px;
        margin: 0px auto;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #8f9faf;
      }

/* Image & Thumbnail - Image Layout */

      img.mainimage-border {
	border: 5px solid #ffffff;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      img.carousel-thumbnail {
        position: relative;
        width: 120px;
        height: 80px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      img.thumbnail120a {
	width: 120px;
	height: 80px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	border: 4px solid #ffffff;
      }
      img.thumbnail120b {
	width: 120px;
	height: 80px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	border: 5px solid #ffffff;
      }
      img.thumbnail180 {
	width: 180px;
	height: 120px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	border: 6px solid #ffffff;
      }
      img.thumbnail210 {
	width: 210px;
	height: 140px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	border: 8px solid #ffffff;
      }

/* Image & Thumbnail - Opaic Effects */

      .opacity img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
      }
      .opacity:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
      }
      .gradualshine{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
      }

/* Contact Page Message Box Layout */

      div.messagebox-container {
        position: relative;
        layer-background-color: #3f3f3f;
	background: #3f3f3f;
	width: 808px;
	height: 164px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        text-align: center;
      }
      div.messagebox-content {
        position: absolute;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	top: 20px;
	left: 20px;
	width: 768px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #ffffff;
	text-align: left;
      }
      div.messagebox-top {
        position: absolute;
	top: 0px;
	left: 0px;
	width: 808px;
	height: 20px;
      }
      div.messagebox-topleft {
        layer-background-color: #3f3f3f url('textbox/top-left.jpg') no-repeat left top;
	background: #3f3f3f url('textbox/top-left.jpg') no-repeat left top;
	float: left;
	width: 20px;
	height: 20px;
      }
      div.messagebox-topright {
        layer-background-color: #3f3f3f url('textbox/top-right.jpg') no-repeat right top;
	background: #3f3f3f url('textbox/top-right.jpg') no-repeat right top;
	float: right;
	width: 20px;
	height: 20px;
      }
      div.messagebox-bottom {
        position: absolute;
	top: 144px;
	left: 0px;
	width: 808px;
	height: 20px;
      }
      div.messagebox-bottomleft {
        layer-background-color: #3f3f3f url('textbox/bottom-left.jpg') no-repeat left bottom;
	background: #3f3f3f url('textbox/bottom-left.jpg') no-repeat left bottom;
	float: left;
	width: 20px;
	height: 20px;
      }
      div.messagebox-bottomright {
        layer-background-color: #3f3f3f url('textbox/bottom-right.jpg') no-repeat right bottom;
	background: #3f3f3f url('textbox/bottom-right.jpg') no-repeat right bottom;
	float: right;
	width: 20px;
	height: 20px;
      }
      div.formcell-spacer {
	float:left;
	display:inline;
	margin: auto;
	width: 1px;
	text-align: left;
      }
      div.formcell-a1 {
        position: absolute;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-a2 {
        position: absolute;
	top: 35px;
	left: 0px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-a3 {
        position: absolute;
	top: 70px;
	left: 0px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-b1 {
        position: absolute;
	top: 0px;
	left: 194px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-b2 {
        position: absolute;
	top: 35px;
	left: 194px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-b3 {
        position: absolute;
	top: 70px;
	left: 194px;
	width: 194px;
	height: 35px;
	text-align: left;
      }
      div.formcell-message1 {
        position: absolute;
	top: 0px;
	left: 388px;
	width: 388px;
	height: 105px;
	text-align: left;
      }
      div.formcell-message2 {
        position: absolute;
	top: 0px;
	left: 194px;
	width: 532px;
	height: 105px;
	text-align: left;
      }
      div.formcell-titleline {
        position: absolute;
	top: 105px;
	left: 0px;
	width: 776px;
	height: 35px;
	text-align: left;
      }
      div.formcell-tickboxrow1 {
        position: absolute;
	top: 140px;
	left: 0px;
	width: 776px;
	height: 20px;
	text-align: left;
      }
      div.formcell-tickboxrow2 {
        position: absolute;
	top: 160px;
	left: 0px;
	width: 776px;
	height: 20px;
	text-align: left;
      }
      div.formcell-tickbox {
        position: relative;
	display:inline;
	width: 155px;
	height: 20px;
	text-align: left;
      }
      div.formcell-submit {
        position: absolute;
	top: 125px;
	left: 0px;
	width: 776px;
	height: 20px;
	text-align: center;
      }
      div.formcell-submit2 {
        position: absolute;
	top: 0px;
	left: 726px;
	width: 40px;
	height: 105px;
	text-align: left;
      }

/* Form - Input Methods */

      input.cell {
        position: relative;
	background-color: #ffffff;
        layer-background-color: #ffffff;
	border: 0px solid #ffffff;
	padding: 2px;
	width: 170px;
	height: 17px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #3f3f3f;
      }
      input.tickbox {
        position: relative;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #3f3f3f;
      }
      textarea.messagebox1 {
        position: relative;
	background-color: #ffffff;
        layer-background-color: #ffffff;
	border: 0px solid #ffffff;
	padding: 2px;
	width: 388px;
	height: 87px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #3f3f3f;
      }
      textarea.messagebox2 {
        position: relative;
	background-color: #ffffff;
        layer-background-color: #ffffff;
	border: 0px solid #ffffff;
	padding: 2px;
	width: 509px;
	height: 87px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #3f3f3f;
      }
      select.dropdown {
        position: relative;
	background-color: #ffffff;
        layer-background-color: #ffffff;
	padding: 2px;
 	width: 171px;
	height: 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
 	color: #3f3f3f;
      }
      input.submit-button {
        position: relative;
        background-color: #7c7c69;
        layer-background-color: #7c7c69;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	border: 0px solid #3f3f3f;
	width: 220px;
	height: 18px;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
 	color: #3f3f3f;
      }
      input.submit-button2 {
        position: relative;
	top: 18px;
	left: 0px;
        background-color: #7c7c69;
        layer-background-color: #7c7c69;
	border: 0px solid #3f3f3f;
	width: 40px;
	height: 87px;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
 	color: #3f3f3f;
      }

/* Thumbnail Selector - Carousel */

      div.selector-spacer1 {
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        position: relative;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
        height: 20px;
      }
      div.selector-spacer2 {
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        position: relative;
        margin: 0px auto;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        width: 100%;
        height: 12px;
      }
      .carousel-component {
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
	visibility: hidden;
	overflow: hidden;
	position: relative;
      }
      .carousel-component UL.carousel-list {
	z-index: 1;
	width: 1000000px;
	position: relative;
      }
      .carousel-component .carousel-list LI {
	float: left;
	overflow: hidden;
	list-style-type: none;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
      }
      .carousel-component .carousel-vertical LI {
	float: none;
	margin-bottom: 0px;
      }
      .carousel-component UL.carousel-vertical {
	width: auto;
      }
      .carousel-component .carousel-clip-region {
	z-index: 10; /* Stops the image appearing behind the DIV background image in Safari */
	margin: 0px auto;
	overflow: hidden;
	position: relative;
      }
      .carousel-component {
	z-index: 14; /* Stops the image appearing behind the DIV background image in Safari */
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 4px;
	moz-border-radius: 8px;
      }
      .carousel-component UL.carousel-list {
	z-index: 14; /* Stops the image appearing behind the DIV background image in Safari */
	left: -2px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
      }
      .carousel-component .carousel-list LI {
	z-index: 14; /* Stops the image appearing behind the DIV background image in Safari */
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	text-align: center;
	font: 11px verdana,arial,sans-serif;
	color: #3f3f3f; /*  Thumbnail Frame Use 3f3f3f - ffffff */
      }
      .carousel-component .carousel-vertical LI {
      }
      .carousel-component UL.carousel-vertical {
      }
      .carousel-component .carousel-list LI {
	margin: 0px 2px 0px;
      }
      .carousel-component .carousel-list LI {
	width: 144px; /*  Distance Between Thumbnails */
      }
      .carousel-component .carousel-list LI A {
	border-right: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-left: #ffffff 0px solid;
	border-bottom: #ffffff 0px solid;
	display: block;
	outline: none;
	moz-outline: none;
      }
      .carousel-component .carousel-list LI A:hover {
	border-right: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-left: #ffffff 0px solid;
	border-bottom: #ffffff 0px solid;
      }
      .carousel-component .carousel-list LI.active A {
	border-right: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-left: #ffffff 0px solid;
	border-bottom: #ffffff 0px solid;
      }
      .carousel-component .carousel-list LI IMG {
	border-right: #ffffff 4px solid;
	border-top: #ffffff 4px solid;
	border-left: #ffffff 4px solid;
	border-bottom: #ffffff 4px solid;
	display: block;
      }
      .carousel-component .carousel-list LI STRONG {
	display: block;
      }
      #prev-arrow {
	z-index: 12;
	left: 5px;
	cursor: pointer;
	position: absolute;
	top: 4px;
      }
      #next-arrow {
	z-index: 12;
	right: 5px;
	cursor: pointer;
	position: absolute;
	top: 4px;
      }