﻿/* CSS for Richard Lawrence web site */


body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #f5fdc8; /*BACKGROUND COLOUR OF WEBSITE */
  line-height: 125%;
  padding: 0px;
  margin-left: 50px;
  margin-right: 50px;
  color: green;
}

  line-height: 125%;
  padding: 0px;
  margin-left: 50px;
  margin-right: 50px;
  color: green;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  }

h1 {
  font-size: large;
  background-color: #FFC77F;
  color:  gray;
  padding-top: 1em;
  padding-bottom: .7em;
  padding-left: .4em; 
  margin: 5px 0 0 0;
  }


h2 {
  color: green;
  font-size: 130%;
  font-weight: normal;
  padding-top: 15px;
}

li {
  font-size: small;
  padding: 5px;
  margin: 5px 0 0 20px;
  line-height: 90%;

}

p {
  font-size: small;
  padding: 5px;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  background-color: #bed8f3;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
  background: #bed8c3 url(backgrounds/tagline-fade1.jpg) repeat-y right bottom;
}

em {
    text-transform: uppercase;
}

img {
  border: 0;
  }

/* float home page picture right */

.feature {
  float: right;
  margin: 0 10px 0 0;
}

#address li {
  padding: 0;
  list-style-type: none;
  }

/* CSS FOR NAVIGATION TABS */


#content {
      border: 1px solid /*#555555*/ gray; 
	border-top: none; 
	padding: 10px 5px 6px 5px;
      }

#content h2 {
	font-size: 1.2em;
	color: #711515;
	background-color: transparent;
}

ul#tabnav {
	list-style-type: none;
	margin: 0;
      padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #711515;
	font: bold 11px verdana, arial, sans-serif;
}

ul#tabnav li {
	float: left;
	height: 11px;
	background-color: #B51032; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}

ul#tabnav li.home {
	float: left;
	height: 11px;
	background-color: #E51032; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}
ul#tabnav li.dpcp {
	float: left;
	height: 11px;
	background-color: #CC0033; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}
ul#tabnav li.sandblasting {
	float: left;
	height: 11px;
	background-color: #CC0099; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}
ul#tabnav li.contact {
	float: left;
	height: 11px;
	background-color: #9900CC; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}

ul#tabnav li.links {
	float: left;
	height: 11px;
	background-color: #0033CC; /* Tab colours */
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #711515;
}

ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
      margin: 0px;
	padding: 0px;
}

ul#tabnav a:hover {
	background-color: #F4869C;
     	color: #FFFFFF;
}

body#home li.home, body#dpcp li.dpcp, body#sandblasting li.sandblasting, body#contact li.contact, body#links li.links {
	border-bottom: 1px solid #fff;
	color: #000000;
	background-color: /*#FFFFFF*/ #f5fdc8;
}

body#home li.home a:link, body#home li.home a:visited,
body#dpcp li.dpcp a:link, body#dpcp li.dpcp a:visited,
body#sandblasting li.sandblasting a:link, body#sandblasting li.sandblasting a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#links li.links a:link, body#links li.links a:visited {
	color: #999999;
	background-color:  #f5fdc8;
}
/* FORMS CSS */

table#contact {
    color:green;
	width: 350px;
	border: thin #008000 solid;
	border-collapse: collapse;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
/*
label {
  color: green;
  padding: 6px;
  }
*/
table#contact tr {
  padding: 0px;
  }


table#contact td {
  color: green;
  padding: 6px;
	}
 
table#contact td {
	border-bottom: 1px solid green;
	width: 50px;
}

table#contact form {
  margin: 0;
  padding: 0;
}

table#contact legend { 
  font: normal normal bold 12px Sans-Serif;
  color: green;
  margin: 0; 
  padding: 5px; 
  border-style:solid; 
  border-width:1px; 
  border-color: green; 
  } 

table#contact select {
width: 175px;
	color: green
}



table#contact input {
color:green;
	width: 350px;
}

table#contact #submit input {
/*	width: 52px;*/
	}
 
table#contact #submit {
	text-align: right;
	color: green;
} 

table#contact #message {
color: #008000
}

/* END OF FORMS CSS */
