@charset "utf-8";

/* Normalise Tags ------------------------------------------------------------------*/

html, body, p, ul, ol, li, dl, dt, dd, h1, h2, h3{
	margin:0;
	padding:0;
	border:0;
}

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

body{
	background:url('images/bg.jpg') top center no-repeat #245898;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#5b5b5b;
}

h1, h2, h3, p, ul{
	margin:1.5em 0;
}
ul, dl{
	margin-left:2em;
}
dt{
	padding:0.6em 0;
}
dd{
	padding-left:2em;
	background:url(images/arrow.gif) 2% 50%  no-repeat;
}
li{
	margin:0.5em 0;
}
table{
	width:100%;
}
td.contact{
	width:50%;
	vertical-align:top;
}
	td.contact p{
		margin-top:0;
	}
a{
	color:#333333;
	text-decoration:underline;
}
a:hover{
	color:#5b5b5b;
	text-decoration:none;
}	
/* Common Classes ------------------------------------------------------------------*/

.right{
	clear:both;
	float:right;
	margin:5px 0 5px 10px;
}

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

#wrapper{
	position:absolute;
	float:left;
	width:710px;
	top:0;
	left:50%;
	margin:30px 0 0 -355px;
}

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

#header{
	float:left;
	width:710px;
	height:305px;	
}

/* Banner --------------------------------------------------------------------------*/

#banner{
	float:left;
	width:650px;
	background:#bfcad8;
	font-size:1.6em;
	font-weight:bold;
	padding:5px 30px;	
	border-bottom:3px solid #85a6cd;
}
	#banner ul{
		margin:0;
		padding:0;
		list-style:none;
	}
		#banner li{
			margin:0;
			padding:0;
			display:inline;
		}
		#banner li.phrase{
			float:left;
		}
		#banner li.phone{
			float:right;
		}
	/* Image Replacement for Headings ----------------------------------------------*/
	
	#banner h3{
		float:left;
		width:300px;
		height:35px;
		text-indent:-9999px;
		margin:0;
		padding:0;

	}	
		#headerindex{ 
			background: url('images/header_index.png') no-repeat;
		}
		#headermachinery{
			background: url('images/header_machinery.png') no-repeat;
		}
		#headerionic{
			background: url('images/header_ionic.png') no-repeat;
		}
		#headercarpet{
			background: url('images/header_carpet.png') no-repeat;
		}
		#headeroffers{
			background: url('images/header_offers.png') no-repeat;
		}
		#headercontact{
			background: url('images/header_contact.png') no-repeat;
		}
		#headertelno{
			float:right;
			width:175px;
			height:35px;
			text-indent:-9999px;
			background:url('images/telno.png') no-repeat;
			margin:0;
			padding:0;
		}
		

/* Content -------------------------------------------------------------------------*/

#content{
	float:left;
	width:650px;
	background:#d4dfec;
	font-size:1.2em;
	line-height:1.6em;
	padding:0 30px;	
	border-bottom:1px solid #d1d1d1;
}

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

#footer{
	float:left;
	width:710px;
	text-align:center;
	padding:10px 0;
	color:#eeeeee;
}
	#footer p{
		font-size:1.2em;
	}
	#footer ul{
		list-style-image:url('images/arrow.gif');
		font-size:1.2em;
		margin:0;
		padding:0;
	}
		#footer li{
			display:inline;
			margin:0 5px;
			padding:0;
		}
		#footer li a{
			color:#eeeeee;
			text-decoration:none;
		}
		#footer li a:hover{
			color:#eeeeee;
			text-decoration:underline;
		}