* {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/body-bg.jpg) repeat-x top #fcbbdb;   /*fbf7e5 f6f6ed*/
	
}

div#buybutton{
margin-top: 20px;
}

div#giftbox{
	padding: 2 px;
	border:solid;
	border-color:#000033;
	border-width:thin;
	margin: 8px;
	background-color: #cfffaa;
}

#button1
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/vocalistexp.jpg") no-repeat 0 0;	
	}	
	#button1:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button1 span
	{
	  display: none;
	}

#button2
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/henandstag.jpg") no-repeat 0 0;	
	}	
	#button2:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button2 span
	{
	  display: none;
	}

#button3
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/kidsexp.jpg") no-repeat 0 0;	
	}	
	#button3:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button3 span
	{
	  display: none;
	}

#button4
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/musiciansexp.jpg") no-repeat 0 0;	
	}	
	#button4:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button4 span
	{
	  display: none;
	}

#button5
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/songwritersexp.jpg") no-repeat 0 0;	
	}	
	#button5:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button5 span
	{
	  display: none;
	}

#button6
	{
	  display: block;
	  width: 174px;
	  height: 90px;
	  background: url("images/musictuition.jpg") no-repeat 0 0;	
	}	
	#button6:hover
	{ 
	  background-position: 0 -90px;
	}	
	#button6 span
	{
	  display: none;
	}

gifts
	{
	background-color: #0000FF;
	color: #CCFFFF;
	font-size: 1.5em;
	}

#contactbox {
	height: 420px;
	width: 500px;

}

p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
}

a { color: #6633CC; text-decoration: none; }
a:hover, a:active {
	color: #0099FF;
}

h1 {
	font-size: 2em;
	margin-bottom: 1.4em;
	font-style: italic;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 0em;
	color: #0000FF;
	padding-left: 8px;
	
}
h3 {							/* latest news heading */
	font-size: 1.8em;
	text-transform: none;
	font-style: normal;
	color: #3399CC;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4 {
	font-size: 1.2em;
	color: #3333FF;
	padding-top: 10px;
	padding: 12px 10px 14px 10px;
}
h5 {
	font-size: 1.4em;
	color: #000000;
	padding-top: 15px;
	margin: 0.5em;
}
exptitle {
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
			}

h6 { 						/* products & services heading */
	font-size: 1.1em;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 2px;
	background: #16164c;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 1.5em;
	margin-right:18px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

hb {
	font-size: 1.4em;
	letter-spacing: 2px;
	color: #5e0d04;
	margin: 0.5em;
	text-align: left;
}

h8 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clear { clear: both; }

div#page-wrap {
	width:900px;
	margin: 0 auto;
	background: url(images/body-bg.jpg) repeat-x top #ecfbf6;
}

ul#nav {
	height: 236px;
	background: url(images/header-bg.jpg) repeat;
	list-style: none;
	padding-left: 28px;
	}
	ul#nav li {
		display: inline;
		font-size: 1.1em;
	}
	ul#nav li a {
	display: block;
	width: 140px;
	height:24px;
	float: left;
	margin-top: 164px;
	color: #FFFFFF;
	padding-top: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
		}
		ul#nav li a:hover, ul#nav li a:active {
		color: #FFFF66;
		background-image:url(images/menuhighlight-bg.jpg);
		background-repeat: no-repeat;
		}
	
.tuneplayer {
	background-color: #eeeeee;
	padding: 15px;
	margin-bottom: 20px;
	color: #000033;
	border-color:#99FFCC;
	border-style: solid; border-width:thin;

}
.tuneplayer2 {
	background-color: #eeeeee;
	padding: 15px;
	margin-bottom: 0px;
	color: #000033;
	border-color:#99FFCC;
	border-style: solid; border-width:thin;

}
	
	/*===========================================================*/

#sddm
{
	height: 208px;
	margin: 0;
	padding: 0;
	background: url(images/header-bg.jpg) no-repeat;
	padding-left: 175px;
	color: #000000;
}

#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold arial;
	font-size: 1.1em;
	margin-top: 167px;
	width: 120px;
	height: 21px;
}

#sddm li a
{	display: block;
	color:#000000;
	width: 120px;
	padding-top: 10px;   /*****************************************/
	height: 31px;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background-image:url(images/menuhighlight-bg.jpg);
	background-repeat: no-repeat;
	color:#FFFF66;
}

	/*===========================================================*/
	
		H4.table-caption {
  background: transparent; color: #3333cc; font-family: sans-serif;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}
DIV.base-layer {
	background: none;
	border: none;
	color: #000000;
	margin: 0;
	padding: 200;
	text-align: center;
	width: auto;
	margin-right: 10px;
}

DIV.table-row {
  background: none #ffffcc; 
  margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;
}
DIV.table-row p {
	padding-left: 15px;
	padding-right: 15px;
	color: #000000;
}

DIV.table-row a { text-decoration:none
	color: #ffffff;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container1 {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	background-image:url(images/tasterbutbackg.jpg);
	height: 170px;
}
DIV.right-container1 {
	border: none;
	float: right;
	width: 50%;
	background-image:url(images/bronzebutbackg.jpg);
	height: 170px;
}

DIV.left-container2 {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	background-image:url(images/silverbutbackg.jpg);
	height: 170px;
}

DIV.right-container2 {
	border: none;
	float: right;
	width: 50%;
	background-image:url(images/goldbutbackg.jpg);
	height: 170px;
}

DIV.left-container3 {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	background-image:url(images/platinumbutbackg.jpg);
	height: 170px;
}

DIV.right-container3 {
	border: none;
	float: right;
	width: 50%;
	background-image:url(images/groupbutbackg.jpg);
	height: 170px;
}

div#howitworksbox{
	border:#0033FF solid 2px;
	padding: 0px;
	margin: 20px;

}
	
	div#main-content {
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -10px;
		}

		div#main-content div#left-col {
	float: left;
	width: 174px;
	padding-left: 0px;
	background-image: url(images/keybd.jpg);
	background-repeat: repeat-y;
			}
			div#main-content div#left-col h1 {
				font-size: 1.6em;
				text-align: center;
				margin-bottom: 0.8em;
				font-weight: bolder;
				background: #bbbbbb;
				color:#000
				}
			
			div#main-content div#left-col div#productsheader {
	width: 185px;
	float: right;
	margin-right: 0px;
    background: url(images/productsheading.jpg) top left no-repeat; 
	padding-bottom: 60px;

				}
				
			div#main-content div#left-col div#productslist div#options {
				width: 185px; 
				float: right;
				margin-right: 0px;
				background: url(images/leftmenubg.jpg) top left no-repeat;
				padding-bottom: 200px;
				padding-left: 0px;
				padding-top:10px;
				font-weight: bolder;
				font-size: 1.0em;
				color: #ffffff;			}
					div#main-content div#left-col div#productslist div#options a {
						color: #000099; text-decoration: none; text-indent: 2px;
					}
					div#main-content div#left-col div#productslist div#options a:hover {
						color: #3399FF;
					}
	

		div#main-content div#middle-col {
	/*	background-image: url(images/partitiongrad.jpg);
	background-repeat: repeat-y;
	background-position: left;   */
	width: 520px;  /* was 540 reduced for ie6 */
	float: left;
	padding-left: 15px;
	padding-top: 22px;
	text-align: left;
	/*   background col of choice  background-color: #edf6f4;   !!!!!!!!!!!!!!!!!!!!!!!!!!!!  */   
			}
			div#main-content div#middle-col #nicelist {
	font-size: 1.3em;				
			}
			div#main-content div#middle-col #nicelist li {
	color:#000000;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 15px;
			}
/*			div#main-content div#middle-col li {
	font-size: 1.4em;
			}  */
			div#main-content div#middle-col div#skillslist {
	font-size: 1.4em;
	text-align: left;
	margin-left: 2px;
			}

/*			div#main-content div#middle-col div#tasterbox  {
	margin-left: 2px;
	margin-right: 2px;                 this worked |!!!!!!1
	padding-bottom: 15px;
	width: 250px;
	height: 170px;
	background-image: url(images/tasterbutbackg.jpg);
			}
*/
			div#main-content div#middle-col div#tasterbox  {
	margin-left: 2px;
	margin-right: 2px;
	padding-bottom: 15px;
	width: 250px;
	height: 170px;
	background-image: url(images/tasterbutbackg.jpg);
			}
			div#main-content div#middle-col div#bronzebox {
	margin-left: 2px;
	margin-right: 2px;
	padding-bottom: 15px;
	width: 250px;
	height: 170px;
	background-image: url(images/bronzebutbackg.jpg);
	float: right;
	}
		
		div#main-content div#right-col {
	float: right;
	width: 170px;
	background-image: url(images/rcolbackg.jpg);
	background-repeat: repeat-y;
	height: 610px;
			}	
			div#main-content div#right-col p {
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
				}

		div#main-content div#right-colx {
	float: right;
	width: 170px;
	background-image: url(images/rcolbackg.jpg);
	background-repeat: repeat-y;
	height: 1250px;
			}	
			div#main-content div#right-colx p {
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
				}

	div#footer {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		background: #92adcf;
		color: #FFFFFF;
		padding: 10px 0 5px 0;
		border-top: 1px solid red;
		text-align: center;
		font-size: 0.9em;
	}
	
	div#footer ul#footnav {
		height: 45px;
		list-style: none;
		padding-left: 00px;
		text-align:center;
	}
	div#footer ul#footnav li {
		display: inline;
		font-size: 1.2em;
	}
	div#footer ul#footnav li a {
		display: block;
		width: 105px;
		height:24px;
		float: left;
		margin-top: 5px;
		color: #FFFFFF;
		padding-top: 10px;
		text-decoration: none;
		text-align: center;
		}
		div#footer ul#footnav li a:hover, div#footer ul#footnav li a:active {
			color: #FFFF66;
			text-decoration:underline;
		}
	
	div#menu {width:210px; background:url(images/menu_1.gif) top no-repeat; padding-top:44px;}

div#menubody {background:url(images/menu_2.gif) repeat-y; padding-left:12px;}

div#menubottom {height:26px; background:url(images/menu_4.gif) bottom no-repeat;}
 
ul#menulist {width:174px; list-style-type:none;} /* was 144 */
 
ul#menulist li {height:25px; background:url(images/menu_3.gif) bottom repeat-x;} /* was 28 */

ul#menulist a {width:182px; height:20px; border-left:#75c5de 5px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 8px; display:block; display:inline-block;}

ul#menulist a:hover {background:url(images/menu_5.jpg) left repeat-y;}

	div#menu2 {width:210px; background:url(images/menu_1b.gif) top no-repeat; padding-top:44px;}

div#menubody2 {background:url(images/menu_2.gif) repeat-y; padding-left:12px;}

div#menubottom2 {height:26px; background:url(images/menu_4.gif) bottom no-repeat;}
 
ul#menulist2 {width:174px; list-style-type:none;} /* was 144 */
 
ul#menulist2 li {height:25px; background:url(images/menu_3.gif) bottom repeat-x;} /* was 28 */

ul#menulist2 a {width:182px; height:20px; border-left:#75c5de 5px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 8px; display:block; display:inline-block;}

ul#menulist2 a:hover {background:url(images/menu_5.jpg) left repeat-y;}