/* TLC Boat Repairs - CSS by Jonathan Patchett - Tastic Multimedia */

/* Set up */

html, body, input, td {font-family:verdana,sans-serif;letter-spacing:-1px;background:url(/assets/images/background_fade.png) repeat-x 0 0 #C1CBE6 fixed;}
body {font-size:86.01%;}

/* Layout and Graphics */

body {margin:0;padding:0 0 40px 0;min-height:400px;position:relative;}

.link-detail {display:none;}

#intro {position:relative;padding-top:40px;z-index:3;}
    #intro h1  {position:relative;height:90px;margin:0 16px 0 18px;}
        #intro h1 a {text-decoration:none;height:100%;padding:0px;position:absolute;top:0;left:0;width:100%;}
        h1 span {visibility: hidden;}
    #intro .intro-text {z-index:0;position:absolute;top:30px;left:0;width:100%;height:220px;z-index:-1;text-indent:-10000px;}
    
    #intro .first-paragraph {position:absolute;height:46px;top:-12px;width:701px;padding:27px 10px 0px 25px;font-size:10px;}

    #quote  {position:absolute;bottom:-5px;right:20px;width:117px;height:32px;z-index:100;
                    background:url(/assets/images/get_quote.png) no-repeat;}
      #quote span {display:none;}

#content,
#contact-details,
#legal {padding:10px;margin:0px 16px 0 18px;}


#legal {display:none;}


.content {z-index:25;position:absolute;top:0;left:0;max-width:650px;padding:20px;margin-left:500px;margin-right:20px;padding-bottom:40px;}
#full-content {margin-bottom:1500px;min-height:450px;top:1500px;}
  #content-underlay {background:url(/assets/images/footer.jpg) no-repeat -19px 100% white;}
  #content-underlay,
  .content-underlay {z-index:-1;border:solid 1px #ccc;background:url(/assets/images/greenish.png) no-repeat 0 0 white;opacity:0.4;position:absolute;top:0;left:0;width:100%;height:100%;}
  h2#g {background:url(/assets/images/header.png) no-repeat;height:99px;z-index:801;position:fixed;top:-10px;left:0;width:700px;}
      h2#g span {visibility:hidden;}
#main-navigation {position:fixed;top:100px;left:10px;z-index:1000;}
#child-navigation {position:fixed;top:140px;z-index:1000;font-size:0.8em;left:170px}
    .navigation {padding:0;margin:0;}
        .navigation li {list-style-type:none;margin:0;padding:4px 5px 4px 5px;text-align:left;margin:3px 0;}
            .navigation li a {background:url(/assets/images/menuli.png) no-repeat 5px 5px;white-space:nowrap;background-color:#000044;opacity:0.9;color:white;padding:4px 15px 4px 25px;font-weight:bold;text-decoration:none;}
            .navigation li a:hover,
            #p-1 .navigation li.expanded.m-1 a,
            .navigation li.expanded a {background-color:gold;color:black;}
            .navigation li.expanded.m-1 a {background-color:#000044;color:white;}
            #child-navigation li a {background-position:2px 2px;}
            #content-container {margin-left:210px;}

.intro-text {font-size:1.5em;margin-bottom:15px;}
#intro-content {}
.content #main-content {}
    .content h2 {font-size:2.3em;font-weight:bold;}
    .content h2.first-heading {font-size:4em;margin-top:0;margin-bottom:10px;}
#legal {padding-bottom:140px;background:url(/assets/images/footer.jpg) no-repeat -19px 100% white;}

a.back-to-top {position:absolute;top:0px;right:10px;background:url(/assets/images/shrink.png) no-repeat 8px 8px #000044;}
a#show-full-content {position:absolute;bottom:10px;right:10px;background:url(/assets/images/expand.png) no-repeat 8px 8px #000044;}

a.back-to-top, a#show-full-content, .link-box {color:white;font-size:1.2em;padding:5px 15px;width:150px;text-align:right;text-decoration:none;}
.link-box {background:url(/assets/images/menuli.png) no-repeat 8px 8px #000044;}

.pictureblockright {float:right;width:260px;}
.pictureblockright > * {margin:0 0 0 10px;margin:0px 0 10px 10px;float:left;border:solid 1px #004;}

.side-images img {width:250px;height:175px;border:solid 1px #555;}

#gallery-images img {margin:10px;padding:5px;border:solid 1px #555;}

/* Sliding Images */


#sliding-images {position:fixed;top:0px;border-top:solid 13px #004;border-bottom:solid 13px #004;left:0px;width:1200px;height:650px;z-index:10;overflow:hidden;}
#sliding-images img {position:absolute;top:0;left:0;display:none;}
#sliding-images img.first {display:block;}
#tlc {z-index:1000;font-size:180px;letter-spacing:-20px;font-weight:bold;color:black;position:absolute;top:30px;right:40px;display:block;visibility: visible;opacity:0.2;}
#overlay {z-index:990;position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(/assets/images/overlay.png) repeat-x;}

   .Testimonial {background:url(/assets/images/cite-top.jpg) no-repeat;padding-top:1px;padding-left:10px;padding-right:25px;}
   .Testimonial p {padding-top:15px;}
   .Testimonial h2 {color:white;margin:12px 8px 15px 5px;}
   cite {background:url(/assets/images/cite.jpg) no-repeat;padding-left:58px;font-weight:bold;min-height:50px;display:block;border-top:dotted 1px black;border-bottom:dotted 1px black;clear:both;padding-top:4px;padding-bottom:4px;}
   .Testimonial img {float:left;margin:5px 10px 5px 5px;}
   .Testimonial p.morelink {margin:4px;padding:0px;text-align:right;}
   .Testimonial p.morelink a {background:url(/assets/images/menuli.gif) no-repeat 100% 1px;padding:5px 20px 5px 20px;}


   #homepageexamples {}
   #homepageexamples h2 {font-size:1.4em;padding:0px;margin:0px;}
   #homepageexamples h3 {font-size:1em;padding:0px;margin:0px;}
   #homepageexamples div {}
   #homepageexamples p {padding:10px;}
   #homepageexamples a img {border:none;display:inline;}
   
   #example1 {width:438px;}

   #example2 {width:300px;float:left;margin-right:5px !important;margin-right:20px;}
   #example2 img, #example3 img {margin:5px;border:solid 1px #004;}
   #example3 {width:300px;float:left;margin-left:10px;}
   #example2,#example3 {position:relative;}
   #example2 a,
   #example3 a   {position:absolute;bottom:-23px;right:13px;text-align:right;}

   #content #latest-updates {}
    #content #latest-updates li a {letter-spacing:-1px;font-weight:normal;}
    #content #latest-updates li a span {font-weight:bold;color:#4E5E91;letter-spacing:0;}

/* Forms */

label {clear:both;display:block;}
label span {display:block;font-weight:bold;float:left;width:200px;text-align:right;padding:9px 6px 0 0;}
form li {list-style-type:none;width:48%;float:left;}
form li label {}
input,textarea {border:solid 1px black;margin:5px 10px;font-size:1.2em;padding:2px;background:white;}
fieldset {border:none;}
legend, .grommit {display:none;}
.error {padding:5px 10px;color:red;border:solid 1px #444;background:white;}
.button-block {border-top:solid 1px #005;padding:5px 10px;}
.button-block input {float:right;border:outset 1px white;background:#ddd;padding:5px 10px;font-size:1.2em;}

.edit-mode {border:solid 1px black;margin:10px;padding:10px;background:#ddd;z-index:10000;}
h2 input   {border:none;font-size:1em;width:100%;background:none;}
h3 input   {border:none;font-size:1em;width:100%;background:none;}

#example-list {position:absolute;top:270px;z-index:100;width:5000px;padding-bottom:5px;padding-right:10px;max-width:660px;width:660px;}
#example-list h2 {margin:0;padding:0;}
#example-list .example {float:left;margin-right:10px;border-left:solid 1px white;padding-left:10px;}
#example-list .example.first {border-left:0;padding-left:0;}
#example-list .example h2 {margin:0;padding:0;font-size:22px;height:30px;}
#example-list .example a img {border:none;}
#example-list .example img {padding-top:40px;margin-top:-40px;}
#example-list .example.first img {background:url(/assets/images/new.png) no-repeat 100% 0px;}
#example-list .example p {width:200px;font-size:11px;}