/* Base layout
======================================================================= */
html { height: 100%; }
body { height: 100%; color: #333333; background-color: #ffffff; }

a:link    { color: #0066cc; text-decoration: underline; }
a:visited { text-decoration: none; }
a:hover   { color: #0066cc; text-decoration: underline; }

/* div#wrapper
----------------------------------------------------------------------- */
body#home  div#wrapper { background: #85db25 url(../img/bg_home.png) center top repeat-x; text-align: center; }
body#pages div#wrapper { height: 100%; min-height: 550px; background: #7ed6ff url(../img/bg.png) left 10% repeat-x; text-align: center; }

/* div#container
----------------------------------------------------------------------- */
div#container { margin: -275px 0 0 -480px; position: absolute; top: 50%; left: 50%; width: 960px; height: 505px; background: #ffffff url(../img/bg_content.png) left bottom no-repeat; text-align: left; }

/* div#header
----------------------------------------------------------------------- */
div#header { height: 110px; }
div#header h1 { position: absolute; top: 0; right: 0; }
div#header div.logo { position: absolute; top: 6px; left: 20px; }
div#header div.btop { position: absolute; top: 8px; right: 7px; }

/* div#content
----------------------------------------------------------------------- */
body#pages div#content { margin: 0 120px; }

/* ul#pager
----------------------------------------------------------------------- */
ul#pager { list-style: none; }
ul#pager li.next { position: absolute; top: 255px; right: 2px; }
ul#pager li.prev { position: absolute; top: 255px; left: 2px; }

/* div#footer
----------------------------------------------------------------------- */
body#pages div#footer { margin-top: -45px; }