/*
  ----------------------------------------------------------
  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
  1                 Headings
  1					Paragraphs
  1					Footer
  1                 Legal
  ----------------------------------------------------------
  Headings
  ----------------------------------------------------------
 */
h1 {
/* image replacement */     
}
h1 a {
    background:url(/img/logo-nps.png) no-repeat;
    display:block;
    text-indent:-9999px;
    width:152px;
    height:72px;
    position:absolute;
    top:35px;
    left:10px;
    z-index:7;
}
h2 {
    font-size:2.7em;
    color:#fc0;
    letter-spacing: 0.01em;
    font-weight: bold;
}
h3 {
    font-size:2em;
    color:#fc0;
        letter-spacing: 0.01em;
    font-weight: bold;
}
div.column p {
	margin:0 0 1.5em 0;
    clear:both;
    font-size:1.7em;
    line-height:1.5;
    color:#fff;
}
div.column p a:link,
div.column h3 a:link {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;   
}
div.column p a:visited,
div.column h3 a:visited {
    color:#707070;
    text-decoration:none;
    border-bottom:1px dotted #999; 
}
div.column p a:hover,
div.column h3 a:hover {
    color:#fc0;
    text-decoration:none;
    border:none;  
}
div.column blockquote {
	margin:0;
    background:url(/img/background-testimonial.png) no-repeat 0 10px;
}
div.column blockquote p {
	color:#fc0;
	font-family:Georgia, Times, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	margin:0;
	padding:25px 60px 0 60px;
}
div.column blockquote cite {
display:block;
	font-style:normal;
	font-size:1.3em;
	padding:5px 60px 25px 60px;
	color:#fff;
}
div.column address {
	font-style:normal;
	margin:0;
}
div.column address p {
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1.5;
}
/*
  ----------------------------------------------------------
  Quotation form
  ----------------------------------------------------------
 */
.quote {
	border:0px solid #ccc;
}
.quote input.text {
	font-family:Helvetica, sans-serif;
  	font-weight:bold;
  	color:#fff;
}
.quote input:focus, .quote textarea:focus, .quote text:focus {
	background-color: #ffe274;
	color:#424459;
}
.quote label { 
	color:#fff;
	position:relative;
	display:block;
	margin:25px 0 5px 0;
	font-size:1.7em;
}
.quote label span,
.quote p span { 
	color:#fc0;
}
.quote .inputbox {
  	background-color: transparent;
	height:25px;
	color:#fff;
	font-family:Helvetica;
	font-size:1.5em;
	display:block;
	width:300px;
	padding:8px 3px 2px 5px;
	margin:2px 0 10px 0px;
	border:2px solid #707070;
}
.quote textarea {
  	background-color: transparent;
	color:#fff;
	font-family:Helvetica;
	font-size:1.5em;
	display: block;
	height:120px;
	width:445px;
	padding:4px 3px 2px 5px;
	margin:2px 0 10px 0px;
	border:2px solid #707070;
}
.quote .submit {	
	margin:20px 0;
	padding:0;
	height:36px;
	display:block;
	color:#fff;
	font-family:Helvetica;
	font-size:1.5em;
	}
/*
  ----------------------------------------------------------
  Goods and services
  ----------------------------------------------------------
 */	
ul.services {
	display:block;
	padding:20px 0 0 0px;
	border:0px solid red; 
}
ul.services li {
	border:0px solid red;
	letter-spacing: 0.01;
    font-size:1.5em;
    padding:10px 0 10px 23px;
    color:#fff; 
    background:url(/img/icon-star.png) no-repeat 0 50%;
}
/*
  ----------------------------------------------------------
  Customers
  ----------------------------------------------------------
 */
ul.customers {
	display:block;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #707070;
}
ul.customers li {
    font-size:1.3em;
    color:#fff;
	padding:4px 0;
	line-height: 1.5;
    text-transform:uppercase;
    letter-spacing:0.1em;   
}
ul.customers li a:link {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;
    padding-bottom:2px;
}
ul.customers li a:visited {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;    
}
ul.customers li a:hover {
    color:#fc0;
    text-decoration:none;
    border:none;
}
/*
  ----------------------------------------------------------
  Footer - credits
  ----------------------------------------------------------
 */
div.footer-wrap ul#credits {
    position:absolute;
    top:10px;
    left:0;   
}
div.footer-wrap ul#credits li {
    font-size:1.1em;
    color:#fff;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:0.1em;   
}
div.footer-wrap ul#credits li a:link {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;
    padding-bottom:2px;
}
div.footer-wrap ul#credits li a:visited {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;    
}
div.footer-wrap ul#credits li a:hover {
    color:#fc0;
    text-decoration:none;
    border:none;
}
/*
  ----------------------------------------------------------
  Footer - address
  ----------------------------------------------------------
 */
div.footer-wrap ul#address {
    text-align:right;
    position:absolute;
    top:10px;
    right:0;
}
div.footer-wrap ul#address li {
    color:#fff;
    font-size:1.1em;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:0.1em;   
}
div.footer-wrap ul#address li a:link {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999;   
}
div.footer-wrap ul#address li a:visited {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #999; 
}
div.footer-wrap ul#address li a:hover {
    color:#fc0;
    text-decoration:none;
    border:none;  
}
/*
  ----------------------------------------------------------
  Buttons
  ----------------------------------------------------------
 */
h6.button {
    border: 0;
    padding:0;
    line-height:0%;
    height:36px;
    width:206px;
    text-indent:-3000px;
}
h6#getquote a {
    display:block;
    position: absolute;
	top:315px;
	left:10px;
    height:36px;
    width:206px;
    overflow:hidden;
    background:url(/img/btn-get-quote.png) no-repeat top;
    text-decoration:none;
}
h6#getquote a:hover {
    overflow:hidden;
    display:block;
    background:url(/img/btn-get-quote.png) no-repeat bottom;
}
/*
  ----------------------------------------------------------
  Buttons
  ----------------------------------------------------------
 */
div.help ul {
    font-size:1.7em;
	display:block;
	padding:0 0 10px 40px;
}
div.help ul li {
    color:#fff;
	line-height:1.5; 
	padding:10px 0 10px 23px;
    background:url(/img/icon-star.png) no-repeat 0 50%  
}