/****************** reset *****************/
*{margin:0;padding:0}a{text-decoration:none;}iframe,a img,form{border:0}h3,h2,h1{font-size:100%;font-weight:normal}li,ul{list-style:none}

/****************** common layout *****************/
html, body {height:100%;}
body {color:#586169;font-size:62.5%;font-family:Helvetica, Arial, sans-serif;text-align:center;background-color:#ffffff;}
html>body {font-size:10px;}
a {color:#253036;}
a:hover {color:#000000;}
a:focus, a:active {outline: none;}
ul li a {color:#586169;}
ul li a:hover {color:#000000;}
#wrapper {width:1px;height:50%;margin-bottom:-30.5em;float:left;}
#container {margin:0 auto;position:relative;text-align:left;width:98.7em;height:60em;clear:left;font-size:1em;line-height:1.3em;overflow:hidden;background:#ffffff url(../img/navigation/navbg5.jpg) 0 46.6em repeat-x;}
/*
#levelone {position:absolute;top:47.7em;left:5em;width:7em;z-index:1;}
#leveltwo {position:absolute;top:47.7em;left:13.4em;width:7em;z-index:1;}
#levelthree {position:absolute;top:47.7em;left:23.2em;width:14em;z-index:1;}
#levelfour {position:absolute;top:47.7em;left:36.2em;width:20em;z-index:1;}
*/
#levelone {position:absolute;top:47.7em;left:5em;width:7em;z-index:1;}
#leveltwo {position:absolute;top:47.7em;left:12.8em;width:7em;z-index:1;}
#levelthree {position:absolute;top:47.7em;left:22.5em;width:14em;z-index:1;}
#levelfour {position:absolute;top:47.7em;left:34.9em;width:20em;z-index:1;}

#logo {position:absolute;top:41.8em;left:5em;width:15em;height:2.6em;}
#logo h2 {font-size:2.1em;line-height:1em;}
#logo h2 a {color:#586169;}
#logo h2 a:hover {color:#000000;}

.current a {color:#000000;}
.current a:hover {color:#364147;}

/****************** index *****************/
#ind-title {position:absolute;top:5em;left:22.5em;width:20em;height:1.6em;}
#ind-title h1 {font-size:1.6em;line-height:1em;}
#index1-prjimg {position:absolute;top:8em;left:56.4em;width:42.3em;}
.index1-prjimgsize {width:42.3em;}
/* for practice page */
#ind-intro {position:absolute;top:8em;left:19.7em;width:39.5em;}
#ind-title-p {position:absolute;top:5em;left:19.7em;width:16em;height:1.6em;}
#ind-title-p h1 {font-size:1.6em;line-height:1em;}

#ind-intro2 {position:absolute;top:8em;left:22.5em;width:33.3em;}
#ind-intro2 dl dt {color:#000000;}
#ind-intro2 dl dd {padding-bottom:1.6em;}

/****************** thumbs *****************/
#thumb-one {position:absolute;top:5em;left:58.7em;}
#thumb-two {position:absolute;top:5em;left:69.7em;}
#thumb-three {position:absolute;top:5em;left:80.7em;}
#thumb-four {position:absolute;top:15.8em;left:58.7em;}
#thumb-five {position:absolute;top:15.8em;left:69.7em;}
#thumb-six {position:absolute;top:15.8em;left:80.7em;}
#thumb-seven {position:absolute;top:26.6em;left:58.7em;}
#thumb-eight {position:absolute;top:26.6em;left:69.7em;}
#thumb-nine {position:absolute;top:26.6em;left:80.7em;}
#thumb-ten {position:absolute;top:5em;left:47.7em;}
#thumb-eleven {position:absolute;top:15.8em;left:47.7em;}
.thumb-emsize {width:9.6em;}

/****************** v and a *****************/
.currentconnav {color:#191b1d;font-weight:bold;}
#vanda1-title {position:absolute;top:5em;left:30.7em;width:20em;height:1.6em;}
#vanda1-title h1 {font-size:1.6em;line-height:1em;}
#vanda1-intro {position:absolute;top:8em;left:30.9em;width:20.9em;}
#vanda1-prjimgnav {position:absolute;top:39.2em;left:52.4em;width:25em;}
#vanda1-prjimg {position:absolute;top:8em;left:52.4em;width:40.7em;}
.vanda1-prjimgsize {width:40.7em;}
#vanda2-title {position:absolute;top:23.1em;left:34.8em;width:20em;height:1.6em;}
#vanda2-title h1 {font-size:1.6em;line-height:1em;}
#vanda2-intro {position:absolute;top:26.3em;left:34.9em;width:19.8em;}
#vanda2-prjimgnav {position:absolute;top:43.2em;left:55.5em;width:25em;}
#vanda2-prjimg {position:absolute;top:0em;left:34.4em;width:60em;}
.vanda2-prjimgsize {width:60em;}

#vanda3-title {position:absolute;top:5em;left:22.5em;width:20em;height:1.6em;}
#vanda3-title h1 {font-size:1.6em;line-height:1em;}
#vanda3-intro {position:absolute;top:8em;left:22.5em;width:33.1em;}


/****************** from fashion and back *****************/
#ffab1-title {position:absolute;top:5em;left:22.2em;width:20em;height:1.6em;}
#ffab1-title h1 {font-size:1.6em;line-height:1em;}
#ffab1-intro {position:absolute;top:8em;left:22.5em;width:33.3em;}
#ffab1-prjimgnav {position:absolute;top:41.8em;left:56.4em;width:25em;}
#ffab1-prjimg {position:absolute;top:8em;left:56.4em;width:37.2em;}
.ffab1-prjimgsize {width:37.2em;}

#ffab2-prjimg {position:absolute;top:5em;left:56.4em;width:29.9em;}
.ffab2-prjimgsize {width:29.9em;}

#ffab3-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.ffab3-prjimgsize {width:37.2em;}

#ffab4-prjimg {position:absolute;top:5em;left:56.4em;width:28.8em;}
.ffab4-prjimgsize {width:28.8em;}

/****************** hide-prjimg *****************/
#hide-0-prjimg {position:absolute;top:8em;left:56.4em;width:37.2em;}
.hide-0-prjimgsize {width:37.2em;}

#hide-1-prjimg {display:none;position:absolute;top:8em;left:56.4em;width:37.2em;}
.hide-1-prjimgsize {width:37.2em;}

#hide-2-prjimg {display:none;position:absolute;top:8em;left:56.4em;width:37.2em;}
.hide-2-prjimgsize {width:37.2em;}

#hide-3-prjimg {display:none;position:absolute;top:8em;left:56.4em;width:37.2em;}
.hide-3-prjimgsize {width:37.2em;}

#hide-4-prjimg {display:none;position:absolute;top:8em;left:56.4em;width:37.2em;}
.hide-4-prjimgsize {width:37.2em;}

/****************** mag *****************/
#mag1-title {position:absolute;top:5em;left:12.9em;width:16em;height:1.6em;}
#mag1-title h1 {font-size:1.6em;line-height:1em;}
#mag1-intro {position:absolute;top:8em;left:12.9em;width:20em;}
#mag1-prjimgnav {position:absolute;top:31em;left:34.4em;width:20em;}
#mag1-prjimg {position:absolute;top:8em;left:34.4em;width:59.4em;}
.mag1-prjimgsize {width:59.4em;}
#mag2-title {position:absolute;top:5em;left:12.9em;width:16em;height:1.6em;}
#mag2-title h1 {font-size:1.6em;line-height:1em;}
#mag2-intro {position:absolute;top:8em;left:12.9em;width:20em;}
#mag2-prjimgnav {position:absolute;top:44.6em;left:34.4em;width:20em;}
#mag2-prjimg {position:absolute;top:5em;left:34.4em;width:59.1em;}
.mag2-prjimgsize {width:59.1em;}
#mag3-title {position:absolute;top:5em;left:12.9em;width:16em;height:1.6em;}
#mag3-title h1 {font-size:1.6em;line-height:1em;}
#mag3-intro {position:absolute;top:8em;left:12.9em;width:20em;}
#mag3-prjimgnav {position:absolute;top:44.6em;left:34.4em;width:20em;}
#mag3-prjimg {position:absolute;top:5em;left:34.4em;width:59.1em;}
.mag3-prjimgsize {width:59.1em;}
#mag4-title {position:absolute;top:5em;left:32.1em;width:16em;height:1.6em;}
#mag4-title h1 {font-size:1.6em;line-height:1em;}
#mag4-intro {position:absolute;top:8em;left:32.1em;width:20em;}
#mag4-prjimgnav {position:absolute;top:44.9em;left:53.6em;width:20em;}
#mag4-prjimg {position:absolute;top:5em;left:53.6em;width:40.1em;}
.mag4-prjimgsize {width:40.1em;}

/****************** moa *****************/
#moa1-title {position:absolute;top:5em;left:34.9em;width:16em;height:1.6em;}
#moa1-title h1 {font-size:1.6em;line-height:1em;}
#moa1-intro {position:absolute;top:8em;left:34.9em;width:20em;}
#moa1-prjimgnav {position:absolute;top:32.7em;left:57.8em;width:20em;}
#moa1-prjimg {position:absolute;top:0em;left:56.4em;width:37.1em;}
.moa1-prjimgsize {width:37.1em;}
#moa2-prjimg {position:absolute;top:5em;left:56.4em;width:37em;}
.moa2-prjimgsize {width:37em;}
#moa3-prjimg {position:absolute;top:5em;left:56.4em;width:36.5em;}
.moa3-prjimgsize {width:36.5em;}
#moa4-prjimgnav {position:absolute;top:42em;left:56.4em;width:20em;}
#moa4-prjimg {position:absolute;top:5em;left:56.4em;width:37.1em;}

/****************** ica *****************/
#ica1-title {position:absolute;top:5em;left:34.9em;width:16em;height:1.6em;}
#ica1-title h1 {font-size:1.6em;line-height:1em;}
#ica1-intro {position:absolute;top:8em;left:34.9em;width:20em;}
#ica1-prjimgnav {position:absolute;top:42em;left:56.4em;width:20em;}
#ica1-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.ica1-prjimgsize {width:37.2em;}

/****************** buildcentre *****************/
#buildcentre1-prjimg {position:absolute;top:5em;left:56.4em;width:37em;}
.buildcentre1-prjimgsize {width:37em;}
#buildcentre2-prjimg {position:absolute;top:5em;left:56.4em;width:37.1em;}
.buildcentre2-prjimgsize {width:37.1em;}
#buildcentre3-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.buildcentre3-prjimgsize {width:37.2em;}
#buildcentre4-prjimg {position:absolute;top:5em;left:56em;width:37.2em;}
.buildcentre4-prjimgsize {width:37.2em;}

/****************** sixthou *****************/
#sixthou1-title {position:absolute;top:5em;left:34.4em;width:16em;height:1.6em;}
#sixthou1-title h1 {font-size:1.6em;line-height:1em;}
#sixthou1-prjimg {position:absolute;top:1.6em;left:56.4em;width:37.2em;}

/****************** hardcore *****************/
#hardcore1-prjimg {position:absolute;top:5em;left:56.4em;width:37em;}
.hardcore1-prjimgsize {width:37em;}
#hardcore2-prjimg {position:absolute;top:5em;left:56.4em;width:37.1em;}
.hardcore2-prjimgsize {width:37.1em;}

/****************** hometime *****************/
#hometime1-prjimg {position:absolute;top:5em;left:56.4em;width:37.3em;}
.hometime1-prjimgsize {width:37.3em;}
#hometime2-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.hometime2-prjimgsize {width:37.2em;}

/****************** building the bbc *****************/
#bbc-title {position:absolute;top:5em;left:34.4em;width:16em;height:1.6em;}
#bbc-title h1 {font-size:1.6em;line-height:1em;}
#bbc-intro {position:absolute;top:8em;left:34.9em;width:20em;}
#bbc-prjimgnav {position:absolute;top:42em;left:56.4em;width:20em;}
#bbc1-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.bbc1-prjimgsize {width:37.2em;}
#bbc2-prjimg {position:absolute;top:5em;left:56.4em;width:31em;}
.bbc2-prjimgsize {width:31em;}

/****************** CABE Climate Festival Centrepiece *****************/
#cabe-title {position:absolute;top:5em;left:34.7em;width:21em;height:1.6em;}
#cabe-title h1 {font-size:1.6em;line-height:1em;}
#cabe-intro {position:absolute;top:8em;left:34.9em;width:20em;}
#cabe-prjimgnav {position:absolute;top:42em;left:56.4em;width:20em;}
#cabe-prjimg {position:absolute;top:5em;left:56.4em;width:29em;}
.cabe-prjimgsize {width:29em;}

#cabe-prjimg2 {position:absolute;top:5em;left:56.4em;width:36.9em;}
.cabe-prjimgsize2 {width:36.9em;}

/****************** hounslow school 1 *****************/
#hounslow1-1-prjimgnav {position:absolute;top:31.4em;left:34.2em;width:20em;}
#hounslow1-1-prjimg {position:absolute;top:5em;left:34.4em;width:59.4em;}
.hounslow1-1-prjimgsize {width:59.4em;}
#hounslow1-2-prjimgnav {position:absolute;top:34.9em;left:34.5em;width:20em;}
#hounslow1-2-prjimg {position:absolute;top:0em;left:34.4em;width:58.5em;}
.hounslow1-2-prjimgsize {width:58.5em;}
#hounslow1-3-prjimgnav {position:absolute;top:37.2em;left:59.7em;width:20em;}
#hounslow1-3-prjimg {position:absolute;top:6em;left:56.4em;width:37.2em;}
.hounslow1-3-prjimgsize {width:37.2em;}

/****************** hounslow school 1 *****************/
#hounslow2-1-prjimgnav {position:absolute;top:26.2em;left:38.8em;width:20em;}
#hounslow2-1-prjimg {position:absolute;top:5em;left:34.4em;width:58.1em;}
.hounslow2-1-prjimgsize {width:58.1em;}
#hounslow2-2-prjimgnav {position:absolute;top:36.7em;left:57em;width:9em;}
#hounslow2-2-prjimg {position:absolute;top:3em;left:56.4em;width:37.2em;}
#hounslow2-3-prjimgnav {position:absolute;top:37.8em;left:56.4em;width:20em;}
#hounslow2-3-prjimg {position:absolute;top:4.8em;left:56.4em;width:37.2em;}
.hounslow2-3-prjimgsize {width:37.2em;}
#hounslow2-4-prjimgnav {position:absolute;top:42.6em;left:56.4em;width:20em;}
#hounslow2-4-prjimg {position:absolute;top:5.8em;left:56.2em;width:26.7em;}
.hounslow2-4-prjimgsize {width:26.7em;}

/****************** all commercial projects *****************/
#commercial-title {position:absolute;top:5em;left:34.9em;width:20em;height:1.6em;}
#commercial-title h1 {font-size:1.6em;line-height:1em;}
#commercial-intro {position:absolute;top:8em;left:34.9em;width:20em;}
#commercial-prjimgnav {position:absolute;top:42em;left:56.4em;width:25em;}
#commercial-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.commercial-prjimgsize {width:37.2em;}

/****************** vine cottage *****************/
#vinecot-title {position:absolute;top:5em;left:4.6em;width:16em;height:1.6em;}
#vinecot-title h1 {font-size:1.6em;line-height:1em;}
#vinecot-intro {position:absolute;top:8em;left:4.9em;width:15em;}
/*#vinecot-prjimgnav {position:absolute;top:42em;left:4.9em;width:16em;}*/
#vinecot-prjimg {position:absolute;top:8em;left:21.5em;width:71.8em;}
.vinecot-prjimgsize {width:71.8em;}

/****************** cordy house *****************/
#cordyhouse-title {position:absolute;top:5em;left:23.9em;width:16em;height:1.6em;}
#cordyhouse-title h1 {font-size:1.6em;line-height:1em;}
#cordyhouse-intro {position:absolute;top:8em;left:24em;width:20em;}
#cordyhouse-prjimg {position:absolute;top:5em;left:45.5em;width:48.1em;}
.cordyhouse-prjimgsize {width:48.1em;}

/****************** treehouse *****************/
#treehouse-title {position:absolute;top:5em;left:32.7em;width:18em;height:1.6em;}
#treehouse-title h1 {font-size:1.6em;line-height:1em;}

/****************** broomest *****************/
#broomest-title {position:absolute;top:5em;left:32.9em;width:22em;height:1.6em;}
#broomest-title h1 {font-size:1.6em;line-height:1em;}
#broomest-intro {position:absolute;top:8em;left:32.9em;width:21.7em;}
#broomest-prjimgnav {position:absolute;top:42em;left:56.4em;width:20em;}
#broomest-prjimg {position:absolute;top:5em;left:56.4em;width:37.2em;}
.broomest-prjimgsize {width:37.2em;}

/****************** georgesq *****************/
#georgesq1-title {position:absolute;top:5em;left:4.9em;width:16em;height:1.6em;}
#georgesq1-title h1 {font-size:1.6em;line-height:1em;}
#georgesq1-intro {position:absolute;top:8em;left:4.9em;width:22em;}
#georgesq1-prjimgnav {position:absolute;top:41.6em;left:28.8em;width:20em;}
#georgesq1-prjimg {position:absolute;top:8em;left:28.8em;width:64.8em;}
.georgesq1-prjimgsize {width:64.8em;}
#georgesq2-title {position:absolute;top:5em;left:4.9em;width:16em;height:1.6em;}
#georgesq2-title h1 {font-size:1.6em;line-height:1em;}
#georgesq2-intro {position:absolute;top:8em;left:4.9em;width:22em}
#georgesq2-prjimgnav {position:absolute;top:27.6em;left:28.8em;width:20em;}
#georgesq2-prjimg {position:absolute;top:4.8em;left:28em;width:64.8em;}
.georgesq2-prjimgsize {width:64.8em;}

/****************** dealpier *****************/
#dealpier1-title {position:absolute;top:5em;left:4.9em;width:16em;height:1.6em;}
#dealpier1-title h1 {font-size:1.6em;line-height:1em;}
#dealpier1-intro {position:absolute;top:8em;left:4.9em;width:22em;}
#dealpier1-prjimgnav {position:absolute;top:38.6em;left:28.8em;width:20em;}
#dealpier1-prjimg {position:absolute;top:5em;left:28.8em;width:64.8em;}
.dealpier1-prjimgsize {width:64.8em;}

/****************** kielder *****************/
#kielder1-title {position:absolute;top:30.2em;left:65.7em;width:20em;height:1.6em;}
#kielder1-title h1 {font-size:1.6em;line-height:1em;}
#kielder1-intro {position:absolute;top:33.2em;left:65.7em;width:28em;}
#kielder1-prjimgnav {position:absolute;top:29.6em;left:5em;width:20em;}
#kielder1-prjimg {position:absolute;top:5em;left:5em;width:88.7em;}
.kielder1-prjimgsize {width:88.7em;}
#kielder2-title {position:absolute;top:21.4em;left:65.7em;width:20em;height:1.6em;}
#kielder2-title h1 {font-size:1.6em;line-height:1em;}
#kielder2-intro {position:absolute;top:24.4em;left:65.7em;width:28em;}
#kielder2-prjimgnav {position:absolute;top:19.8em;left:5em;width:20em;}

/****************** seacroft *****************/
#seacroft1-title {position:absolute;top:22.9em;left:49.6em;width:22em;height:1.6em;}
#seacroft1-title h1 {font-size:1.6em;line-height:1em;}
#seacroft1-intro {position:absolute;top:25.9em;left:49.6em;width:45em;}
#seacroft1-prjimgnav {position:absolute;top:21.6em;left:5em;width:20em;}
#seacroft1-prjimg {position:absolute;top:5em;left:5em;width:88.7em;}
.seacroft1-prjimgsize {width:88.7em;}
#seacroft2-prjimgnav {position:absolute;top:31.4em;left:38.7em;width:20em;}
#seacroft3-prjimgnav {position:absolute;top:28.8em;left:38.7em;width:20em;}
#seacroft3-prjimg {position:absolute;top:8em;left:38.7em;width:54.9em;}
.seacroft3-prjimgsize {width:54.9em;}
#seacroft4-title {position:absolute;top:5em;left:13.4em;width:22em;height:1.6em;}
#seacroft4-title h1 {font-size:1.6em;line-height:1em;}
#seacroft4-intro {position:absolute;top:8em;left:13.4em;width:24em;}
#seacroft4-prjimgnav {position:absolute;top:42em;left:38.7em;width:20em;}
#seacroft4-prjimg {position:absolute;top:5em;left:38.7em;width:54.9em;}
.seacroft4-prjimgsize {width:54.9em;}

/****************** people *****************/
#people-title {position:absolute;top:5em;left:19.7em;width:16em;height:1.6em;}
#people-title h1 {font-size:1.6em;line-height:1em;}
#people-intro {position:absolute;top:8em;left:19.7em;width:23em;}
#aande {position:absolute;top:6em;left:14.1em;width:16em;font-size:1.4em;line-height:1em;height:1em;}
#client-intro {position:absolute;top:11em;left:19.7em;width:23.5em;}
#client2-intro {position:absolute;top:11em;left:43.7em;width:23.5em;}
#candr {position:absolute;top:6em;left:31.1em;width:16em;font-size:1.4em;line-height:1em;height:1em;}
#people-img {position:absolute;top:8em;left:43.7em;width:49.4em;}
.people-imgsize {width:49.4em;}

/****************** misc *****************/
#contact-intro address {font-style:normal;}
#fx-award-text {position:absolute;top:47.7em;left:82.7em;width:12em;z-index:1;}
#fx-award-img {position:absolute;top:47.8em;left:76.8em;width:5em;z-index:1;}
#fx-award-img2 {position:absolute;top:47.3em;left:76.8em;width:5em;z-index:1;}
.fx-imgsize {width:5em;}

#vanda-award-text {position:absolute;top:47.7em;left:81.7em;width:16em;z-index:1;}

#dw-award-img {position:absolute;top:47.9em;left:71.5em;width:9em;z-index:1;}
.dw-imgsize {width:9em;}

#riba-award-img {position:absolute;top:51.8em;left:71.5em;width:9em;z-index:1;}
.riba-imgsize {width:9em;}

#dad-award-img {position:absolute;top:55.6em;left:71.5em;width:9em;z-index:1;}
.dad-imgsize {width:9em;}

#cordyhouse-prjimgnav {position:absolute;top:40em;left:45.6em;width:20em;}
#vinecot-prjimgnav {position:absolute;top:41.4em;left:21.7em;width:20em;}
#contact-intro {position:absolute;top:8em;left:19.7em;width:16em;}
#contact-prjimg {position:absolute;top:5em;left:36.4em;width:37.2em;}

#index1-prjimg {position:absolute;top:5em;left:52.4em;width:47.2em;}
.index1-prjimgsize {width:47.2em;}

#resizer {position:absolute;top:58.2em;left:5em;width:4em;height:2em;}
#resizer a.changer {font-size:1.5em;color:#586169;}