/*
  ----------------------------------------------------------
  Hello.
  You're doing the right thing to learn more about CSS and
  xHTML - looking.
  That's the way I'm learning, and it's one of the best.
  But please don't copy wholesale.
  So, look: don't copy !
  ----------------------------------------------------------
  Copyright (c) 2000-2010
  The Rubycon Copyright (c) 2010
  http://www.therubycon.com/
  ----------------------------------------------------------
  defintion:		layout
  author:			Mark Jackson
  ----------------------------------------------------------
  site:           	Newton Projection Service
  designer:       	Mark Jackson
  creation:   		11 February 2010
  last modified:   	15 February 2010
  scheme:			*****
  layout:			columns
  background:		#333
  font-family:		Sans serif
  ----------------------------------------------------------
  Index of layout sections
  1      Core
  2      Development grid
  3      Structure
  4      Header
  5      Banner (home page)
  ----------------------------------------------------------
  1 Core
  ----------------------------------------------------------
 */
html {
    background:#333;
    color:#fff;
    font-size:62.5%;
    font-family:"Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, sans-serif;
    text-align:center;
    line-height:1.0;
}
body {
    text-align:left;
    background:#333;
    color: #fff;
}
/*
  ----------------------------------------------------------
  2 Development grids
  ----------------------------------------------------------
 */
div.grid {
    background:url(/img/grid_980_12_ruled.gif);
    position:absolute;
    top:0;
    left:0;
    width:960px;
    height:100%;
    z-index:0;
/* display:none; */
}
/*
  ----------------------------------------------------------
  3 Structure
  ----------------------------------------------------------
 */
#home div.page-wrap {
    margin:0 auto;
    padding-top:380px;
    width:960px;
    background:#333 url(/img/background-home.jpg) no-repeat;
    z-index:3;
    overflow:visible;
    border:0px solid red;
}
#contact div.page-wrap,
#about div.page-wrap {
    margin:0 auto;
    padding-top:200px;
    width:960px;
    background:#333 url(/img/background-contact.jpg) no-repeat;
    z-index:3;
    overflow:visible;
    border:0px solid white;
}
#thanks div.page-wrap,
#help div.page-wrap {
    margin:0 auto;
    padding-top:200px;
    width:960px;
    background:#333 url(/img/background-thanks.jpg) no-repeat;
    z-index:3;
    overflow:visible;
    border:0px solid white;
}
/*
  ----------------------------------------------------------
  7 Content
  ----------------------------------------------------------
 */
#home div.content {
    border-top:3px solid #707070;
    padding:20px 0;
    width:960px;
    background:transparent;
}
div.content {
    padding:0 0 20px 0;
    width:960px;
    background:transparent;
}
/*
  ----------------------------------------------------------
  8 Footer
  ----------------------------------------------------------
 */
div.footer-wrap {
    border-top:3px solid #707070;
    width:960px;
    height:90px;
    min-height:90px;
    clear:both;
    background:transparent;
}