html, body	{
	height: 100%;
	}
	
	
/* end hack 

----------------------------------------------- */

html,body {
	margin: 0;
	padding: 0;
	}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	min-width: 750px; /* stop mozilla sliding off the edge */
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff url(images/bg.jpg) repeat-x top center;
	}
	
.container {
	margin: 0 auto;
	position: relative;
	width: 750px;
	text-align: left;
	min-height: 100%;
	margin-bottom: -30px;
	height: auto;
	}

* html .container {height: 100%;} /* for ie to resize */


/* header

----------------------------------------------- */	


.header {
	width: 750px;
	height: 248px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	}
	

#home a {
	position: absolute;
	width: 750px;
	height: 248px;
	top: 0; 
	text-decoration: none;
	}

#home a i { 
	visibility: hidden;
	}
	
	
.machines {
	width: 100%;
	height: 403px;
	background-image: url(images/machines.jpg);
	background-repeat: no-repeat;
	}

#desktop a {
	position: absolute;
	width: 325px;
	height: 403px;
	top: 248px;
	left: 0; 
	text-decoration: none;
	}

#desktop a i { 
	visibility: hidden;
	}
   
#laptop a {
	position: absolute;
	width: 325px;
	height: 403px;
	top: 248px;
	left: 325px; 
	text-decoration: none;
	}

#laptop a i { 
	visibility: hidden;
	}

.buttons {
	width: 100%;
	height: 31px;
	background-image: url(images/buttons.jpg);
	background-repeat: no-repeat;
	}
	
#desktopb a {
	position: absolute;
	width: 325px;
	height: 31px;
	top: 651px;
	left: 0; 
	text-decoration: none;
	}

#desktopb a i { 
	visibility: hidden;
	}
   
#laptopb a {
	position: absolute;
	width: 325px;
	height: 31px;
	top: 651px;
	left: 325px; 
	text-decoration: none;
	}

#laptopb a i { 
	visibility: hidden;
	}
	
#ldlogo {
	width: 150px;
	height: 62px;
	background-image: url(images/ldlogo.gif);
	background-repeat: no-repeat;
	margin: 20px 0 0 290px;
	}
	
#ld a {
	position: absolute;
	width: 150px;
	height: 62px;
	border: 0;
	text-decoration: none;
	}

#ld a i { 
	visibility: hidden;
	}
	
.cancycle {
	width: 100%;
	height: 85px;
	background-image: url(images/cancycle1.gif);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	}
	
	
	
	
/* footer

----------------------------------------------- */

.footer {
	margin: 0 auto;
	position: relative;
	width: 750px;
	clear: both;
	height: 30px;
	color: #09c;
	background: #fff;
	}



.clearfooter {
	clear: both;
	height: 30px;
	}
	
