
/*Thames Shiprepair service css */

 body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #669999;
}

.frame {
  width: 760px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  border: 7px solid #AAAAAA;
  background-color: #38688F;
}

.header {
  color: #000099;
  height: 120px;
  background-color: #FFFFFF;
  background-image: url(site_images/logo.gif);
  background-position: left;
  background-repeat: no-repeat;
}


 /* Strapline or established/welcome */
 h1 {
   font-size: 15pt;
   color: #999999;
   font-style: italic;
}

/*page headers */
h2 {
  font-size: medium;
  color: #669999;
}

/*links from services */

h3 {
  font-size: small;
  font-variant: small-caps;
  color: #000000;

}


h5 {
  font-size: large;
  color: #000000;
}


.navigation {
 text-align: center;
 background: #000000;
 padding: 10px;
 margin: 5px;
 color: #FFFFFF;
 border: 5px solid #BABABA;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
  font-size: 14px;
  font-variant: small-caps;
  line-height: 2;
  color: #FFFFFF;
  text-decoration: none;
}

.navigation a:hover {
  text-decoration: underline;
}


.main {
  float: left;
  width: 515px;
  background: #FFFFFF;
  border: 1px solid #BABABA;
  padding: 10px;
  margin:5px;

}
 .main a:link, .main a:visited, a:active{
  color: #990000;
  text-decoration: none;
  }

  .main a:hover {
  text-decoration: underline;
  }

 .leftcontent {
  float: left;
  width: 160px;
  background: #FFFFFF;
  border: 1px solid #BABABA;
  padding: 20px;
  margin: 5px;
}

.leftcontent p {
  font-size: 12px;
}

/*health & Safety popup */
.health {
  width: auto;
  text-align: left;
  background-color: #FFFFFF;
  padding: 15px;
}

/*end health & safety popup */

/*previous work*/
#previous {
margin-left: 18px;
padding: 10px;
}

/* begin contact form */
#contact {
  width:700px;
  height: auto;
  background-color:#CCCCFF;
  border: 1px solid #BABABA;
  margin: 0 0 5px 10px;
  padding: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

form {
  text-align: left;
}

input.txt {
   color: #666666   background-color: #FFFFFF; border: 1px inset #333333;
   width: 240px;
   margin-bottom: 2px;
}

input.btn {
   color: #FFFFFF;
   background-color: #000000;
   border: 1px outset #000000;
   margin-top: 10px;
}

form label {
	float: left;
	width: 40%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}

form textarea {
   width: 240px;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px inset #666666;
}

fieldset {
   border: 1px solid #666666;
   margin-top: 15px;
   margin-left: 5px;
   padding: 10px;
}

legend {
   font: Verdana;
   color: #000000;
   padding-top: 10px;
   padding-bottom: 10px;
}
/* end contact form */

 .footer {
  clear: both;
  height: 70px;
  background-color: #000000;
  padding-top: 2px;
  text-align: center;
  font-size: small;
  color: #FFFFFF;

}

.footer a:link, .footer a:visited, .footer a:active{
  font-variant: small-caps;
  color: #FFFFFF;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}


/* IE6 Hack hides from IE-Mac */
* html .main {
  float: right;
  width: 510px;
  background: #FFFFFF;
  border: 1px solid #802D97;
  padding: 5px;
  margin:5px;
}
/* End of IE6 Hack hides from IE-Mac */