html, body{ height: 100%; margin:0; padding:0; }
body{  font: 76% arial,sans-serif; text-align:center; margin: 0; padding: 160px 0 0 0; color:#607877; background-color:#CEDBD0; }
form { margin:0; padding:0; }

div.clearer { clear:both; }
div#header { background: transparent url(../images/frame-Cap.png) no-repeat bottom left; padding: 0 0 42px 0; position:relative; }
div#container { width:940px; margin:0 auto; text-align:left; z-index:1; position:relative; }
div#content { color: #607877; background: transparent url(../images/frame-Bg.png) no-repeat bottom left; }
div#footer { padding:0 0 20px 0;}
div#left { float:left; clear:both; width:408px; padding: 0 40px 45px 42px; margin:0; }
div#right { float:right; clear:right; width:408px; margin:0; padding:80px 42px 45px 0; }

div#extra { background-color:#607877; position: relative; min-height:60px; width:100%; left:0; margin: -50px 0 0 0; padding: 0 0 0 0; z-index:0; }
div#extra div.wrapper { margin:0 auto; position:relative; color:#FFF; width:856px; text-align:left; padding: 120px 0 20px 0; z-index:0; }
div#extra div.short { padding: 60px 0 20px 0; }
div#extra span.edge { height:28px; width:100%; display:block; position:absolute; top:-28px; left:0; background: transparent url(../images/edge.png) repeat-x 0 0; }

ul#navigation { list-style:none; height:38px; margin:0 20px 0 0; padding:0; position:absolute; top:-38px; right:0; display:block; }
ul#navigation li { background-color: Fuchsia; cursor:pointer; position:relative; z-index:0; float:right; height:38px; margin: 0 0 0 -30px; padding: 0 0 0 50px; background: transparent url(../images/navOff-Cap.png) no-repeat top left; }
ul#navigation li a { font-size:1.2em; color:#5F7877; text-decoration:none; background: transparent url(../images/navOff-Bg.png) no-repeat top right; height:26px; display:block; float:left; padding: 12px 20px 0 0;}
body#home li#home, body#who li#who, body#what li#what, body#work li#work, body#contact li#contact, ul#navigation li:hover { z-index:1; background: transparent url(../images/navOn-Cap.png) no-repeat top left; }
body#home li#home a, body#who li#who a, body#what li#what a, body#work li#work a, body#contact li#contact a, ul#navigation li:hover a { background: transparent url(../images/navOn-Bg.png) no-repeat top right; }

#logo { position:absolute; top:-106px; left:40px; margin:0; padding:0;  }