body {background-color:#687387; margin:0px 0px 0px 32px; padding:0px; border:0px; font-family:arial; font-size:medium; background-image:url(images/architects-newcastle.jpg); background-repeat:no-repeat}
input {width:250px; margin-bottom:8px}
textarea {vertical-align:text-top}
ul {list-style-type:square; padding-left:24px; line-height:1.5}
#submit {width:150px; height:35px}

#page {width:1000px; position:relative; margin:0px 16px 0px 16px; font-weight:normal; text-decoration:none; color:#333333; line-height:1.2; text-align:center}
#page table {border-collapse:collapse; margin:0px; padding:0px; border:0px}
#page td.architects {background-color:#404f76; width:10px}
#page td.architecture {border:solid #000000; border-width:0px 0px 1px 0px; width:12px}
#page td.interior-design {border:solid #000000; border-width:0px}
#page td.master-planning {line-height:2.5; font-weight:bold; padding:8px}
#page td.architects-newcastle {padding:8px; width:344px}
#page td.architects-tyne-wear {margin:0px; padding:0px; line-height:1.0; vertical-align:middle}
#page img.architects-north-east {display:block}
#page td {border:solid #000000; border-width:0px 1px 1px 0px; margin:0px; padding:0px; vertical-align:top}
#page th {border:solid #000000; border-width:0px 1px 0px 0px; margin:0px; padding:0px}
#page strong {font-weight:bold; color:#404f76; font-size:120%}
#page a:link {text-decoration:none; color:#404f76}
#page a:visited {text-decoration:none; color:#404f76}
#page a:hover {text-decoration:none; color:#ffffff}
#page a:active {text-decoration:none; color:#404f76}

#north-east-architects {float:left; text-align:left; width:948px; background-color:#687387; background-image:url(images/architects.jpg); background-repeat:no-repeat; background-position:center right; padding:8px 0px 8px 0px; height:449px}
#north-east-architects h1 {font-size:100%; font-weight:normal}
#north-east-architects strong {font-size:100%; font-weight:normal}

#newcastle-architects {float:left; margin:64px 0px 16px 0px; text-align:right; line-height:1.5; width:948px}
#newcastle-architects h1 {font-weight:normal; font-size:100%; display:inline; color:#404f76}
#newcastle-architects a.architecture {font-size:x-small}
#newcastle-architects a.architects {font-size:small}
#newcastle-architects a.newcastle {font-size:medium}
#newcastle-architects img {margin:0px 256px 64px 0px}

#movie {}
#movie2 {}

#movie-container {width:640px; height:400px; margin:24px 0px 0px 48px}

#north-east-architecture {margin:48px 0px 96px 0px; font-size:100%; color:#404f76; letter-spacing:2px; float:left; width:948px}
#north-east-architecture b {color:#ffffff; font-weight:normal}

#northumberland-architects {margin:0px 16px 0px 16px; font-size:100%; color:#404f76; letter-spacing:1px; line-height:1.5; width:916px}
#northumberland-architects h1 {font-size:110%; font-weight:bold; color:#404f76}
#northumberland-architects strong {font-size:110%; font-weight:bold; color:#404f76}

#architects {float:right; color:#404f76; margin:16px; text-align:right}
#architects h1 {font-size:90%}
#architects img {border:none}

#architecture {float:left; color:#404f76; margin:16px}
#architecture h1 {font-size:90%}

#architects-newcastle {background-color:#333a4c; height:1150px; width:20px; float:left}

#chartered-architects {float:left; text-align:left; width:948px; height:450px; background-color:#687387; padding:8px 0px 8px 0px; color:#cccccc}
#chartered-architects h1 {font-size:150%; font-weight:normal; color:#ffffff}
#chartered-architects h2 {font-size:100%; font-weight:normal; color:#ffffff}
#chartered-architects h3 {font-size:200%; font-weight:normal; color:#ffffff; letter-spacing:2px; margin:0px}
#chartered-architects strong {font-size:100%; font-weight:normal; color:#ffffff}

#architects-news {float:left; text-align:left; width:948px; background-color:#687387; padding:8px 0px 8px 0px; color:#cccccc}
#architects-news h1 {font-size:150%; font-weight:normal; color:#ffffff}
#architects-news h2 {font-size:100%; font-weight:normal; color:#ffffff}
#architects-news h3 {font-size:200%; font-weight:normal; color:#ffffff; letter-spacing:2px; margin:0px}
#architects-news strong {font-size:100%; font-weight:normal; color:#ffffff}

#chartered-architects-design {float:left; text-align:left; width:948px; height:350px; background-color:#687387; padding:8px 0px 8px 0px; color:#cccccc}
#chartered-architects-design h1 {font-size:120%; font-weight:normal; padding:0px; margin:0px 0px 0px 12px; line-height:24pt}
#chartered-architects-design h2 {font-size:140%; font-weight:normal; padding:0px 0px 8px 0px; margin:0px; color:#ffffff}

#architecture-design {width:620px; height:450px; margin-left:8px; float:left; background-color:#687387}
#architects-design {width:125px; height:450px; margin-left:8px; float:left; background-color:#687387}
#architects-design h1 {font-size:125%; font-weight:bold}

#about-us {background-color:#687387}
#architects-info {float:left; width:312px}

#architects-chartered {width:425px; height:449px; margin-left:8px; float:left}
#architects-north {width:350px; margin-left:16px; float:left; line-height:1.3}
#architects-north textarea {background:transparent; color:#dddddd; border:0px solid #ffffff}

#architects-sitemap {width:350px; height:449px; margin-left:16px; float:left; line-height:2}
#architects-sitemap a:link {text-decoration:none; color:#dddddd}
#architects-sitemap a:visited {text-decoration:none; color:#dddddd}
#architects-sitemap a:hover {text-decoration:none; color:#ffffff}
#architects-sitemap a:active {text-decoration:none; color:#dddddd}

#architects-services {width:948px; background-color:#333a4c; float:left; color:#eeeeee; margin-bottom:16px; text-align:left}
#architects-services h1 {font-size:120%; font-weight:normal; border:solid #687387; border-width:0px 0px 0px 20px; padding:9px 12px 9px 12px; margin:0px; float:left}
#architects-services h2 {font-size:180%; font-weight:normal; padding:4px 48px 4px 48px; margin:0px; float:left; letter-spacing:2px; color:#ffffff}
#architects-services h3 {font-size:120%; font-weight:normal; border:solid #687387; border-width:0px 0px 0px 20px; padding:9px 12px 9px 12px; margin:0px; float:left; text-decoration:underline; color:#ffffff; border:solid #8893a7; border-width:0px 0px 0px 20px}
#architects-services h1:hover {color:#ffffff; border:solid #8893a7; border-width:0px 0px 0px 20px; text-decoration:underline}
#architects-services h1:hover > a {color:#ffffff}
#architects-services a:link {text-decoration:none; color:#dddddd}
#architects-services a:visited {text-decoration:none; color:#dddddd}
#architects-services a:hover {text-decoration:underline; color:#ffffff}
#architects-services a:active {text-decoration:none; color:#dddddd}

div.menu {float:left; width:150px; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px}
div.menu ul ul {display:none; position:absolute; left:300px; top:260px}
div.menu li:hover ul {display:block; line-height:1.5; z-index:5; background-color:#687387}
div.menu li:hover {border:solid #ffffff; border-width:0px 0px 1px 0px; cursor:pointer; color:#ffffff}
div.menu li {border:solid #687387; border-width:0px 0px 1px 0px; color:#cccccc}
div.menu ul {margin:0px; padding:0px; list-style-type:none}

div.wrap {display:block; position:absolute; left:300px; top:260px; z-index:1; color:#cccccc; line-height:1.5}
div.wrap1 {float:left; width:650px}
div.wrap2 {float:left; width:300px}
div.wrap3 {float:left; width:350px}

div.float {float:left; width:100px}

div.menu-project {float:left; width:175px; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px}
div.menu-project ul ul {display:none; position:absolute; left:252px; top:300px}
div.menu-project li:hover ul {display:block; line-height:1.5; z-index:5; background-color:#687387}
div.menu-project li:hover {border:solid #ffffff; border-width:0px 0px 1px 0px; cursor:pointer; color:#ffffff}
div.menu-project li {border:solid #687387; border-width:0px 0px 1px 0px; color:#cccccc}
div.menu-project ul {margin:0px; padding:0px 0px 0px 8px; list-style-type:none}

div.wrap-project {display:block; position:absolute; left:260px; top:300px; z-index:1; color:#cccccc; line-height:1.5}
div.wrap1-project {float:left; width:700px}
div.wrap2-project {float:left; width:350px; background-color:#687387}
div.wrap3-project {float:left; width:350px}
div.wrap3-movie {float:left; width:200px; position:relative; z-index:1}
div.wrap2-movie {float:left; width:500px; background-color:transparent; z-index:1; position:relative; line-height:0px}

#fade {position:absolute; left:300px; top:0px; visibility:hidden; height:1500px; width:520px; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; background-color:#000000; margin:0px; padding:0px; z-index:20}