@charset "utf-8";
/* CSS Document */
/* Dark Yellow: FDDC35, Medium Yellow: FFE56A, Light Yellow: FDEC97 */

body 				{ background:#FDDC35; font-size:18px; font-family:Verdana, Geneva, sans-serif; }
a:link, a:visited 	{ color:#F00; text-decoration:none; }
a:hover 			{ color:#900; text-decoration:none; }
.center 			{ text-align:center; }
.italics 			{ font-style:italic; }
.bold 				{ font-weight:bold; }
.underline 			{ text-decoration:underline; }
img.computer		{ width:200px; height:190px; background:url(images/sprite_image.png); background-position: -200px 0px; }

#frame { 
	width:750px; height:600px; 
	position:absolute; 
	top:50%; margin-top:-300px; 
	left:50%; margin-left:-375px; 
	background:url(images/frame.png) no-repeat; 
	border:0px; 
	z-index:10; 
}
#logo { 
	width:690px; height:140px; 
	background:url(images/sprite_image.png);
	background-position: 0px -200px;
	position:absolute; 
	top:50%; margin-top:-290px; 
	left:50%; margin-left:-350px; 
	border:0px; 
	z-index:20; 
}
#computer { 
	width:200px; 
	position:absolute; 
	top:50%; margin-top:-120px; 
	left:50%; margin-left:-310px; 
	border:0px; 
	z-index:30; 
}
#slogan { 
	width:300px; height:120px;
	background:url(images/sprite_image.png);
	background-position: -400px 0px; 
	position:absolute; 
	top:50%; margin-top:-105px; 
	left:50%; margin-left: -20px; 
	border:0px; 
	z-index:40; 
	font-weight:bold; text-align:center; 
}
#footer {
	width:185px; height:65px;
	background:url(images/sprite_image.png);
	background-position: -400px -120px;
	position:absolute;
	top:50%; margin-top:200px;
	left:50%; margin-left:140px;
	border:0px;
	z-index:40;
}
#services { position:absolute; top:50%; margin-top:  30px; left:50%; margin-left:  20px; border:0px; z-index:40; }
#rates 	  { position:absolute; top:50%; margin-top:  85px; left:50%; margin-left: -10px; border:0px; z-index:40; }
#specials { position:absolute; top:50%; margin-top: 135px; left:50%; margin-left: -50px; border:0px; z-index:40; }
#contact  { position:absolute; top:50%; margin-top: 185px; left:50%; margin-left:-130px; border:0px; z-index:40; }
#about    { position:absolute; top:50%; margin-top: 225px; left:50%; margin-left:-250px; border:0px; z-index:40; }
#invoices { position:absolute; top:50%; margin-top: 257px; left:50%; margin-left: 200px; border:0px; z-index:40; width:200px; height:30px; }
#arion    { position:absolute; top:50%; margin-top:  85px; left:50%; margin-left:-210px; border:0px; z-index:40; }
a.home, a.about, a.services, a.rates, a.specials, a.contact {
	width:200px;
	height:20px;
	display:block;
	background:url(images/sprite_image.png);
	background-repeat:no-repeat;
}
a.services 			{ background-position: 0px 0px; }
a.services:hover 	{ background-position: 0px -20px; }
a.rates 			{ background-position: 0px -40px; }
a.rates:hover 		{ background-position: 0px -60px; }
a.specials			{ background-position: 0px -80px; }
a.specials:hover 	{ background-position: 0px -100px; }
a.contact			{ background-position: 0px -120px; }
a.contact:hover 	{ background-position: 0px -140px; }
a.about 			{ background-position: 0px -160px; }
a.about:hover 		{ background-position: 0px -180px; }