/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	background-image:url(/site/img/bg.gif);
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 100%;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks
{
	height: 17px;
	width: 304px;
	position: absolute;
	padding-left:10px;
	top: 0;
	left: 0;
	background: #fff url(/site/img/header-bg2.gif) left top repeat-y;
}
 
div#skiplinks p
{
	color: #ccc;
	line-height: 17px;
	margin-bottom: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.833em;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}

/* Site container */

div#site_container {
}

/* header block */
/*******************************************************************************/
div#header_container
{
	background-image:url(/site/img/header-bg.gif);
	background-repeat:repeat-x;
}

div#logo
{
	width: 695px;
	height: 112px;
	margin: 0 auto;
	position:relative;
}

div#header_print
{
	width: 391px;
	height: 112px;
	position: absolute;
	top: 0;
	left: 304px;
}


/* body block */
/*******************************************************************************/
div#body_container
{
	width:695px;
	margin:0 auto;
	background: #fff url(/site/img/body-bg.jpg) repeat-y;
}

/* Breadcrumb */
div#breadcrumb
{
	text-align:right;
	color: #4E98E2;
	padding: 5px 20px 5px 0;
}
	
div#breadcrumb a
{
	color: #000360;	
}
	
/* Navigation */
div#nav_container
{
	float:left;
	width: 173px;
	margin-left: 0;
	padding-left: 0;
}


div#nav_container ul
{
	margin: 0 0 0 4px;
	padding: 0;
	width: 154px;
}

div#nav_container ul li.last{
	border-bottom: #005596 solid 1px;
}

div#nav_container ul li
{
	background-image:url(/site/img/nav-off-bg.gif);
	background-repeat: repeat-y;
	list-style:none;
	border-top: #005596 solid 1px;
	margin: 0;
	padding: 0;
	float: left;
}

div#nav_container ul li a {
	line-height: 1.1em;
	padding: 5px 24px 5px 30px;	
	display: block;
	width: 100px;
}

div#nav_container ul li a,
div#nav_container ul li a:visited,
div#nav_container ul li a:active
{
	color: #4E98E2;
}

div#nav_container ul li a:hover{
	background: #005596 url(/site/img/nav-on-bg.gif) left top repeat-y;
	color: #FFF;
}

div#nav_container ul#home_active li a#home,
div#nav_container ul#aircon1_active  li a#aircon1, 
div#nav_container ul#duct1_active  li a#duct1, 
div#nav_container ul#aircon2_active li a#aircon2, 
div#nav_container ul#duct2_active li a#duct2, 
div#nav_container ul#filter_active li a#filter, 
div#nav_container ul#kitchen1_active li a#kitchen1, 
div#nav_container ul#kitchen2_active li a#kitchen2,
div#nav_container ul#water_active li a#water,  
div#nav_container ul#fire_active li a#fire, 
div#nav_container ul#ventclean_active li a#ventclean, 
div#nav_container ul#testimon_active li a#testimon, 
div#nav_container ul#contact_active li a#contact 
{
	background: #005596 url(/site/img/nav-on-bg.gif) left top repeat-y;
	color: #FFF;
}



div#copy {
	float:left;
	width:360px;
	padding-right: 10px;
}


/* Sidebar */

div#sidebar {
	float: left;
	width: 124px;
	margin-left: 5px;
}

img.email {
	margin-top: 20px;
}


/* footer */
/*******************************************************************************/
div#footer_container
{
	color: #797979;
	width: 695px;
	margin:0 auto;
	padding-left: 30px;
	font-size: 0.83em;
}

div#footer_container a,
div#footer_container a:link,
div#footer_container a:visited,
div#footer_container a:active {
	color: #797979;
}

div#footer_container p {
	text-align:left;
	margin-bottom: 0.5em;
}

div#copy_footer {
	background-image:url(/site/img/footer.jpg);
	background-repeat:no-repeat;
	width: 695px;
	margin:0 auto;
	height:  53px;
	color:#005596;
	font-size: 0.9166em;
	}
	
div#copy_footer p{
	text-align: center;
	padding-top: 6px;
}

div#copy_footer a,
div#copy_footer a:link,
div#copy_footer a:active, 
div#copy_footer a:visited {
	font-weight: normal;
}


/*  Link stylings */

a, a:link, a:active a:visited {
	color: #5E97EC;
}

a:hover {
	color:#005596;
}

img.grade {
	margin-top: 50px;
	margin-left: 20px;
}

img.hvca {
	margin-left: 20px;
}

div#flash_container {
	padding-bottom: 5px;
}

div#flash_logo
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 17px;
	left: 0;
	width: 304px;
	height: 95px;
}


/* Quote stylings */

div.quote {
	border: 1px #000 dotted;
	background-color:#DFDFDF;
	padding: 10px;
	margin-bottom: 10px;
}

/* Table stylings */

div#copy {
	margin-bottom: 12px;
}


/* img layout */

div#copy p img,
div#copy li img  {
	padding: 0 7px 7px 7px;
}

div#copy ul li {
	margin-bottom: 0.8em;
	line-height:1em;
}

/* Testimonial stylings */

div#test {
	background-color: #eef0f3;
	padding: 10px;
	margin-bottom: 12px;
}