/* ######### */
/* # scs.css   */
/* ######### */

/* Stylesheet for: Spokane Comfort Systems  */
/* Author: Randy Harris < office@lexipixel.com > */
/* Last Updated: 2008-05-09  */


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

BODY { 
  margin: 0;
  margin-bottom: 22px;
  padding: 0;
  border-width: 0px; 
  border-style: none;
  border-collapse: collapse;
  background: #369;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  border-collapse: collapse;
}

H1, H2, H3, H4{ 
  margin: 0px 0px 8px 0px;
  font-family: Arial, Verdana, Helvetica, Sans-serif;
  font-weight: 700; 
  color: #c00000; 
  background-color: transparent;
}
H1 { font-size: 16pt; }
H2 { font-size: 14pt; }
H3 { font-size: 12pt; }
H4 { font-size: 10pt; font-weight: 700;}

a:link { font-weight: 700; color: #336699; text-decoration: none; }
a:visited { font-weight: 700; color: #336699; text-decoration: none; }
a:hover { font-weight: 700; color: #336699; background: #FFFFFF; text-decoration: underline; }
a:active { font-weight: 700; color: #336699; background: #FFFFFF;  text-decoration: none; }

SMALL { font-size: 8pt; text-decoration: none;}

P {
  font-family: Arial, Verdana, Helvetica, Sans-serif;
  font-size: 10pt;
  font-weight: normal;
  line-height: 1.4em;
  color: black;
}


SUP {color: #c00000;}

/* LEXIPIXEL Site Manager Specific Classes: */


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

.leader {
  width: 782px; 
  margin: 6px; 
  padding: 6px; 
  text-align: center;
  border-style: solid; 
  border-width: 1px; 
  border-color: #000000; 
  background: #FFFFFF; 
  color: #000000;
}

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

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



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

.masthead {
  width: 782px;
  margin: 0;
  padding: 0;
  border-style: none; 
  text-align: left;
}


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

.navt {
  clear:both; 
  width: 782px;
  margin: 0;
  padding: 0;
  border-style: none;
}


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

.bodywrap {
  clear:both; 
  width: 782px;
  margin: 0;
  padding: 0;
  border-style: none; 
}


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

.navl {
  width: 166px;
  height: 720px;
  margin: 0;
  padding: 0; 
  text-align: left;
  line-height: 1.5em;
  clear: both; 
  float: left;
  background-color: #FFF;
  border-width: 1px 1px 0px 0px;
  border-style:solid;
  border-color: #003366;
}



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

.bod0 {
  width: 738px;
  margin: 0;
  padding: 12px; 
  float: left;
  background: #FFFFFF;
  color: #000000; 
  text-align: left;
}


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


.bod1 {
  width: 591px;
  margin: 0;
  padding: 12px; 
  float: left;
  background: #FFFFFF;
  color: #000000; 
  text-align: left;
  border-style:solid;
  border-color: #003366;
  border-width: 1px 0px 0px 0px;
}


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

.bod2 {
  width: 592px;
  margin: 0;
  padding: 12px;
  background: #FFFFFF;
  color: #000000; 
  text-align: left;
  float: left;
  border-style:solid;
  border-color: #003366;
  border-width: 1px 0px 0px 0px;
}



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

.bod3 {
  width: 451px;
  margin: 0;
  padding: 6px;
  background: #FFFFFF;
  color: #000000; 
  float: left;
  text-align: left;
  border-style:solid;
  border-color: #003366;
  border-width: 1px 0px 0px 0px;

}



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

.bbox {
  width: 468px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  clear: both;
  float: right;
}



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


.navr {
  width: 152px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #000000; 
  float: right;
  border-style:solid;
  border-color: #003366;
  border-width: 1px 0px 0px 0px;

}

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

.navb {
  width: 782px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #000000; 
  clear:both; 
}


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

.foot {
  width: 782px;
  margin: 0;
  padding: 0;
  background: #FFFFFF; 
  color: #000000; 
  clear:both; 
}

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

.trailer {
  clear: both;
  width: 782px;
  margin: 12px; 
  padding: 12px; 
  text-align: center;
}


/* ########################################################## */
/* # NEW v01.34 - Classes for CSS styling of generated output */ 
/* ########################################################## */


/* SITE MAP RELATED CLASSES */ 

/* indexpglink - site map index link (index.htm or .html) */ 
.indexpglink { 
  font-weight: 700;
  font-size: 18px;
}
a:hover.indexpglink { 
  font-weight: 700;
  font-size: 18px;
  background-color: red;
  color: yellow;
}

/* regpglink - site map regular link */ 
.regpglink { 
  font-weight: 500;
  font-size: 14px;
}

/* mapdesctxt - site map, link description text */ 
.mapdesctxt {
  font-size: 11px;
  line-height: 1.2em;
  color: #333333;
}

/* #################################################### */
/* # end of default CSS, start custom tags & properties */ 
/* #################################################### */

.varname { color:#FF6600; font-weight:700; }
.varcomment { color:#660033; }
.varexample { color:#339933; }


/* ============================ */
/* CSS for vertical navigation menus  */
/* ============================ */


.navcontainer { 
  font-size: 10pt;
  font-weight: 700;
  width: 166px; 
}

.navcontainer ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}

.navcontainer a {
  width: 160px;
  display: block;
  padding: 3px;
  background-color: #FFF;
  border-bottom: 1px solid #003366;
}

.navcontainer a:link, .navlist a:visited { background-color: #FFF; color: #369; text-decoration: none; }
.navcontainer a:hover { background-color: #369; color: #fff; }



/* ===================================== */ 
/* CSS for buttons in Top Navigation bar */ 
/* ===================================== */ 

.navtbutn { 
  display:block;
  float:left;
  margin: 0px 0px 0px 8px;
  padding: 4px 8px 4px 8px;
  font-size: 10pt;
  font-weight: 700;
  text-align:center;
  text-decoration: none;
  border-style: solid;
  border-color: #003366;
  border-width: 1px 1px 0px 1px;
}

a:link.navtbutn { font-weight: 700; background-color: #FFF; color: #369;  text-decoration: none; }
a:visited.navtbutn { font-weight: 700; background-color: #FFF; color: #369;  text-decoration: none; }
a:hover.navtbutn { font-weight: 700; color: #FFF; background: #369; text-decoration: none; }
a:active.navtbutn { font-weight: 700; color: #FFF; background: #C00000;  text-decoration: none; }


/* ================================================= */
/* CSS for color links in p tags --- #0000CD, underline on hover  */
/* ================================================= */

p a:link { font-weight: 500; color: #0000CD; text-decoration: none; }
p a:visited { font-weight: 500; color: #0000CD; text-decoration: none; }
p a:hover { font-weight: 500; color: #0000CD; text-decoration: underline; }
p a:active { font-weight: 500; color: #0000CD; text-decoration: none; }


/* ============================== */
/* CSS for spacing around images  */
/* ============================== */

.imgright { margin: 10px 0px 10px 10px; }
.imgleft { margin: 10px 10px 10px 0px; }


/* ==================================== */
/* CSS for "promo" boxes  LEFT NAV */
/* ==================================== */

.estpromo, .srvpromo {
  width:132px; 
  display:block; 
  text-align:center; 
  font-size:10pt; 
  margin:2px; 
  padding:6px; 
  border: 3px dashed black;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

.estpromo { background-color:#90EE90; color:#000000; }
a:link.estpromo { font-weight: 500; background-color:#90EE90; color:#000000; text-decoration: none;}
a:visited.estpromo { font-weight: 500; background-color:#90EE90; color:#000000; text-decoration: none;}
a:hover.estpromo { font-weight: 500; color: #FFF; background: #369; text-decoration: none;}
a:active.estpromo { font-weight: 500; background-color:#90EE90; color:#000000;text-decoration: none; }

.srvpromo { background-color:#FFc0c0; color:#000000; }
a:link.srvpromo { font-weight: 500; background-color:#FFc0c0; color:#000000; text-decoration: none;}
a:visited.srvpromo { font-weight: 500; background-color:#FFc0c0; color:#000000; text-decoration: none;}
a:hover.srvpromo { font-weight: 500; color: #FFF; background: #369; text-decoration: none;}
a:active.srvpromo { font-weight: 500; background-color:#FFc0c0; color:#000000; text-decoration: none;}



/* ==================================== */
/* CSS for prod. desc. w/ photo tables  */
/* ==================================== */


.prodtbl {
  padding:0;
  margin:0;
  border:none;
  width:572px;
  border-collapse: collapse;
}

.proddesc {
  padding:12px 0px 12px 0px;
  margin:0;
  text-align: left;
  vertical-align: top;
  border-color: #036;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
}

.prodphoto {
  padding:12px 0px 12px 12px;
  margin:0;
  text-align: right;
  vertical-align: top;
  border-color: #036;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
}


/* ======================================= */
/* CSS for service req and estimate forms  */
/* ======================================= */


.formtabl { 
  margin:0; 
  padding:0;
  border-style: none;
  width: 560px;
}
.formlabl {
  background-color: #ffe0e0;
  color: #000066;
  font-size: 10pt;
  font-weight: 700;
  text-align: right;
  vertical-align: top;
}
.formdata {
  background-color: #e0e0ff;
  color: #000000;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
}
.formtitl {
  background-color: #C00000;
  color: #ffffff;
  font-size: 11pt;
  font-weight: 700;
  text-align: center;
  vertical-align:middle;
}

/* =============================== */
/* CSS for grey block quote boxes  */
/* =============================== */


.greyquote {
  width: 480px;
  padding: 12px;
  margin: 16px 0px 16px 0px;
  background-color: #F0F0F0;
  color: #000000;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-style: italic;
  font-size: 14pt;
  font-weight: 400;
  text-align: center;
  border: none;
}

/* =============================== */
/* CSS for coloring text spans red */
/* =============================== */

.red1 { color: #c00000; font-weight: 700;}


.photocaption {
  font-size: 9pt;
  font-family: Arial, Helvetica, Sans-serif;
  color: #c00000;
  text-align: center;
}

#breadcrumbbar {
  width:100%;
  padding: 0px;
  margin: 0px;
  text-align:left;
  font-family: Arial, sans-serif;
  font-size:9px;
  font-weight: 500;
  color: #336699;
  background: #ffffff;
}
.breadcrumb {
  font-family: Arial, sans-serif;
  font-size:9px;
  font-weight: 500;
  color: #336699;
  background: #ffffff;
}
a:link.breadcrumb { text-decoration: none; }
a:visited.breadcrumb { text-decoration: none; }
a:hover.breadcrumb { text-decoration: underline; }
a:active.breadcrumb {text-decoration: none; }


/* ################ */
/* #  EOF:  scs.css */ 
/* ################ */