/* defaults */

* { margin: 0; padding: 0; }		/* fixed the space between banner and top of page. IE had wider space than FF. Another way is to use stricter doctype */



body {

	bgcolor:#FFFFFF;

	leftmargin:0;

	topmargin:0;

	marginwidth:0;

	marginheight:0;

	background-repeat: repeat-x;

	background-image: url(images/background.jpg);

	behavior:url(csshover.htc); 

}



body, td, th, p{

	font: normal 12px/145% Verdana, Arial, Helvetica, sans-serif;

}



h1{

	padding-top: 12px;

	padding-bottom: 12px;

}



h3{

	line-height: 145%;

}



hr {

	height: 1px;

	line-height: -15px;

	}





ul, li{ 

margin:0; 

padding:0; 

} 



a:link {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #9057A6;

}



a:visited {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #9057A6;

}



a:hover {

	font-weight: normal;

	font-style: normal;

	text-decoration: underline;

	color: #7D399C;

}



a.active {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

}





img span { 

  font-size: 9px; 

  position: relative; 

  top: 103px; 

  color: #666;  

  text-transform: uppercase; 

  text-align: center; 

} 





#bottom {

	background-image: url(images/bottombanner.jpg);

	background-repeat: no-repeat;

}



#footer {

	font-size: x-small;

	color: #666666;

	text-decoration: none;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif, "Arial Black";

	line-height: normal;

}



#footer a:link {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #666666;

}



#footer a:visited {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #666666;

}



#footer a:hover {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #333333;

}



#footer .active {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

}



#noscroll{

height:10px;

	width:100px;

	overflow:visible;



}



#scroll{

	height:370px;

	width:400px;

	overflow:auto;

	margin: 4px 6px 4px -3px;

	padding: 7px 14px 7px 1px;



}



#subtable {

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 5px;

	padding-left: 3px;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

}





#tagline {

	font-size: 30px;

	color: #660066;

	text-align: center;

	font-weight: bold;

	font-family: Papyrus, Verdana;

}



#tagline a:link {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #660066;

}



#tagline a:visited {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #660066;

}



#tagline a:hover {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	color: #B364BF;

}



#tagline .active {

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

}





#tbl1 {

	align:center;			/*centers table in IE*/

	margin:0 auto;			/*centers table in Fireforx*/

	max-width: 784px;

	height: 100%;

	background-color: #FFFFFF;

	border: 1px solid #BB83C2;

}





.boldit {

	line-height: normal;

	font-weight: bold;

}



.boldheader {

	line-height: normal;

	font-weight: bold;

	padding-bottom: 12px;

	text-align: left;

}



.border {

	border: thin solid #999999;

}





.centeralign {

	text-align: center;

}



.coname {

	font-weight: bold;

	color: #79369D;

}



.leftalign {

	text-align: justify;

}



img.floatLeft { 

    float: left; 

    margin: 0px 10px 6px 0px; 

}



img.floatRight { 

    float: right; 

    margin: 4px; 

}



.pad_em {

	padding: 0px 0px 10px 15px;

	font-variant: normal;

	font-size: small;

}



.regularlist ul {

	margin: 4px 5px 0px 60px;	

	padding: 0px;

}



.regularlist li { margin: 0px 0px 0px 45px; padding-left:5px; }



 #nav {

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif, "Arial Black";

	padding-left: 8px;

}



 #nav ul {

	list-style: none; /* Remove the bullets */

	margin: 0;

	padding: 0;

	width:122px; /* Menu width */

	height: 27px;

}



 #nav ul li {

	background: url(images/b-medspa.gif) 0px 0px no-repeat #fff;)

	display: block; /* Make a menu item a block (height 100%, width 100%) */

	height:27px;

	width:122px;

	position: relative;

	float:left; /* Make sure (in IE) there is no margin between the menu items */

	margin-top: .25em;

	margin-bottom: .25em;



}





/**********************************************************************/

#nav ul li#Home a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_home.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#OurDoctors a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_ourdoctors.jpg);

	background-repeat: no-repeat;

	text-decoration: none;}



#nav ul li#Services a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_services.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#JustForMen a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_justformen.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#Products a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_products.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#Specials a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_specials.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#MedicalServices a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_medicalservices.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}



#nav ul li#ContactUs a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_contactus.jpg);

	background-repeat: no-repeat;	

	text-decoration: none;}





#nav ul li#Home a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#OurDoctors a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#Services a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#JustForMen a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#Products a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#Specials a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#MedicalServices a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li#ContactUs a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}







/********************************************************************************************/

 #nav ul li a:active {

background-position:0px 0px;

	color:white

}



 #nav ul ul {

	position: absolute;

	top: 0;

	display:none; /* Display nothing when not 'hovered' */

	background-color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

 #nav ul li ul li{

	background-image: url(images/b-medspa.gif);

	background-repeat: no-repeat;

	top: 3px;

	margin-left: 3px;

	margin-top: -3px;

}



#nav ul li ul li#LaserTreatments a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_lasertreatments.jpg);

}

#nav ul li ul li#SkinRejuvination a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_skinrejuvination.jpg);

}

#nav ul li ul li#BodyServices a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_bodyservices.jpg);

}

#nav ul li ul li#AntiAging a{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	background-position:0px 0px;

	height:27px;

	width:122px;

	background-color: #FFFFFF;

	background-image: url(images/s_antiaging.jpg);

}





/***************************************/



#nav ul li ul li#LaserTreatments a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li ul li#SkinRejuvination a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li ul li#BodyServices a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



#nav ul li ul li#AntiAging a:hover{

	    background-position:0px -27px;

    	color: #CC66FF;

}



/**************************************/



 #nav ul li:hover ul{

display: block; /* Make sure the submenu is displayed as blocks as well. */

left:121px; /* Your menu width. The submenu appears there, when you hover a menu item. */ }The problem for your Internet Explorer browser is this 

.style1 {color: #FFFFFF}