/* ######################################################## */
/* # sealtite.css  v.0.03    */
/* ######################################################### */
/* # Copyright (c)2006 Randy M. Harris, all rights reserved. */ 
/* ######################################################### */

/* ==================================================== */
/* CSS - for use with LexiPixel Site Manager (CMS)      */
/* ==================================================== */


html { 
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
} 


body  { 
  padding: 0px;
  margin: 0px;
  margin-bottom: 22px;
  border-style: none; border-width:0px;;
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 18px; 
  font-weight: 500; 
  background: #FFFFFF; 
  color: #663300; 
}

a:link { font-weight: bold; color: #6666CC; text-decoration: none; }
a:visited { font-weight: bold; color: #6666CC; text-decoration: none; }
a:active { font-weight: bold; color: #6666CC; text-decoration: underline; }
a:hover { font-weight: bold; color: #CC6666; background: #FFFFFF; text-decoration: underline; }

p { text-indent: 2em; }

b { font-weight: 700; }

small { line-height: 1em; font-size: 9px; }

pre { font-size:11pt; font-family: courier "courier new" serif; }

h1 { font-size: 28px; font-weight: 700; margin-top: .2em; margin-bottom: .2em }
h2 { font-size: 22px; font-weight: 700; margin-top: .2em; margin-bottom: ,2em;}
h3 { font-size: 20px; font-weight: 700; margin-top: 0em; margin-bottom: 1em }

ul li { font-size: 16px; font-weight:700; line-height: 1.5em; }
ul ul li { font-size: 14px; line-height: 1.2em; }


.navbar { 
  padding: 0px;
  margin: 0px; 
  border-style: none; border-width:0px;;
  line-height: 1em;  
  font-size: 10px; 
  font-weight: bold; 
  color: #C00000; 
  background: #F4F4F4; 
  text-decoration: none
  text-align: left; 
}
A:link.navlink { line-height: 1em; font-size: 10px; font-weight: 500; color: #000000; background: #F4F4F4; text-decoration: none; }
A:visited.navlink { line-height: 1em;  font-size: 10px; font-weight: 500; color: #000000; background: #F4F4F4; text-decoration: none; }
A:active.navlink { line-height: 1em;  font-size: 10px; font-weight: 500; color: #000000; background: #F4F4F4; text-decoration: underline; }
A:hover.navlink { line-height: 1em;  font-size: 10px; font-weight: 500; color: #FFFFFF; background: #808080; text-decoration: underline; }





/* ==================================================== */
/* leader - class for objects to display ahead of page  */
/* ==================================================== */

.leader {
  margin: 0px; 
  padding: 12px; 
  width: 100%; 
  height: auto;
  text-align: left;
  border-style: none; 
  border-width: 0px; 
  border-color: #000000; 
}

/* ==================================================== */
/* master - container class for page layout */
/* ==================================================== */

.master { 
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF; 
  position: relative; 
  clear:both; 
  width: 100%;
  height: auto;
}


/* ==================================================== */
/* masthead - class for masthead objects      */
/* ==================================================== */

.masthead {
  margin: 0px;
  padding: 12px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  clear:both; 
  width: 100%;
  text-align: left;
}


/* ==================================================== */
/* navt - class for top of page navigation    */
/* ==================================================== */

.navt {
  margin: 0px;
  padding: 6px 0px 6px 12px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  vertical-align: middle;
  text-align: left;
  clear:both; 
  width: 100%;
  background: #F4F4F4; 
  color: #C00000; 
}


/* ==================================================== */
/* bodywrap - container class, sets up body of page     */
/* ==================================================== */

.bodywrap {
  width:100%;
  padding: 0px;
  margin: 0px;
  border-style: none; border-width:0px;;
  float: left;
  clear: both;
  background: #E0E0E0 url("/images/bg_002.jpg");
  background-repeat: repeat;
  background-attachment: fixed; 
}


/* ==================================================== */
/* navl - class for left (navigation/ads) column        */
/* ==================================================== */

.navl {
  margin: 0px;
  padding: 4px; 
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #000096;
  text-align:right; 
  line-height: 1.5em;
  float: left;
  width: 25%;
  height:100%;
}


/* ==================================================== */
/* bod0 - class for 'blank page' (no columns)           */
/* ==================================================== */

.bod0 {
  margin: 0px;
  padding: 12px; 
  background: #E0E0E0 url("/images/bg_002.jpg");
  background-repeat: repeat;
  background-attachment: fixed; 
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  width: 100%;
  text-align: left;
  float: left;
  clear: both;
}


/* ==================================================== */
/* bod1 - class for body left (with navr)               */
/* ==================================================== */

.bod1 {
  margin: 12px 12px 20px 0px;
  padding: 12px; 
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  text-align: left;
  width: 480px;
  float: left;
}


/* ==================================================== */
/* bod2 - class for body right (with navl)              */
/* ==================================================== */

.bod2 {
  margin: 0px;
  padding: 12px; 
  border-style: none;
  border-width: 0px;
  border-color: black;
  text-align: left;
  float: right;
  width: 72%;
}

/* ==================================================== */
/* bod3 - class for body center (left & right columns)  */
/* ==================================================== */

.bod3 {
  margin: 0px;
  padding: 12px; 
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: left;
  text-align: left;
  width: 47%;
}


/* ==================================================== */
/* bbox - class for banner box, (top of (2) right cols) */
/* ==================================================== */

.bbox {
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: left;
  width: 75%;
  align: center;
  text-align: center;
  vertical-align: middle;
}


/* ==================================================== */
/* navr - class for right (navigation/ads) column       */
/* ==================================================== */

.navr {
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: right;
  width: 200px;
}


/* ==================================================== */
/* navb - class for bottom of page navigation           */
/* ==================================================== */

.navb {
  margin: 0px;
  padding: 6px 0px 6px 12px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  vertical-align: middle;
  text-align: left;
  clear:both; 
  width: 100%;
  background: #F0F0F0;
  color: #C00000; 
}


/* ==================================================== */
/* foot - class for bottom of page footer               */
/* ==================================================== */

.foot {
  margin: 0px;
  padding: 0px 0px 0px 12px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  vertical-align: middle;
  text-align: left;
  clear:both; 
  width: 100%;
}

/* ==================================================== */
/* trailer - container class for below bottom of page   */
/* ==================================================== */

.trailer {
  margin: 12px; 
  padding: 12px; 
  width: 100%; 
  text-align: center;
  border-style: none; 
  border-width: 0px; 
  border-color: #000000; 
}


/* ==================================================== */
/* custom CSS classes, declarations, etc..              */
/* ==================================================== */



.column_text { 
  font-family: Verdana Arial  Palantino san-serif;
  font-size: 14px;
  font-weight: 700; 
  text-indent:1.5em; 
}

.photo_caption  { 
  font-family: Verdana, Arial, Sans-serif; 
  font-size: 9px; 
  text-align: justify; 
}

.copyright { 
  text-align:center; 
  font-size: 9px;  
}

.featurebox { 
  font-family: Arial, Verdana, Sans-serif; 
  font-size: 10px; 
  font-weight: 700 
}

.testimonial { 
  margin:12px;
  padding:12px;
  background: #ffffff; 
  width:400px; 
  border-style:solid; 
  border-width:1px; 
  font-size:14px; 
  font-family: courier "courier new" serif; 
}

.tableform {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin:12px;
  padding:12px;
}

.tableform table { display: table; border-style: none;  padding:0px;   margin:0px;   empty-cells: show;   border-style: none;   border-width:0px;  border-spacing: 0px;}
.tableform tr { display: table-row; } 
.tableform td { display: table-cell;  padding:0px;   margin:0px;   empty-cells: show;   border-style: none;   border-width:0px;  border-spacing: 0px;}


.bg {
  padding: 0px;
  margin: 0px;
  border-style: none; border-width:0px;;
  background: #E0E0E0 url("http://www.sealtitebasements.com/images/bg_002.jpg");
  background-repeat: repeat;
  background-attachment: fixed; 
}


.foto_map {
  font-size: 11px;
  font-weight: 500;
  background: #FFFFFF;
  width:200px; 
  margin:12px 0px 12px 12px;  
  padding:6px; 
  border: 0px none;
  float: right;
}

.photocaption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-align: left;
}

.smallcap {
  font-family: Arial, Verdana, sans-serif; 
  font-size:14px; 
  font-weight: 700; 
  font-variant:small-caps;
}


/* #################################################### */
/*  Comment / Un-comment following CSS to debug layout  */
/* #################################################### */

/*          * {  border: solid 1px black; }     */    

/* #################################################### */

/* #################################################### */
/* #  EOF:   sealtite.css */ 
/* #################################################### */