/* a1 roofing style sheet */

body {
  font-family:arial, verdana, sans-serif;
  font-size:small;
  color:#ffffff;
  background-color:#919191;
  text-align:center;}

#page {
  width:750px;
  background-color:#313131;
  text-align:left;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;}

#header {
  width:500px;
  background-color:#484848;
  border-right:1px solid #919191;}

#header .head {padding:15px 0px 4px 20px;}

h1, h2, h3, h4 {font-weight:normal; line-height:1.4;}

#contact {
  float:right;
  width:220px;
  text-align:left;
  font-size:11px;
  margin:10px 0px 10px 0px;
  line-height:18px;}

html>body #contact {
  width:240px;}

a {
  color:#ffffff;
  text-decoration:none;}

a.on {color:#6699cc;}

a.external {color:#6699cc;}

a:hover{
  color:#6699cc;
  text-decoration:underline;}

#navigation {
  padding:10px 10px 10px 20px;
  font-size:12px;}

.why {background-color:#ffffff;}
.why p.why {padding:0px 20px 0px 20px;}
.why h3 {margin:10px 0px 10px 20px;}

.mainpage, .project{
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  background-color:#919191;}

#about, .about, .about2,  .about3, .about4, .about5, .about6 {
  width:249px;
  float:right;
  background-color:#ffffff;
  font-size:12px;
  color:#313131;}

#about .text, .about .text, .about2 .text, .about3 .text, .about4 .text, .about5 .text, .about6 .text {
  margin:15px 30px 15px 10px;}


#about {height:260px;}
.about {height:186px;}
.about2 {height:159px;}
.about3 {height:177px;}
.about4 {height:163px;}
.about5 {
  height:420px; 
  background-color:#484848;
  z-index:-15;
  color:#ffffff;}
.about6 {
  height:253px; 
  background-color:#484848;
  z-index:-15;
  color:#ffffff;}


.showpiece {
  padding:none;
  width:500px;
  height:260px;
  float:left;}

.mainpage .text {
	width:250px;
	height:260px;
	float:right;
	color:#333333;
	background-color:#efefef;}

.mainpage .text h1 {
	margin:10px;}

.description {
  padding: 5px 5px 5px 5px;
  font-size:12px;}

.home_description {
	color:#d6d6d6;
	padding:10px;
	clear:both;}
.home_description h2, .home_description h3 {
	color:#ffffff;}

.home_description h3 {
	padding-top:20px;
	border-top:1px solid #242424;}


#bottominfo {
  clear:top;
  z-index:30;
  font-size:12px; 
  line-height:18px;
  background-color:#313131;
  padding:18px 10px 0px 20px;
  border-top:1px solid #242424;}

td {font-size:12px;}

#quote {
  width:249px;
  float:right;
  font-size:12px;
  padding:0px 20px 45px 10px;}

table.samples td {
  color:#313131;
  font-weight:bold;}

table.privacy td {
  color:#313131;}


.credit {
  width:750px;
  background-color:#919191;
  text-align:left;
  padding:5px 0px 0px 0px;
  font-size:11px;
  margin-left:auto;
  margin-right:auto;}

.credit img {border:1px solid #333;}

.credit a:hover {
  color:#003366;}

li {margin:5px 0px 5px 0px;}
.why img {margin: 20x 0px 10px 20px;}

img.sample {margin:10px 0px 10px 10px;}

a.maillink {color:#313131;}