/**************************************************************
   AUTHOR:  Ivan F Gautama (ayolah.com)
   DATE:    2008.03.19
 
 **************************************************************/
HTML
{
 overflow: scroll;
}

BODY
{
 background: #0A58A3 url(../images/bg_blue.png) repeat-x bottom;
 padding:0px;
 margin:0px;
 font-family: verdana, Helvetica, sans-serif;
 font-size:12px;
color: #000000;
}

H1, u
{
color: #000000;
}

DIV#pageContent
{
 margin-top:20px;
 margin-bottom: 20px;
 margin-left:auto;
 margin-right: auto;
 padding:10px;
 text-align:left;
 position:relative;
 width:950px;
 border: solid 1px #094177;
 border-top;none;
 background: #fff url(../images/body_bg.png) repeat-x bottom;
}

input[type="button"], input[type="submit"] {
background-color: #094177;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
margin-bottom:2px;
outline-style:none;
padding-bottom:3px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
vertical-align:middle;
width:120px;
border: none;
}

.boxbg  {
background:url("../images/boxbg.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:190px;
vertical-align:top;
width:250px;
}

.suburbFont {
color:#FFFFFF;
font:9px verdana,Helvetica,sans-serif;
margin:0;
padding:0;
text-decoration:underline;
}

DIV#logoContent
{
 text-align:left;
 position:relative;
 margin-bottom: 10px;
}

DIV#phoneContent
{
 text-align:center;
 width: 200px;
 padding: 5px;
 background-color: #BFD9F4;
 font-family: verdana, Helvetica, sans-serif;
 font-size:14px;
 margin-bottom: 5px;
}

DIV#menuContent
{

 text-align:center;
 height:65px;
 white-space: nowrap;
 background:#ffffff url(../images/btn_bg.jpg) repeat-x left top;
}

DIV#menuContent ul
{
 text-align:center;
 margin:0px;
 padding:0px;
 list-style: none;
 height:33px;
}

DIV#menuContent ul li
{
 float:left;
 margin:0px;
 padding:0px;
}

DIV#menuContent ul li a
{
 float:left;
 font: 12px verdana, Helvetica, sans-serif;
 color: #fff;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 border-right:solid 1px #fff;
 text-align:center;
 margin:0px;
 padding: 7px 15px 7px 15px;
 width: 108px;
 height:19px;
 white-space:nowrap;
 background:#0066A6 url(../images/btn_bg.jpg) repeat-x left top;
}

DIV#menuContent ul li a:hover,
DIV#menuContent ul li a:active,
DIV#menuContent ul li a:focus
{
 background:#0066A6 url(../images/btn_bg_over.jpg) repeat-x left top;
 color: #ccc;
}

/* Resize the "Under Floor Heating" in top menu */
DIV#menuContent ul li.item6 a
{
 width: 145px;
}
h4
{
font-size:14px;
height:0px;
text-decoration: none;
color: #0568b2;
}
h4:hover
{
font-size:14px;
height:0px;
text-decoration:underline;
color: #e8641b;
}
/* Left menu */

DIV#leftMenuContent {
	position:relative;
	left:10px;
	width: 180px;
	margin: 0px;
	margin-right: 10px;
}

DIV#leftMenuContent ul {
	padding:0;
	margin:0;
	list-style:none;
}

DIV#leftMenuContent ul li {
	float:left;
}

DIV#leftMenuContent ul li#current a {
	background: url('../images/leftMenu_bg_over.png') no-repeat;
}

DIV#leftMenuContent ul li a {
	float:left;
	width:180px;
	height:32px;
	margin:0 3px 0 0;
	font-weight: bold;
	font-size: 11px; 
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #737573;
	text-align: left;
	background: url('../images/leftMenu_bg.png') no-repeat;
}

DIV#leftMenuContent ul li a span{
	position:absolute;
	margin:9px 0 0 30px;
}

DIV#leftMenuContent ul li a:hover,
DIV#leftMenuContent ul li a:active,
DIV#leftMenuContent ul li a:focus {
	color: #217db5;
	background: url('../images/leftMenu_bg_over.png') no-repeat;
}
DIV#leftMenuContent ul li.item21 a
{
 color: #fa0303;
}
DIV#leftMenuContent ul li.item21 a:hover
{
color: #217db5;
background: url('../images/leftMenu_item21_bg_over.jpg') no-repeat;
}
DIV#leftMenuContent ul li.item21 a:active
{
color: #217db5;
background: url('../images/leftMenu_item21_bg_over.jpg') no-repeat;
}
DIV#leftMenuContent ul li.item21 a:focus
{
color: #217db5;
background: url('../images/leftMenu_item21_bg_over.jpg') no-repeat;
}
DIV#leftMenuContent ul li.item21#current a {
	background: url('../images/leftMenu_item21_bg_over.jpg') no-repeat;
}

/* left menu end */

DIV#bodyContent
{
 padding-top:10px;
 padding-bottom:10px;
min-height:50px;
}

DIV#textContent
{

 text-align: left;
 width:593px;
 margin-left: 205px;
 margin-top: 5px;
 position:relative;
 border:solid 1px #000;
}

DIV#footerContent
{
 background-color: #094177;
 font: 12px verdana, Helvetica, sans-serif;
 color:#fff;
 padding:5px;
 min-height:160px;
}

DIV#footerContent a
{
 text-decoration: none;
}

DIV#footerContent a:hover,
DIV#footerContent a:active,
DIV#footerContent a:focus
{
 color:#000;
}

.suburbFont
{
 font: 9px verdana, Helvetica, sans-serif;
 color: #fff;
 text-decoration:underline;
 margin:0px;
 padding:0px;
}

.suburbFont:hover
{
 color:#0171B1;
}

.centertext
{
text-align: left;
padding-bottom: 5px;
}

.centertext:hover
{
color: #e8641b;
text-align: left; 
padding-bottom: 5px;
}

.anchortags
{
font: 12px verdana, Helvetica, sans-serif;
color: #0568b2;
text-decoration:none;
margin:15px;
 padding-right:10px;
display:inline;
}

.anchortags:hover
{
font: 12px verdana, Helvetica, sans-serif;
color: #e8641b;
text-decoration:underline;
margin:15px;
 padding-right:10px;
display:inline;
}

.contentpaneopen
{
width:100%;
}

.menuseparator
{
 font: 9px verdana, Helvetica, sans-serif;
 color: #fff;
 text-decoration:none;
 margin:0px;
 padding:0px;
}

.menuseparator:hover
{
 color:#0171B1;
}

.headertagsforh1
{
font: 12px verdana, Helvetica, sans-serif;
color: #737573;
text-decoration:none;
margin:15px;
 padding-right:10px;
display:inline;
}

.anchorforcontact
{
font: 12px verdana, Helvetica, sans-serif;
color: #0568b2;
}
.anchorforcontact:hover
{
font: 12px verdana, Helvetica, sans-serif;
color: #e8641b;
}
/********************************************/
.menuItem {
text-align: center;
width:950px;
margin:0 auto;
background: #fff url(../images/tab_bg.gif) top repeat-x;
}

#topMenu {
height:44px;
background:#FFF;
width:950px;
clear:both;
margin:0 auto;
text-align: center;
}

.fRight {
float:right
}

.moduletable
{
text-align: center;
width:100%;
}

.menu
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#topMenu {
text-align:center;
}

#topMenu ul {
text-align:center;
margin:0 auto;
margin-left: auto;
margin-right: auto;
padding:0;
padding-left:3px;
}

#topMenu li {
display:inline;
list-style-type:none;
text-align: center;
}

#sitePic {
float:left;
padding:3px 5px
}

#siteTitle {
color:#bd0100;
font-size:1.2em;
padding:3px 5px
}

#topMenu li a,#topMenu li a:link,#topMenu li a:visited {
display:inline;
font:400 0.9em "trebuchet ms", serif;
text-decoration:none;
text-transform:capitalize;
color:#000;
text-align:center;
float: left;
width:101px;
height:44px;
margin:0 3px 0 1px;
padding-top:18px;
background:url(../images/tab.gif);
background-repeat:no-repeat;
}

#topMenu li a:hover {
background:url(../images/tab_hover.gif);
background-repeat:no-repeat;
font-size: 13px;
padding-top:8px;
font-weight: bold;
}

.spanBg
{
background: url(../images/textbox1.jpg) no-repeat;
 width: 280px;
 height: 195px
}

DIV.slideshow_content
{
	border: #666 solid 1px;
	padding: 10px;
	background-color: #efefef;
	width: 285px;
	float: left;
	margin: 10px;
	margin-top: 0px;
}

DIV.slideshow_content a
{
	outline-style: none;
}

DIV.slideshow_content img
{
	border: #333 solid 1px;
	outline-style: none;
	padding: 5px;
	margin: 5px;
}

DIV.slideshow_med
{
	padding-bottom: 5px;
}

DIV.slideshow_list
{
	overflow: auto;
	height: 200px;
	width: 280px;
	text-align: center;
}

DIV.slideshow_list ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

DIV.slideshow_list ul li
{
	list-style: none;
	display: inline;
	outline-style: none;
}
#topMenu li ul{
height:200px;
left:-999em;
padding:0 0 10px;
position:absolute;
top:150px;
width:150px;
text-align: center;
}

#topMenu li ul a, #topMenu li ul a:hover, #topMenu li ul a:active,
#topMenu li ul a:visited, #topMenu li ul a:link{
text-align: center;
background-image: none;
border: 1px #666 solid;
width: 150px;
padding:0px;
background-color: #CBCBCB;
color: #000;
font-size: 12px;
height:20px;
}

#topMenu li ul a:hover
{
background-color:#0A58A3;
color: #fff;
border: 1px #000 solid;
}

#topMenu li:hover ul{
	color: fff;
left: 200px;
}