body,html {
	background-color: 		#FFFFFF;
	background-image:			url('./img/bg.png');
	font-family: 				Trebuchet MS;
	font-size: 					12px;
	color: 						#333333;
	margin:	 					0px;
}

/* MAIN DEFINITIONS */

#header {
	width:						760px;
	height:						250px;
	background-color: 		transparent;
	margin-left:				auto;
	margin-right:				auto;
}

#container {
	width:						760px;
	background-color: 		transparent;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/tablebg.png');
}

#textcontent {
	width: 						700px;
	text-align:					justify;
	font-size:					12px;
	margin-left:				auto;
	margin-right:				auto;
}

#footer {
	position:					relative;
	width:						760px;
	height:						100px;
	background-image:			url('./img/footer.png');
	background-repeat: 		no-repeat;
	font-size:					12px;
	clear:						both;
}

#footer div {
	position:					absolute;
	width:						200px;
	color:						#FFFFFF;
	font-size:					11px;
	top:							20px;
}

#footer .address {
	left:							25px;
}

#footer .contact {
	left:							270px;
	line-height:				180%;
}

#footer .contact img {
	float:						left;
	margin-right:				5px;
}

#footer .links {
	left:							525px;
	line-height:				180%;
}

#footer a:link, #footer a:visited {
	color:						#FFFFFF;
}

#breadcrumbs {
	float:						right;
	text-align:					right;
	color:						#AAAAAA;
	font-size:					11px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color:						#AAAAAA;
}

#breadcrumbs a:hover {
	color:						#666666;
}

/* INDEX PAGE IDs AND CLASSES */

.product {
	position:					relative;
	float:						left;
	width:						330px;
	height:						195px;
	margin-bottom:				30px;
	background-repeat:		no-repeat;
}

.product .headlink {
	position:					absolute;
	top:							5px;
	left:							15px;
	width:						250px;
	height:						60px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				220px;
	color:						#FFFFFF;
	overflow:					hidden;
}

.product .biglink {
	position:					absolute;
	top:							0px;
	left:							0px;
	width:						330px;
	height:						195px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

.product .text {
	position:					absolute;
	top:							68px;
	left:							25px;
	width:						280px;
	font-size:					11px;
}

.product .more {
	position:					absolute;
	top:							160px;
	left:							25px;
	width:						280px;
	text-align:					right;
	font-size:					13px;
}

.product.heating {
	background-image:			url('./img/heatingbg.png');
}

.product.cooling {
	background-image:			url('./img/coolingbg.png');
}

.product.maintain {
	background-image:			url('./img/maintainbg.png');
}

.product.engineers {
	background-image:			url('./img/engineersbg.png');
}

/* HEATING PAGE DEFINITIONS */

.product.suspended {
	background-image:			url('./img/suspended.png');
}

.product.radiant {
	background-image:			url('./img/radianttube.png');
}

.product.cabinet {
	background-image:			url('./img/cabinet.png');
}

/* COOLING PAGE SPECIAL BOLD */

.coolpage b {
	color:						#0195EF;
}

/* CONTACT FORM DEFINITIONS */

.contactright {
	float:						right;
	width:						200px;
	background-color:			#F7F7F7;
	border:						1px solid #E1E1E1;
	padding:						10px;
	margin-left:				15px;
	margin-top:					10px;
}

.formfield {
	width:						430px;
	font-weight:				bold;
	padding-bottom:			5px;
	text-align:					justify;
}

.formfield label {
	float:						left;
	width:						130px;
	text-align:					right;
	padding-top:				2px;
}

.buttondiv {
	width:						425px;
	text-align:					right;
}

form {
	font-size: 					12px;
	width:						430px;
}

input {
	background-color:			#F7F7F7;
	color:						#2A2A2A;
	border: 						1px solid #E1E1E1;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	width:						290px;
	font-weight:				normal;
}

textarea {
	background-color:			#F7F7F7;
	color:						#2A2A2A;
	border: 						1px solid #E1E1E1;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	width:						290px;
	height:						120px;
	font-weight:				normal;
}

select {
	background-color:			#F7F7F7;
	color:						#2A2A2A;
	border: 						1px solid #E1E1E1;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	width:						290px;
	font-weight:				normal;
}

button {
	float:						right;
	display: 					block;
	padding:						2px;
	font-family:				Trebuchet MS;
	font-size: 					12px;
	color:						#333333;
}

.tinyinput {
	width:						15px;
	border:						none;
	font-weight:				normal;
	margin-left:				10px;
	margin-right:				10px;
	background-color:			transparent;	
}

/* HEATER-PAGE SPECIFIC CLASSES */

.thumb {
	float:						left;
	width:						100px;
	height:						100px;
	margin-left:				10px;
	margin-right:				10px;
	padding:						5px;
	border:						1px solid #CCCCCC;
}

/* REGULAR CLASSES */

.pagetitle {
	height:						44px;
	margin-bottom:				15px;
}

.pagetitle h1 {
	float:						left;
	margin-top:					12px;
	text-transform:			uppercase;
}

.spacer {
	float:						left;
	height:						10px;
}

.icon {
	float:						left;
	width:						44px;
	height:						44px;
	margin-right:				10px;
}

.right {
	float:						right;
}

.dispimg {
	float:						right;
	margin:						0px 0px 15px 15px;
	padding:						5px;
	border:						1px solid #E1E1E1;
}

.rightimg {
	float:						right;
	margin:						0px 0px 15px 15px;
}

.noborder {
	border:						none;
}

.filler {
	background-image:			url('./img/filler.png');
	background-repeat:		no-repeat;
	background-position: 	center center;
}

.sep {
	width:						100%;
	height:						0px;
	border-left:				0px;
	border-right:				0px;
	border-top:					1px solid #E1E1E1;
	border-bottom:				1px solid #FFFFFF;
	margin:						10px 0px;
	clear:						both;
}

.clear {
	clear:						both;
}

/* ELEMENTS */

a:link {
	color: 						#2A2A2A;
}

a:hover {
	color:						#666666;
}

a:visited {
	color:						#000000;
}

img {
	border:						0px;
}

h1 {
	font-family:				Trebuchet MS;
	font-size:					20px;
	color:						#3F3F3F;
	font-style: 				italic;
	margin:						0px;
}