* { margin: 0; padding: 0 }
img { border: none }
body { background: #676660; text-align: center; color: #999894; font: 9pt Arial, Helvetica, sans-serif; padding: 30px 10px 50px; }


#home-wrap { background: #FFF url(columns-bg.jpg) no-repeat center; width: 760px; height: 550px; margin: 0 auto; text-align: left; }
#home { position: absolute; width: 760px; height: 550px; }
#home #logo { position: absolute; left: 25px; bottom: 25px; }
#home #nav-wrap { position: absolute; left: 200px; top: 0; height: 550px; border-left: 1px solid #A5B4B3; }
#home #nav { padding: 20px 0; background: #A5B4B3 }
#home #nav a { padding: 7px 20px; text-transform: uppercase; text-decoration: none; color: #FFF; display: block; white-space: nowrap; }
#home #nav a:hover { background: #C0CBCA;  }
#home #address { position: absolute; left: 225px; bottom: 23px; color: #FFF; font-weight: bold; }

#box-wrap { width: 760px; margin: 0 auto; text-align: left; }
#box { position: absolute; float: left; background: #FFF url(wrap-bg.gif) no-repeat bottom center; width: 760px; padding-bottom: 50px;  }
#box h2 { color: #22B4BE; font-weight: normal; padding-bottom: 10px; line-height: 130%; font-size: 12pt; }
#box h2 strong { display: block; font-weight: normal; color: #8A9897; }
#box h2 em { color: #8A9897; padding-left: 10px; font-style: normal; }
#box h2 small { font-size: 8pt; }    
#head { padding: 5px 20px; position: absolute; left: 0; top: 0; width: 720px; height: 130px; background: url(head-bg.jpg) no-repeat top left; }
#head a { float: left; padding: 3px 17px 4px 17px; background: url(nav-off.gif) no-repeat center left; text-transform: uppercase; color: #FFF; text-decoration: none; font-weight: bold; }
#head a.right { float: right; padding-right: 0; }
#head a.sel, #head a:hover { background-image: url(nav-on.gif); }
#head a.sel { cursor: default; }

#box #logo { position: absolute; left: 20px; top: 69px; z-index: 99 }

#heading { position: absolute; top: 97px; left: 150px; z-index: 99; color: #FFF; }
#heading h1 { font-size: 21pt; font-weight: normal; }
#heading img { border: 3px solid #FFF; margin-top: 6px; }

#content { float: left; margin: 205px 0 0 150px; width: 360px; min-height: 300px; overflow: visible; line-height: 140%; }
* html #content { margin-left: 75px; }
#content p, #content ul { padding-bottom: 15px; }
#content li { margin-left: 20px; }
#content a { color: #22B4BE; }
#content a:hover { color: #C0CBCA; }

#side { float: right; margin-top: 205px; width: 180px; padding: 0 20px; height: 300px; border-left: 1px dotted #C0CBCA; overflow: visible; }
#side a { display: block; width: 162px; background: url(arrow.gif) no-repeat 0px 4px; padding: 3px 0 4px 18px; margin-bottom: 3px; color: #8A9897; text-decoration: none; }
#side a.sel, #side a:hover { background-image: url(arrow-on.gif); color: #22B4BE; }


#logo { opacity: 0%; }
#nav-wrap { display: none; }
#address { display: none; white-space: nowrap; }
#content { display: none; }
#side { display: none; }