/* 
	Main menu rollovers
	Written by Austin de Coup-Crank
	01/13/2010 
	adapted from
	http://www.elated.com/articles/css-rollover-buttons/
*/

/* Main logo */
	#logo {
		display:block;
		width:384px;
		height:210px;
		background:url("images/Dot-Com-Computers.png") no-repeat 0 0;
	}
	#logo:hover { background-position: 0 -210px; }
	#logo span { display:none; }


/* Contact button */
	#contact {
		display:block;
		width:323px;
		height:74px;
		background:url("images/Contact.png") no-repeat 0 0;
	}
	#contact:hover { background-position: 0 -74px; }
	#contact span { display:none; }

/* Services button */
	#services {
		display:block;
		width:323px;
		height:66px;
		background:url("images/Services.png") no-repeat 0 0;
	}
	#services:hover { background-position: 0 -66px; }
	#services span { display:none; }

/* Systems button */
	#systems {
		display:block;
		width:323px;
		height:64px;
		background:url("images/Computer-Systems.png") no-repeat 0 0;
	}
	#systems:hover { background-position: 0 -64px; }
	#systems span { display:none; }
	
/* Specials button */
	#specials {
		display:block;
		width:323px;
		height:76px;
		background:url("images/Specials.png") no-repeat 0 0;
	}
	#specials:hover { background-position: 0 -76px; }
	#specials span { display:none; }

/* Graphics & printing button */
	#graphics {
		display:block;
		width:323px;
		height:77px;
		background:url("images/Graphics-&-Printing.png") no-repeat 0 0;
	}
	#graphics:hover { background-position: 0 -77px; }
	#graphics span { display:none; }

/* Orders button */
	#orders {
		display:block;
		width:323px;
		height:69px;
		background:url("images/Special-Orders.png") no-repeat 0 0;
	}
	#orders:hover { background-position: 0 -69px; }
	#orders span { display:none; }

/* Info button */
	#info {
		display:block;
		width:323px;
		height:70px;
		background:url("images/Information.png") no-repeat 0 0;
	}
	#info:hover { background-position: 0 -70px; }
	#info span { display:none; }

/* Contact button */
	#contact {
		display:block;
		width:323px;
		height:74px;
		background:url("images/Contact.png") no-repeat 0 0;
	}
	#contact:hover { background-position: 0 -74px; }
	#contact span { display:none; }

/* Clients button */
	#clients {
		display:block;
		width:323px;
		height:75px;
		background:url("images/Clients.png") no-repeat 0 0;
	}
	#clients:hover { background-position: 0 -75px; }
	#clients span { display:none; }