/*
  ----------------------------------------------------------
  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:		underlying grid definition
  author:			Mark Jackson
  ----------------------------------------------------------
  site:           	4RF Communications
  designer:       	Mark Jackson
  creation:   		12 August 2009
  last modified:   	5 February 2010
  scheme:			*****
  layout:			*****
  background:		*****
  font-family:		*****
  ----------------------------------------------------------
  takes the form   | pX | ngl | wX | ngr | sX |
  <div class="section aX bX">
  <div class="column wX pX sX ngl ngr">Content</div>
  </div>
  ----------------------------------------------------------
  1					Section (row)
  1					Section spacing
  1					Columns
  1					Gutters
  1					Prefix
  1					Suffix
  ----------------------------------------------------------
 */
div.section {
    width:960px;
    margin-left:10px;
    float:left;
}
/*
  ----------------------------------------------------------
  Special sections
  ----------------------------------------------------------
 */
div.section.customerMap {
	background:url(/img/customer-map-bg.png) no-repeat 0 70px;
}
div.section.secureArea {
	background:url(/img/secure-area-bg.png) no-repeat 0 30px;
}
div.section.officeLocation {
	background:url(/img/office-4rf-bg.jpg) no-repeat 0 0;
}
div.section.smart {
	background:url(/img/smart-bg.png) no-repeat 0 0;
}
div.section.panel4 {
	background:url(/img/panel-base4.png) no-repeat bottom left;
	}
div.section .column .panel3 {
	background:url(/img/panel-base3.png) no-repeat bottom left;
	}
/*
  ----------------------------------------------------------
  Section spacing (above and below)
  ----------------------------------------------------------
 */
.a1 {padding-top:1em;}
.a2 {padding-top:2em;}
.a3 {padding-top:3em;}
.a4 {padding-top:4em;}
.a5 {padding-top:5em;}
.a6 {padding-top:6em;}
.a7 {padding-top:7em;}
.a8 {padding-top:8em;}
.b1 {padding-bottom:1em;}
.b2 {padding-bottom:2em;}
.b3 {padding-bottom:3em;}
.b4 {padding-bottom:4em;}
.b5 {padding-bottom:5em;}
.b6 {padding-bottom:6em;}
.b7 {padding-bottom:7em;}
.b8 {padding-bottom:8em;}
/*
  ----------------------------------------------------------
  Columns
  ----------------------------------------------------------
 */
div.column {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    border-top:0px solid red;  
    border-bottom:0px solid blue;   
}
/*
  ----------------------------------------------------------
  Gutters - or how to remove them for first and last children
  ----------------------------------------------------------
 */
.nlg { margin-left:0 !important; }
.nrg { margin-right:0 !important; }
/*
  ----------------------------------------------------------
  Column widths
  ----------------------------------------------------------
 */
.nlg { margin-left:0 !important; }
.nrg { margin-right:0 !important; }
.w05 {width:30px;}
.w1 {width:60px;}
.w2 {width:140px;}
.w3 {width:220px;}
.w4 {width:300px;}
.w45 {width:340px;}
.w5 {width:380px;}
.w6 {width:460px;}
.w7 {width:540px;}
.w8 {width:620px;}
.w9 {width:700px;}
.w10 {width:780px;}
.w11 {width:860px;}
.w12 {width:940px;}
/*
  ----------------------------------------------------------
  Prefix (before) a column
  ----------------------------------------------------------
 */
.p1 {padding-left:80px;}
.p2 {padding-left:160px;}
.p3 {padding-left:240px;}
.p4 {padding-left:320px;}
.p5 {padding-left:400px;}
.p6 {padding-left:480px;}
.p7 {padding-left:560px;}
.p8 {padding-left:640px;}
.p9 {padding-left:720px;}
.p10 {padding-left:800px;}
.p11 {padding-left:880px;}
/*
  ----------------------------------------------------------
  Suffix (after) a column
  ----------------------------------------------------------
 */
.s3 {padding-right:240px;}
.s6 {padding-right:480px;}
.s9 {padding-right:720px;}
.s1 {padding-right:80px;}
.s2 {padding-right:160px;}
.s4 {padding-right:320px;}
.s5 {padding-right:400px;}
.s7 {padding-right:560px;}
.s8 {padding-right:640px;}
.s10 {padding-right:800px;}
.s11 {padding-right:880px;}