div.container { width: 990px; }

body		{ margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;
			  background: url(../images/bkg.gif) repeat-y top left #0AB6F2; }

a.button,
button		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

h1, h2		{ font-family: Arial, Helvetica, sans-serif; clear: both;
			  font-size: 4em; background-color: #000000; color: #F7F706; line-height: 50px;
			  font-weight: bold; padding: 6px 15px 10px 15px; margin-bottom: 15px; }
			  
h3, h4,
h5, h6 		{ font-family: Arial, Helvetica, sans-serif;
			  font-size: 1.4em; line-height: 30px; clear: both; letter-spacing: -1px; }
			  
.domestic-heading { background: none; margin-left: 580px; width: 150px; padding: 0; color: #F7F706; }

p			{ font-size: 1.4em; line-height: 18px; margin-bottom: 15px; }

a.button	   { background: #F7F706; color: #000000; padding: 0px 8px 0px 0px; height: 23px; font-weight: normal; }
a.button:hover { color: #000000; }
a.button:active { background: #F7F706; color: #000000; }
a.button img { width: 32px; height: 23px; vertical-align: text-bottom; }

div#commercial-header { background: url(../images/commercial-header.jpg) no-repeat; }
div#industrial-header { background: url(../images/industrial-header.jpg) no-repeat; }
div#domestic-header { background: url(../images/domestic-header.jpg) no-repeat; }

div.box { background: #000000; color: #F7F706; padding: 15px; margin-bottom: 15px; }

ul#features { list-style: none; margin: 0; padding: 0; font-size: 1.4em; }
ul#features li { float: left; width: 170px; margin-bottom: 7px; background: url(../images/tick.gif) no-repeat 0px 3px; padding-left: 17px; }

p.quote { background: url(../images/quote.gif) no-repeat bottom center #000000; color: #0AB6F2; margin-top: 30px; width: 130px; padding: 15px 15px 31px 15px; font-style: italic; }

p.starMe { background: url(../images/star.gif) no-repeat 0px 1px; padding-left: 17px; }

/* NAVIGATION ------------- */

ul#navigation { list-style: none; margin: 0; padding: 0; }
ul#navigation li { float: left; margin-right: 15px; }
ul#navigation li a { display: block; width: 150px; background: #000000; color: #F7F706; margin-bottom: 45px;
					 text-decoration: none; font-size: 2em; padding: 0px 15px 10px 15px; }
ul#navigation li a img { margin-top: 15px; }
ul#navigation li.last { margin-right: 0px; }

ul#navigation li a.deselect { background: none; color: #000000; }

/* LAYOUT ----------------- */

.span-1,
.span-2,
.span-3,
.span-4 { margin-left: 15px; float: left; }

.span-1 { width: 180px; }
.span-2 { width: 375px; }
.span-3 { width: 570px; }
.span-4 { width: 765px; }

div#sidebar { width: 195px; float: left; background: url(../images/logo.gif) no-repeat 0px 210px; }

div.space1 { height: 15px; }
div.space2 { height: 135px; clear: both; }
div.space3 { height: 195px; clear: both; }
div.space4 { height: 45px; clear: both; }
div.space5 { height: 67px; clear: both; }

