body { 	color: #000000; 
	margin: 0;
	padding: 0;
	background: #333366;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; }


H1 { color: #c00000; 
	margin: 15px 0 20px 0;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	background-color: transparent; }
H2 { color: #c00000; 
	margin:10px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align:left; 
	background-color: transparent; }
H3 { color: #000000; 	
	font-size: 14px; 
	font-weight: bold;
	text-align:left;
	margin:0;
	background-color: transparent; }


		/*Faux col is 200px for left sidebar */
		/*overflow hidden needed or scroll bars appear*/
#container {width:900px;
	margin-left:auto;
    margin-right:auto;
	background: url(images/scs-faux-col-bg.gif) 
		repeat-y;
	overflow: hidden; }

	/*m auto needed or content drops below left side bar*/
	/*overflow hidden is needed to prevent scroll bars in WinXP */
#content {width:700px;
	float:left;
	margin:auto; 
	overflow:hidden; }

#header { width:900px;
	height:150px;
	background: #ffffff url(images/shaded-bg2.jpg)
		repeat-x; }

	/*buttons repeat horiz if left col is wider than 196*/
#leftsidebar {
	width:200px;
	float:left;
	margin:0; }

#footer { width:900px;
	background:#ffffff; }


/***********top menu buttons**************/

		/*p adds space left of first btn*/
		/* width needs to be 704 due to left menu 196*/
ol#topmenu {
	width:700px;
	height:27px;
	list-style:none;
	margin:0;
	padding-left:25px;
	background: #cc0033;
	clear:both; }

		/*Left side of button*/
		/*m adds space rt side of tabs*/
ol#topmenu li {	
	float:left;
	margin:0 10px 0 0;
	background: #cc0033 url(images/topmenu4.gif); }

		/*Right side of button*/
		/*pl adds p to left of text*/
		/*bp is 0 0 by default- top left of img*/
ol#topmenu a { 
	background: #cc0033 url(images/topmenu4.gif);
	color: #ccccff;
	display:block;
	float:left;
	height:27px;
	padding-left:12px;
	text-decoration:none;
	line-height:27px;
	font-weight: bold;
	font-size:13px; }

		/*bp controls hoover button color*/
		/*bp is left side of img down 27 px*/
ol#topmenu a:hover { 
	background-color: #cc0033; 
	background-position:0 -27px; }

		/*span fixes IE bug*/
		/*bp is far right side of img n down 27px*/
ol#topmenu a:hover span {
	background-color: #cc0033;
	background-position:100% -27px; }

		/*bp is top far right side of img*/
ol#topmenu span { 
	background:#cc0033 url(images/topmenu4.gif) 100% 0;
	display:block;
	line-height:27px;
	padding-right:12px; }



			/*link position within button*/
.button150 {
	width:150px; }

.button150 a:link, .button150 a:visited { color: #000000; } 
.button150 a:hover, .button150 a:active { color: #666666; } 



.button-estimate a:link, .button-estimate a:visited { color: #000000; }
.button-estimate a:hover, .button-estimate a:active { color: #666666; }
.button-service a:link, .button-service a:visited { color: #000000; }
.button-service	a:hover, .button-service  a:active { color: #666666; }

.button-estimate {
	height:150px; width:150px;
	background: url(images/estimate-button.gif) no-repeat; }

.button-service {
	height:150px; width:150px;
	background: url(images/service-button.gif) no-repeat; }


		
			/*button and link position*/

.button-boiler {
	height:150px; width:150px;
	background: url(images/button-boiler.gif) no-repeat; }

.button-coupon {
	height:150px; width:150px;
	background: url(images/button-coupon.gif) no-repeat; }

.button-filter {
	height:150px; width:150px;
	background: url(images/button-filter.gif) no-repeat; }

.button-furnace {
	height:150px; width:150px;
	background: url(images/button-furnace.gif) no-repeat; }

.button-heatpump {
	height:150px; width:150px;
	background: url(images/button-heatpump2.gif) no-repeat; }

.button-ac {
	height:150px; width:150px;
	background: url(images/button-ac.gif) no-repeat; }

.button-thermostat {
	height:150px; width:150px;
	background: url(images/button-thermostat.gif) no-repeat; }

.button-fireplace {
	height:150px; width:150px;
	background: url(images/button-fireplace.gif) no-repeat; }

.button-rebates {
	height:150px; width:150px;
	background: url(images/button-rebates2.gif) no-repeat; }



.verttextbottom {	
	vertical-align:text-bottom; }

.hilight {color:#c00000;
	font-weight:bold;
	font-size:14px; }

		/*to preload images*/
.hiddenimg {display:none;}

.left {text-align:left;} 
.center {text-align:center;}
.right {text-align:right;}

.exsmallfont {font-size:11px;}
.smallfont {font-size:12px;}
.medfont {font-size:14px;}
.largefont {font-size:16px; }
.exlargefont {font-size:18px; }
.exexlargefont {font-size:20px; }

.textbottom {vertical-align:text-bottom;}
.textmiddle {vertical-align:middle;}
.texttop {vertical-align:top;}
.textbaseline {vertical-align:baseline;}

.red {color:#cc0033; }


.bullet { font-size: 25px; font-weight: bold; }

UL  {list-style-type: disc; 
	margin:0;
	font-size: 13px;
	padding: 0 0 0 20px; }


.indent { margin-left:1.5em;
   margin-right: 1.5em; }

.clearboth {clear:both;}
.clearleft {clear:left;}

.border {border:1px solid #cccccc;}

.hr {width:70%;
	border-bottom:1px #006699 solid;
    margin: 5px auto 5px auto; }

  	 /*displays images in td cells as block 
	elements without padding, fixes bug in IE 6*/
td img { vertical-align: bottom; } 

#breadcrumbbar {
  width:100%;
  padding:0;
  margin:0 0 0 10px;
  font-weight:500;
  font-size:9px;
  color: #336699;
  background: #ffffff; }

.breadcrumb {
  font-family: Arial, sans-serif;
  font-size:9px;
  font-weight: 500;
  color: #336699;
  background: #ffffff; }

.greyquote {
  width: 480px;
  padding: 12px;
  margin: 0 auto 0 auto;
  background-color: #F0F0F0;
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  text-align: center; }


			/*container for large buttons hm pg*/
.box650 {width:650px;
    margin-left:auto;
    margin-right:auto; }

.box600 {width:600px;
    margin-left:auto;
    margin-right:auto; }

.box550 {width:550px;
    margin-left:auto;
    margin-right:auto; }

.box500 {width:500px;
    margin-left:auto;
    margin-right:auto; }

.box400 {width:400px;
    margin-left:auto;
    margin-right:auto; }

.box300 {width:300px;
    margin-left:auto;
    margin-right:auto; }

.box200 {width:200px;
    margin-left:auto;
    margin-right:auto; }

.floatleft125 {
	float: left;
	width: 125px; }

		/*lg buttons on hm pg*/
.buttonfloatleft150  {
	float: left;
	width: 150px; 
	height: 150px;
	text-align:center;
	font-size:12px;
	margin:15px;
	padding:6px;
	border:3px dashed #000000;
	font-weight:bold;
	text-decoration:none;
	background:#90EE90; }  

.floatleft {float:left;}
.floatright {float:right;}

	/*for prices on right*/
.floatright100 {
	float: right;
	width: 100px; }
.floatright125{
	float: right;
	width: 125px; }

		/*buttons on hm pg*/
.floatleft150 {
	float: left;
	width: 150px;
	text-align:center;
	font-size:12px;
	margin:10px;
	padding:10px; }

.floatleft150 {
	float: left;
	width: 150px; }

.floatleft200 {
	float: left;
	width: 200px; }

.floatleft300 {
	float: left;
	width: 300px; }

.floatright300 {
	float: right;
	width: 300px; }
	
		/*service req and estimate forms*/

.formtabl { 
  margin:0; 
  padding:0;
  border-style: none;
  width: 560px; }

.formlabl {
  background-color: #ffe0e0;
  color: #000066;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: top; }

.formdata {
  background-color: #e0e0ff;
  color: #000000;
  font-size: 12px;
  text-align: left;
  vertical-align: top; }

.formtitl {
  background-color: #C00000;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align:middle; }

/*list of services in header*/

.tilde { 
	padding:0 20px 0 20px;}

ol#services {
	height:20px;
	list-style:none;
	margin:0 10px 0 75px;
	padding:0; }

ol#services li {
	float:left;
	margin:0;
	font-size:13px;
	font-weight:bold;
	color:#000000; }


.footerlinks a:link { color: #336699;
	font-weight: bold; 
	background: transparent; 
	font-size:11px; 
	text-decoration: none; }
a: visited { color: #336699;
	font-weight: bold; 
	background: transparent; 
	font-size:11px; 
	text-decoration: none; }
.footerlinks a:hover  { color: #6699cc;
	font-weight: bold; 
	background: transparent;
	font-size:11px; 
	text-decoration: none; }
a:active { color: #6699cc;
	font-weight: bold; 
	background: transparent;
	font-size:11px; 
	text-decoration: none; }

.simlink {color:  #336699;
  font-weight: bold;
  background: transparent;
  font-size:11px; 
  text-decoration: none;}


	/*Reg Links*/
a:link { color: #336699;
	font-weight: bold;
	background:transparent;
	font-size:14px; 
	text-decoration: none; }
a:visited { color: #336699;
	font-weight: bold;
	background:transparent;
	font-size:14px; 
	text-decoration: none; }
a:hover { color: #6699cc;
	font-weight: bold;
	background:transparent; 
	font-size:14px;  
	text-decoration: none; }
a:active { color: #6699cc;
	font-weight: bold;
	background:transparent; 
	font-size:14px;  
	text-decoration: none; }



/*********left menu*********/

	/*left side bar is 200 px wide over faux col bg*/
.dm1 { font-size: 14px;
	width:192px;
	margin:0; 
	padding:2px 2px 10px 4px; }

	/*to position text above button*/
	/*menu btn img 388 or 194x2 px wide*/
	/* ccccff is lav text color on blue button*/
.dm1 .item1,
.dm1 .item1:visited,
.dm1 .item1:hover,
.dm1 .item1:active,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    padding: 5px 0 6px 8px;
    text-decoration: none;
	font-weight:bold;
    display: block;
    position: relative; 
    background: transparent url(images/scsmenubtn4.gif) 0 0 no-repeat; 
	color:#ccccff; }

	/*  controls horz n vert pos of main image on hover*/
.dm1 .item1:hover,
.dm1 .item1:active,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    background: transparent url(images/scsmenubtn4.gif) -196px 0 no-repeat; 
color: #ccccff; }

	/*sub cat button*/
.dm1 .item2,
.dm1 .item2:visited,
.dm1 .item2:hover {
	width:180px;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
	font-weight:bold;
    display: block;
    white-space: nowrap; }

		/*horz n vert controls pos of sub cat button*/
.dm1 .item2,
.dm1 .item2:visited {
    background: url(images/scsmenubtn4b.gif) 0 0 no-repeat;
    color: #ccccff; }

		/* horz n vert controls pos of sub cat button on hover*/
.dm1 .item2:hover {
    background: url(images/scsmenubtn4b.gif) -194px 0 no-repeat;
    color: #ccccff; }

		/*controls sub cat hidden unless on hover*/
.dm1 .section { 
    position: absolute;
    visibility: hidden;
    z-index: -1; }