@charset "utf-8";
/* Normalise Common Tags -----------------------------------------*/

html,body{
	margin:0;
	padding:0;
	font-size:62.5%;
}

/* Set Common Tags -----------------------------------------------*/

body{
	background:url('images/bg_body.jpg') top center repeat-y #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	color:#333333;	
}

img{border:none}

/* Wrapper -------------------------------------------------------*/

#wrapper{
	position:absolute;
	float:left;
	width:840px;
	top:0;
	left:50%;
	padding:0 30px;
	margin:39px 0 0 -450px;
}

/* Header --------------------------------------------------------*/

#header{
	float:left;
	width:840px;
	padding:0;
	margin:0;
}
	#header a{
		border:none;
	}
	#header img{
		border:none;
	}

/* Menu ----------------------------------------------------------*/

#menu{
	float:left;
	width:840px;
	height:25px;
	font-size:1.2em;
	font-family:Helvetica,sans-serif;	
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	background:url('images/bg_menu.gif');
	padding:0;
	margin:5px 0;
}
	#menu ul{
		float:right;
		display:inline;
		list-style:none;
		margin:3px 10px;
	}
		#menu ul li, #menu ul a{
			display:inline;
			height:19px;
			margin:0 4px;
		}
		#menuitem_home{
			float:right;
			background:url('images/nav_home-off.jpg') no-repeat;
			width:51px;
		}		
			#menuitem_home-current{
				float:right;
				background:url('images/nav_home-on.jpg') no-repeat;
				width:51px;
			}	
			a#menuitem_home:hover{
				background:transparent url('images/nav_home-on.jpg') no-repeat;
			}
		#menuitem_bathrooms{
			float:right;
			background:url('images/nav_bathrooms-off.jpg') no-repeat;
			width:90px;
		}		
			#menuitem_bathrooms-current{
				float:right;
				background:url('images/nav_bathrooms-on.jpg') no-repeat;
				width:90px;
			}	
			a#menuitem_bathrooms:hover{
				background:transparent url('images/nav_bathrooms-on.jpg') no-repeat;
			}
		#menuitem_gallery{
			float:right;
			background:url('images/nav_gallery-off.jpg') no-repeat;
			width:70px;
		}		
			#menuitem_gallery-current{
				float:right;
				background:url('images/nav_gallery-on.jpg') no-repeat;
				width:70px;
			}		
			a#menuitem_gallery:hover{
				background:transparent url('images/nav_gallery-on.jpg') no-repeat;
			}
		#menuitem_contact{
			float:right;
			background:url('images/nav_contact-off.jpg') no-repeat;
			width:90px;
		}	
			#menuitem_contact-current{
				float:right;
				background:url('images/nav_contact-on.jpg') no-repeat;
				width:90px;
			}			
			a#menuitem_contact:hover{
				background:transparent url('images/nav_contact-on.jpg') no-repeat;
			}
		#menuitem_plumber{
			float:right;
			background:url('images/nav_plumber-off.jpg') no-repeat;
			width:70px;
		}	
			#menuitem_plumber-current{
				float:right;
				background:url('images/nav_plumber-on.jpg') no-repeat;
				width:70px;
			}		
			a#menuitem_plumber:hover{
				background:transparent url('images/nav_plumber-on.jpg') no-repeat;
			}
		#menuitem_heating{
			float:right;
			background:url('images/nav_heating-off.jpg') no-repeat;
			width:121px;
		}	
			#menuitem_heating-current{
				float:right;
				background:url('images/nav_heating-on.jpg') no-repeat;
				width:121px;
			}			
			a#menuitem_heating:hover{
				background:transparent url('images/nav_heating-on.jpg') no-repeat;
			}
		
/* Content --------------------------------------------------------*/

#content_bg{
	float:left;
	width:810px;
	height:413px;	
	padding:20px 15px 22px 15px;
	margin:5px 0;
}
	.content_index{
		background:url('images/bg_index.jpg');
	}
	.content_plumbing{
		background:url('images/bg_plumbing.jpg');
	}
	.content_central{
		background:url('images/bg_central.jpg');
	}
	.content_bathroom{
		background:url('images/bg_bathroom.jpg');
	}
	.content_gallery{
		background:url('images/bg_gallery.jpg');
	}
	.content_contact{
		background:url('images/bg_contact.jpg');
	}
		
#content{
	float:left;
	width:350px;
	background:#f8f5ee;
	padding:20px;
	border:1px solid #000000;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
	#content_text{
		float:left;		
		width:345px;
		height:340px;
		overflow-y:auto;
		padding:0 0 0 15px;
	}
	#content a{
		color:#333333;
	}
	#content a:hover{
		color:#666666;
	}
#gallery{
	float:left;
	width:770px;
	background:#f8f5ee;
	padding:20px;
	border:1px solid #000000;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
	#gallery_text{
		float:left;		
		width:770px;
		height:340px;
		overflow-y:auto;
		padding:0;
	}
	#content h1,#gallery h1{
		font-family:'Arial Narrow', Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:0 0 10px 0;
		padding:0;
	}
	#content em,#gallery em{
		color:#ec4111;
	}	
	#content strong,#gallery strong{
		color:#002929;
	}
	#content .forminput{
		font-size:1em;
		font-family:Tahoma, Helvetica, sans-serif;
		width:210px;
		background:#e6e6e6;
		border:none;
	}


/* Footer ----------------------------------------------------------*/

#footer{
	float:left;
	width:840px;
}
	.footer_left{
		float:left;
	}
	.footer_right{
		float:right;
	}