/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
       background-color: #cad3de;
}

blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
}
h1, h2 {
	font-family: Georgia, Times, serif;
}

h2 {
	font-size: 1em;
	font-style: italic;
}
.small {
	font-size: 10px;
       line-height: 11px;
}
.small1 {
	font-size: 12px;
       line-height: 20px;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #000 solid;
}

a img {
	border: none;
       text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
}

h3 a {
	font: 1.5em Georgia, Times, serif;
}

#site-name a {
	border: none;
}

/* layout
----------------------------------------------- */

#container {
	margin: 5px auto;
	padding: 0 0 0 60px;
	width: 930px;
      background: transparent url('/images/rivet3.gif') repeat-y; 
}
#inner {
       margin: 0;
       padding: 0 60px 0 0;
      background: transparent url('/images/rivet3.gif') repeat-y top right;
}

.nav {
      float: right;
      margin: 0;
      padding: 0;
       width: 100%;
      background: transparent url('/images/navbackg.gif') no-repeat bottom;
       height: 50px;
}
.nav .first {
      margin-left: 100px;
}
.nav li {
      float: left;
      display: inline;
      background: transparent url('/images/navback_01.gif') no-repeat top left;
      padding: 0 0 0 9px;
      margin: 5px 0 0 0;
      font-size: 12px;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
}
.nav a {
      display: block;
      background: transparent url('/images/navback_02.gif') no-repeat top right;
      padding: 15px 10px 8px 0;
      margin: 0px;
      border: none;
      color: #666633;
}
.nav a.current:link {
      color: #cc9933;
}
.nav a.current:visited {
      color: #cc9933;
}
.nav a:visited {
      color: #666633;
}
.nav a:hover {
      color: #cc9966;
}
#content {
	margin: 0px;
	padding: 0 20px;
       background: #e2e2e1 url('/images/contentback.gif') repeat-y right;
       clear: both;
       width: 830px;
}
#head {
	text-align: left;
       background: #75a6a5 url('/images/title-back_02.gif') repeat-y;
       padding: 0;
       width: 750px;
}
.logo {
      float: left;
      padding: 18px 10px 0 22px;
}
#site-name {
       margin: 0;
       padding: 15px 0 0;
	font: 30px Georgia, Times, serif;
       background: transparent url('/images/title-back_01.gif') no-repeat top;
}
#site-name img {
       margin-left: 25px;
}
.slogan {
       background: transparent url('/images/title-back_04.gif') no-repeat bottom;
       padding: 4px 0 22px 35px;
       text-align: left;
       font-size: 13px;
       color: #ffffcc;
       margin: 0;
}
.hfeed { 
      margin: 0;
      padding: 15px 0;
}
#foot {
	margin-top: 5px;
	clear: both;
	text-align: left;
       padding: 20px 0 0 20px;
}
#foot p {
       padding: 0;
       margin: 0;
}
.frontimage {
       padding: 5px;
       background-color: #fff;
       margin-top: 15px;
        float: right;
       display: inline;
}
.frontimage2 {
       float: left;
       padding: 5px;
       background-color: #fff;
       margin-top: 15px;
}
.frontimage p, .frontimage2 p {
       margin: 5px;
}
.servicethumbs {
       float: left;
       margin: 10px;
       border: 5px solid white;
}
#slideshow {
       width: 410px;
       float: right;
}
#slideshow img {
      border: 5px solid #fff;
}
.nails {
       margin: 0;
       background-color: #ccc;
       padding: 10px;
       position: relative;
}
.nails li {
       list-style: none;
       padding: 0;
       margin: 10px;
}
.nails a {
       border: 1px solid #000;
       padding: 5px;
       display: block;
       margin: 0;
       width: 340px; /* must add width to make entire box a clickable link */
}
#thumbs {
       float: right;
       width: 330px;
       background-color: #ccc;
       margin: 15px 35px 0 0;
}
.title {
      font-weight: bold;
      font-size: 16px;
}
.steelbox {
       background: #e7e4e4 url('/images/diamondshapes.jpg') no-repeat left bottom;
       padding: 0;
       margin: 0 420px 0 0;
       border-bottom: 2px solid #99cc99;
       position: relative;
}

.inner {
       border-right: 2px solid #99cc99;
       border-left: 2px solid #99cc99;
       padding: 10px 5px 10px;
}
.steelbox h3 {
       background: url('/images/h3.gif') no-repeat;
       padding: 7px 0 0 60px;
       margin: 0;
       font-size: 14px;
       height: 34px;
}
.quote {
      background: #e7e2ed;
      padding: 5px;
      width: 150px;
      border: 2px solid #99cc99;
      text-align: center;
      float: left;
      margin-right: 10px;
}
.union {
      float: left;
      margin: 15px 10px 0 0;
}
#rightbar {
     width: 410px;
     float: right;
       border-top: 2px solid #99cc99;
       border-bottom: 2px solid #99cc99;
     margin-top: 10px;
       background: #e7e4e4 url('/images/diamondshapes.jpg') no-repeat right bottom;
}
#end {
      background: transparent url('/images/footer.gif') no-repeat bottom;
      height: 20px;
}
.right { 
     float: right;
     width: 210px; 
     font-size: 14px; 
     color: #cc9933;
     font-weight: bold;  
}
.clear {
      clear: both;
      height: 20px;
}