/*
notes here
*/



body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

html{
	margin: 0px;
	padding: 0px;
}
p.introduction
{
	font-size:medium;
}
p.stressrelief
{
	font-size:medium;
}
p.CA
{
	font-size:medium;
}
p.equipment
{
	font-size:medium;
}

p.furnace {color:Black; }
li.furnace
{
	display:block;
	color:Black;
}
ul li.furnace{display:list-item;}


ul li.service
{
	list-style:circle inside;
	font-size:medium;
}
ul li.Equipment
{
	list-style:circle inside;
	font-size:medium;
}

p.service{font-size:medium;}
p.ca{font-size:medium;}

#container {
	background: #333333 url(images/bg_body.jpg) repeat-x left top;
	color:#FFFFFF;
	line-height: 18px;
	margin: 15px auto;
	width: 650px;
	height:500px;
	padding: 5px 20px 20px 20px;
	border: 1px solid #000;
	position:absolute;
	top:330px;
	left:250px;
}


#toptitle h1  {
	color: #76B41C;
	letter-spacing: 1px;
	padding: 5px;
	margin: 10px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#description{
	background: #000000;
	border: 1px solid #333333;
	padding: 10px;
	margin: 5px;
	width: 90%;
	float: left;
	height: auto;
	font-weight: bold;
}


#description a {
	color: #fff;
	text-decoration: underline;

}

#content {
	text-align:left;
	padding: 0px; 
	margin: 0px;
	color: #FFFFFF;		
}

.date{
	font-weight: normal;
	color: #666666;

}

#content a {
	color: #fff;
	text-decoration: underline;
}

#content a:visited   {
	color: #999999;
	text-decoration: underline;
}

#content a:hover  {
	color: #000000;
	text-decoration: underline;
	background: #CCCCCC;
	border-bottom: 1px solid #000000;
	}


#content .category img {
	background: #fff;
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
	float:right
}


#content .category {
	margin: 60px 0px 50px 0px;
	padding: 30px 0px 10px 0px;
	clear:both;
	height:auto;
}
	

.imageborderlarge {
	padding: 7px;
	margin: 5px 0px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#footer {
	text-align:center;
	padding: 30px 0px 10px;
	clear: both;
	float: none;
	margin: 0px;
	font-size: 10px;
	color: #999999;
	}


#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	color: #FFFFFF;
}





.unvisible { 
	display: none;
 }




.thumbnail {
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #CCCCCC;
	width: 105px;
	height: 105px;
	}

.thumbnail img{
	text-align:center;
	margin: auto;
	cursor:pointer;

}



.thumbnail a {
	color:#999999;
	text-decoration: none;
}

.thumbtext{
	width: 165px;
	height: 20px;
	display:block;
	text-align:center;
	cursor:pointer;

}


/* non IE  hover */
div.thumbnail:hover{
	background: #000;
	color: #76B41C;
	font-weight: bold;

}

a img {
border:none;

}

#gallerycontainer{
	padding: 0px;
	text-align:center;

}
/*for photo gallery
* ---------- gallery container ---------- */
.gallery {
position:relative;
width:720px;
height:650px;
margin:1em auto;
}

/* ---------- opacity ---------- 
.gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}
*/
/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:110px;
height:100px;
margin:2px;
}
.thumb {
border:1px solid #000;
}
.no-thumb {
border:1px solid #fff;
}
.thumb a img {display:block;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:300px;
height:225px;
top:123px;
left:60px;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:400px;
top:440px;
left:50px;
-moz-border-radius:12px;
background:#ab5;
color:#036;
font:normal 12px/20px verdana;
text-align:center;
/*opacity:0.8;*/
/*filter:alpha(opacity=80);*/
-moz-opacity:0.80;
-khtml-opacity:0.8;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}
	
