a { color:#444 }
a:visited { color:#444 }
a:hover { color:#999; }

body {
	font-family:Arial, sans-serif, "Lucida Sans";
	font-size: 62.5%;
	line-height: 1.5em;
	color: #444;
	background-color:#e6e1d4;
	margin: 0px;
}
#container {
	width: 1000px;
	padding:0;
	position: relative;
	margin: 0 auto 0 auto;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;	
}
#banner {
	background:transparent url(images/banner.gif) no-repeat 0 0;
	height: 240px;
	width: 1000px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	margin:0;
	padding:0;
}


h1 {
	position:absolute;
	font-size:1.4em;
	top:180px;
	right:50px;
	z-index:8;
	color:#0056a4;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:0;
	line-height:1em;
	text-align: right;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0;
}

#content_container {
	font-size:1.4em;
	line-height:1.4em;
	padding: 248px 54px 8px 436px;
	margin:0px;
	min-height:288px;
	position:relative;
	z-index:2;
}

#content p {
	margin-top:0.2em;
	margin-bottom:0.8em;
}

#content h2 {
	padding-top:0.5em;
	padding-bottom:0.2em;
	font-size:1.3em;
	color:#000;
	letter-spacing:0.1em;
	clear:both;
	margin:0;
}
#content h3 {
	padding-top:0.5em;
	padding-bottom:0.2em;
	margin-bottom:0;
	font-size:1.1em;
	line-height:1.2em;
	margin:0;
	font-weight:bold;
	color:#000;
	clear:both;
}

#logo { position:absolute; top:88px; left:80px; width:390px; height:205px; z-index:3; }

#images {
	position:absolute;
	width:408px;
	height:280px;
	left:0px;
	z-index:4;
	overflow:hidden;
	background: url(images/images_home.jpg) 0 0 no-repeat;
	top: 240px;
}

#container.products_and_services #images { background: url(images/images_products.jpg) 0 0 no-repeat; }
#container.booking #images { background: url(images/images_booking.jpg) -1px 0 no-repeat; }
#container.promotion #images { background: url(images/images_promotion.jpg) 0 0 no-repeat; }
#container.contact_us #images { background: url(images/images_contact.jpg) 0 0 no-repeat; }
#container.plumbing #images { background: url(images/images_plumbing.jpg) 0 0 no-repeat; }

#container.heating #images,
#container.ducted_heating #images,
#container.gas_log_fires #images,
#container.hydronic_poolspa_heaters #images,
#container.room_heaters #images,
#container.wall_heaters #images,
#container.space_heater #images { background: url(images/images_heating.jpg) -1px 0 no-repeat; }
 
#container.cooling #images,
#container.add_on_refrigeration #images,
#container.evaporative_coolers #images,
#container.reverse_cycle #images,
#container.air_conditioning #images { background: url(images/images_cooling.jpg) -1px 0 no-repeat; }

#container.hot_water_systems #images,
#container.continuous_flow #images,
#container.instantaneous #images,
#container.solar #images,
#container.storage #images,
#container.hot_water_systems #images { background: url(images/images_hot_water_system.jpg) -1px 0 no-repeat; }


#container.electrical #images { background: url(images/images_electrical.jpg) 0 0 no-repeat; }
#container.cooking #images { background: url(images/images_cooking.jpg) -1px 0 no-repeat; }

#images_bg {
	position:absolute;
	top:356px;
	width:20px;
	height:80px;
	z-index:4;
	background-image: url(images/cut-circle.gif);
	background-repeat: no-repeat;
	left: 408px;
	visibility: visible;
}

#navigation {
	height:22px;
	right:0px;
	position:absolute;
	top:105px;
	width:546px;
	z-index:9999;
	left: 426px;
}
#navigation ul { margin:0; padding:0; list-style:none; }
.sf-menu a, .sf-menu a:visited  { 
	color:#fff;
}
.sf-menu a {
	border:	none;
	padding:8px 1.2em 8px 1.2em;
	padding:8px 1em 8px 1em;
	color:#fff;
	font-size:1.4em;
	text-decoration:none;
	font-family: helvetica, arial, sans serif; 
}
.sf-menu li {
	background:	#ee3026;
}
.sf-menu li li {
	padding:0 1.25em 0 0;
}
.sf-menu li li {
	background:	#ee3026;
}
.sf-menu li li li {
	background:	#ee3026;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#ee3026;
	color:#0056a4;
	outline:0;
}

.sf-menu ul { width:20em; }

.sf-sub-indicator {
	background:transparent url(images/arrows-ffffff.png) no-repeat scroll -10px -100px;
	display:block;
	height:1em;
	overflow:hidden;
	position:absolute;
	right:8px;
	top:7px;
	width:10px;
}
a > .sf-sub-indicator {
	background-position:0 -100px;
	top:7px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}

.sf-menu a.sf-with-ul { min-width:1px; padding-right:1.5em; }

.cb { clear: both; }
div.cb { clear: both; height:1px; }

#footer {
	position:relative;
	width: 1000px;
	margin:0;
	font-size:9px;
	height:170px;
	color:#999;
	background:#e6e1d4 url(images/footer.gif) 0 0 no-repeat;
}

#footer span { position:absolute; left:-4400px; }

#footer #site_by_bink {
	padding:150px 0 2px 12px;
}
#footer #site_by_bink a { color:#999 }
#footer #site_by_bink a:hover { color:#006666; }

img {
	border:none;
}
h5 {
	position:absolute;
	left:-4400px;
}

div.table { width:480px; margin-left:auto; margin-right:auto; clear:both; line-height:2.4em; }
div.table .cl2 { font-weight:bold; }
div.table span.lc { width:180px; text-align:right; position:relative; margin-right:10px; display:block; float:left; }
div.table span.sc { width:480px; text-align:left; position:relative; display:block; float:left; }
div.table span.lc label { font-weight:bold; }
div.table span.rc { text-align:left; width:280px; position:relative; display:block; float:left; }
div.table span.rc input { border:1px #ccc solid; border-collapse:collapse; padding:2px; }
div.table span.rc select { border:1px #ccc solid; border-collapse:collapse; padding:0px; }
div.table span.rc input.r { border:none; border-collapse:collapse; padding:2px; }
div.table span.rc textarea { border:1px #ccc solid; border-collapse:collapse; padding:2px; }
div.table span.rc label.error { display:block; }

div.photo { border:none; width:160px; display:block; position:relative; }
div.photo a { display:block; }
div.photo a img { border:1px #ccc solid; margin:5px auto 0 auto;  display:block; }
div.photo span { display:block; text-align:center; margin:5px auto 0 auto; font-size:0.8em; color:#999; }

div.photo_large { border:none; width:160px; display:block; position:relative; }
div.photo_large img { border:1px #ccc solid; margin:5px auto 0 auto;  display:block; }
div.photo_large span { display:block; text-align:center; margin:5px auto 0 auto; font-size:0.8em; color:#999; }

.fl { float:left; clear:left; margin:0 16px 16px 0; }
.fr { float:right; clear:right; margin:0 0 16px 16px; }

#logos {
	overflow: hidden;
	position: absolute;
	z-index: 12;
	height: 56px;
	width: 200px;
	left: 780px;
	top: 30px;
}
#logos ul { margin:0; padding:0; list-style:none; }
#logos ul li { margin:0; padding:0; list-style:none; width:200px; height:56px; position:absolute; top:0; left:0; opacity:0; z-index:12; background:#fff; }
#logos ul li.active { opacity:1; z-index:14; }
#logos ul li.last-active { z-index:13; }
#logos ul li a { display:block; }
#logos ul li a img { display:block; margin:0 auto 0 auto; }

#messages {
	overflow: hidden;
	position: absolute;
	height: 56px;
	width: 320px;
	left: 440px;
	top: 40px;
	z-index: 12;
}
#messages ul { margin:0; padding:0; list-style:none; }
#messages ul li { margin:0; padding:0; list-style:none; color:#000; width:320px; height:56px; position:absolute; top:0; left:0; font-size:1.4em; opacity:0; z-index:12; background:#fff; }
#messages ul li.active { opacity:1; z-index:14;  }
#messages ul li.last-active { z-index:13; }
#messages ul li a { color:#000; }