/*
  ----------------------------------------------------------
  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 schemes
  author:			Mark Jackson
  ----------------------------------------------------------
  site:           	4RF Communications
  designer:       	Mark Jackson
  creation:   		13 August 2009
  last modified:   	5 February 2010
  scheme:			*****
  layout:			*****
  background:		*****
  font-family:		*****
  ----------------------------------------------------------
  Index of layout sections
  1      Core
  2      Development grid
  3      Structure
  4      Header
  5      Banner (home page)
  ----------------------------------------------------------
  Core                                                                1
  ----------------------------------------------------------
 */
html {
    background:#27343c;
    color:#333;
    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:#27343c url(/img/body-top-bg.gif) top left repeat-x;
    color: #333;
}
/*
  ----------------------------------------------------------
  Development grids                                            2
  ----------------------------------------------------------
 */
div.grid1 {
    background:url(/dev/grid_980_12_ruled.gif);
    position:absolute;
    top:0;
    left:0;
    width:980px;
    height:100%;
    z-index:0;
/* display:none; */     
}
/*
  ----------------------------------------------------------
  Structure                                                         3
  ----------------------------------------------------------
 */
div.page-wrap {
    margin:0 auto;
    width:980px;
    background:#27343c;
    z-index:3;
    overflow: visible; 
}
/*
  ----------------------------------------------------------
  Header                                                             4
  ----------------------------------------------------------
 */
div#header {
    background:#27343c url(/img/header-top-bg.gif) no-repeat;
    width:980px;
    height:150px;
    position:relative;
    top:0;
    left:0;
}
#home div#header {
    background:#27343c url(/img/header-top-bg.gif) no-repeat;
    width:980px;
    height:100px;
    position:relative;
    top:0;
    left:0;
}
/*
  ----------------------------------------------------------
  Banner                                                            5
  ----------------------------------------------------------
 */
#home div#banner {
    background:url(/img/home-banner.jpg) no-repeat;
    width:980px;
    height:320px;
    position:relative;
    top:0;
    left:0;
}
#home div#banner div#cta-1{
    width:91px;
    height:21px;
    position:absolute;
    top:236px;
    left:280px;
}
#home div#banner div#cta-2 {
    width:91px;
    height:21px;
    position:absolute;
    top:178px;
    right:270px;
}
/*
  ----------------------------------------------------------
  Search
  ----------------------------------------------------------
 */
#search {
	display:none;
    position:absolute;
    top:13px;
    width:263px;
    right:10px;
}
/*
  ----------------------------------------------------------
  Account greeting
  ----------------------------------------------------------
 */
#account {
    position:absolute;
    top:10px;
    width:400px;
    height:30px;
    right:0px;
    border:0px solid white;
    background:url(/img/account-shadow.png) no-repeat bottom right;
}
/*
  ----------------------------------------------------------
  Content
  ----------------------------------------------------------
 */
div.content {
    width:980px;
    background:#fff;
}
/*
  ----------------------------------------------------------
  Footer
  ----------------------------------------------------------
 */
div.footer-wrap {
	border-top:10px solid #d3d6d7;
    width:980px;
    background:#edeeef;
}
/*
  ----------------------------------------------------------
  Legal
  ----------------------------------------------------------
 */
div.legal-wrap {
    width:980px;
    height:90px;
    min-height:90px;
    clear:both;
    background:url(/img/footer-bg.gif) no-repeat top;
}
/*
  ----------------------------------------------------------
  Localisation for the library
  ----------------------------------------------------------
 */
#localisation {
    position:absolute;
    top:15px;
    width:400px;
    height:30px;
    right:10px;
    padding:0;
    margin:0;
    border:0px solid black;
}