* {
	margin: 0;
	padding: 0;
}

a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
        
.boxes {
	width: 620px;
	height: 620px;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.65em;
	color: #336699;
	}

.menutext {
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	}
.text {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
/*Cyan Box 1*/
#cyanbox1 {
	margin: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #33cc99;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #cyanbox1 {
	width: 130px;
	height: 280px;
  	}	
#cyanwork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#cyanwork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/kommposterthumb.jpg);
   }
#cyanwork1 a:hover {
  background-position: -121px 0;
  }
  
/*Blue Box 1*/
#bluebox1 {
	margin-top: -290px;
	margin-left:160px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #3399cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #bluebox1 {
	width: 130px;
	height: 280px;
  	}
#bluework1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#bluework1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/kommwebthumb.jpg);
   }
#bluework1 a:hover {
  background-position: -121px 0;
  }

/*Pink Box 1*/	
#pinkbox1 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #ff99cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #pinkbox1 {
	width: 130px;
	height: 280px;
  	}
#pinkwork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#pinkwork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/magnoliaemailthumb.jpg);
   }
#pinkwork1 a:hover {
  background-position: -121px 0;
  }
  
/*Red Box 1*/
#redbox1 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #cc3333;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #redbox1 {
	width: 130px;
	height: 280px;
  	}
#redwork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#redwork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/carolusappthumb.jpg);
   }
#redwork1 a:hover {
  background-position: -121px 0;
	}
	
/*Grey Box 1*/
#greybox1 {
	margin-top: 20px;
	margin-left: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #666666;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greybox1 {
	width: 130px;
	height: 280px;
  	}
#greywork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greywork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/hamsrestaurantthumb.jpg);
   }
#greywork1 a:hover {
  background-position: -121px 0;
	}

/*Purple Box 1*/
#purplebox1 {
	margin-top: -290px;
	margin-left: 160px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #333399;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #purplebox1 {
	width: 130px;
	height: 280px;
  	}
#purplework1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#purplework1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/christmascoffeehousethumb.jpg);
   }
#purplework1 a:hover {
  background-position: -121px 0;
	}

/*Green Box 1*/
#greenbox1 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #99cc33;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greenbox1 {
	width: 130px;
	height: 280px;
  	}
#greenwork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greenwork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/zephyrthumb.jpg);
   }
#greenwork1 a:hover {
  background-position: -121px 0;
	}
	
/*Maroon Box 1*/
#maroonbox1 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 10px;
	padding-top: 10px;	
	background-color: #660033;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #maroonbox1 {
	width: 130px;
	height: 280px;
  	}
#maroonwork1 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#maroonwork1 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/relevantcdthumb.jpg);
   }
#maroonwork1 a:hover {
  background-position: -121px 0;
	}
	
	
	
/*Blue Box 2*/
#bluebox2 {
	margin: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #3399cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #bluebox2 {
	width: 130px;
	height: 280px;
  	}	
#bluework2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#bluework2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/kommapparelthumb.jpg);
   }
#bluework2 a:hover {
  background-position: -121px 0;
  }
  
/*Pink Box 2*/
#pinkbox2 {
	margin-top: -290px;
	margin-left: 160px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #ff99cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #pinkbox2 {
	width: 130px;
	height: 280px;
  	}
#pinkwork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#pinkwork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/relevantmagthumb.jpg);
   }
#pinkwork2 a:hover {
  background-position: -121px 0;
  }

/*Black Box 2*/	
#blackbox2 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #000;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #blackbox2 {
	width: 130px;
	height: 280px;
  	}
#blackwork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#blackwork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/mvnuthumb.jpg);
   }
#blackwork2 a:hover {
  background-position: -121px 0;
  }
  
/*Grey Box 2*/
#greybox2 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #666666;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greybox2 {
	width: 130px;
	height: 280px;
  	}
#greywork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greywork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/cfathumb.jpg);
   }
#greywork2 a:hover {
  background-position: -121px 0;
	}
	
/*Red Box 2*/
#redbox2 {
	margin-top: 20px;
	margin-left: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #cc3333;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #redbox2 {
	width: 130px;
	height: 280px;
  	}
#redwork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#redwork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/postersthumb.jpg);
   }
#redwork2 a:hover {
  background-position: -121px 0;
	}

/*Purple Box 2*/
#purplebox2 {
	margin-top: -290px;
	margin-left: 160px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #333399;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #purplebox2 {
	width: 130px;
	height: 280px;
  	}
#purplework2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#purplework2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/logosthumb.jpg);
   }
#purplework2 a:hover {
  background-position: -121px 0;
	}

/*Green Box 2*/
#greenbox2 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #99cc33;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greenbox2 {
	width: 130px;
	height: 280px;
  	}
#greenwork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greenwork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/cdthumb.jpg);
   }
#greenwork2 a:hover {
  background-position: -121px 0;
	}
	
/*Cyan Box 2*/
#cyanbox2 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 10px;
	padding-top: 10px;	
	background-color: #660033;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #cyanbox2 {
	width: 130px;
	height: 280px;
  	}
#cyanwork2 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#cyanwork2 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/apparelthumb.jpg);
   }
#cyanwork2 a:hover {
  background-position: -121px 0;
	}
	
	

/*Green Box 3*/
#greenbox3 {
	margin: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #99cc33;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greenbox3 {
	width: 130px;
	height: 280px;
  	}	
#greenwork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greenwork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo1thumb.jpg);
   }
#greenwork3 a:hover {
  background-position: -121px 0;
  }
  
/*Pink Box 3*/
#pinkbox3 {
	margin-top: -290px;
	margin-left: 160px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #ff99cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #pinkbox3 {
	width: 130px;
	height: 280px;
  	}
#pinkwork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#pinkwork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo2thumb.jpg);
   }
#pinkwork2 a:hover {
  background-position: -121px 0;
  }

/*Blue Box 3*/	
#bluebox3 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #3399cc;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #bluebox3 {
	width: 130px;
	height: 280px;
  	}
#bluework3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#bluework3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo3thumb.jpg);
   }
#bluework3 a:hover {
  background-position: -121px 0;
  }
  
/*Grey Box 3*/
#greybox3 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #666666;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #greybox3 {
	width: 130px;
	height: 280px;
  	}
#greywork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#greywork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo4thumb.jpg);
   }
#greywork3 a:hover {
  background-position: -121px 0;
	}
	
/*Cyan Box 3*/
#cyanbox3 {
	margin-top: 20px;
	margin-left: 0;
	padding-left: 9px;
	padding-top: 10px;
	background-color: #33cc99;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #cyanbox3 {
	width: 130px;
	height: 280px;
  	}
#cyanwork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#cyanwork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo5thumb.jpg);
   }
#cyanwork3 a:hover {
  background-position: -121px 0;
	}

/*Red Box 3*/
#redbox3 {
	margin-top: -290px;
	margin-left: 160px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #cc3333;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #redbox3 {
	width: 130px;
	height: 280px;
  	}
#redwork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#redwork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo6thumb.jpg);
   }
#redwork3 a:hover {
  background-position: -121px 0;
	}

/*Purple Box 3*/
#purplebox3 {
	margin-top: -290px;
	margin-left: 320px;
	padding-left: 9px;
	padding-top: 10px;	
	background-color: #333399;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #purplebox3 {
	width: 130px;
	height: 280px;
  	}
#purplework3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#purplework3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo7thumb.jpg);
   }
#purplework3 a:hover {
  background-position: -121px 0;
	}
	
/*Black Box 3*/
#blackbox3 {
	margin-top: -290px;
	margin-left: 480px;
	padding-left: 10px;
	padding-top: 10px;	
	background-color: #000;
	width: 140px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 130px;
	height: 280px;
	}
html>body #blackbox3 {
	width: 130px;
	height: 280px;
  	}
#blackwork3 {
	width: 121px;
	height: 220px;
	margin-top: 0px;
	margin-left: 0px;
	}
#blackwork3 a {
   display: block;
   width: 121px;
   height: 220px;
   text-decoration: none;
   background: url(images/photo8thumb.jpg);
   }
#blackwork3 a:hover {
  background-position: -121px 0;
	}	

/*ARCHIVE Box 1*/
#archivebox1 {
	top: 0px;
	left: 0px;
	padding-left: 10px;
	padding-top: 10px;	
	background-color: #99cc33;
	text-align: left;
	width: 620px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 600px;
	height: 280px;
	}
html>body #archivebox1 {
	width: 600px;
	height: 280px;
  	}
  	
/*ARCHIVE Box 2*/
#archivebox2 {
	margin-top: 20px;
	left: 0px;
	padding-left: 10px;
	padding-top: 10px;	
	background-color: #33cc99;
	text-align: left;
	width: 620px;
	height: 300px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 600px;
	height: 280px;
	}
html>body #archivebox1 {
	width: 600px;
	height: 280px;
  	}
  	
.sliderbutton {
	width: 15px;
	height: 15px;
	}
.sliderbutton a {
   display: block;
   width: 15px;
   height: 15px;
   text-decoration: none;
   background: url(images/button.gif);
   }
.sliderbutton a:hover {
  background-position: -15px 0;
  }

.asliderbutton {
	width: 15px;
	height: 15px;
	}
.asliderbutton a {
   display: block;
   width: 15px;
   height: 15px;
   text-decoration: none;
   background: url(images/abutton.gif);
   }
.asliderbutton a:hover {
  background-position: -15px 0;
  }