body 				{
	margin:0;
	padding:0;
	background-image:url(/images/body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#F3CCDE;
	position:relative;
}

body, td, th, p, ul, ol 	{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#CC0066; font-size:13px;}

a 				{color:#646464;}
a:hover 			{color:#010101;}

div#container 			{width:950px; margin:0 auto;}

h1#siteTitle 			{height:100px; width:350px; margin:20px 10px; padding:0; background-image:url(/images/logo.gif); float:right; margin-top:10px;}
h1#siteTitle a 			{}
h1#siteTitle a span 		{display:none;}

div#nav 			{clear:both; background-color:#CC0066; position:relative; z-index:200; height:55px; background-image:url(/images/nav.jpg); background-position:top; background-repeat:no-repeat;}
div#nav,
div#nav ul,
div#nav ul li 			{height:55px; margin:0; padding:0; list-style:none;}

/*div#nav ul 			{margin:0; padding:0; list-style:none;}
div#nav ul li 			{margin:0; padding:0; list-style:none; position:absolute;}
div#nav ul li a 		{font-weight:bold;}
div#nav ul li a 		{display:block; height:55px; text-align:center;}
div#nav ul li a span 		{display:none;}*/

#nav-index 	 		{width: 80px; left:  0  ;}	#nav-index 	a:hover 	{background:url(/images/nav.jpg)    0   -55px;} 	#nav-index 	ul li a 	{width: 80px; height:auto;}
#nav-about 	 		{width: 98px; left: 80px;}	#nav-about 	a:hover 	{background:url(/images/nav.jpg)  -80px -55px;} 	#nav-about 	ul li a 	{width: 98px; height:auto;}
#nav-staff 	 		{width: 65px; left:178px;}	#nav-staff 	a:hover 	{background:url(/images/nav.jpg) -178px -55px;} 	#nav-staff 	ul li a 	{width: 65px; height:auto;}
#nav-treatments  		{width:112px; left:243px;}	#nav-treatments a:hover 	{background:url(/images/nav.jpg) -243px -55px;} 	#nav-treatments ul li a 	{width:112px; height:auto;}
#nav-dentures  			{width:160px; left:355px;}	#nav-dentures 	a:hover 	{background:url(/images/nav.jpg) -355px -55px;} 	#nav-dentures 	ul li a 	{width:160px; height:auto;}
#nav-payments 	 		{width:154px; left:515px;}	#nav-payments 	a:hover 	{background:url(/images/nav.jpg) -515px -55px;} 	#nav-payments 	ul li a 	{width:154px; height:auto;}
#nav-contact 	 		{width:109px; left:669px;}	#nav-contact 	a:hover 	{background:url(/images/nav.jpg) -669px -55px;} 	#nav-contact 	ul li a 	{width:109px; height:auto;}
#nav-links 	 		{width:172px; left:778px;}	#nav-links 	a:hover 	{background:url(/images/nav.jpg) -778px -55px;} 	#nav-links 	ul li a 	{width:172px; height:auto;}

/*div#nav ul li ul 		{position:relative; top:0; left:0; z-index:100; width:100%; background-color:#999999; display:none;}
div#nav ul li ul li 		{float:left;clear:left;position:relative;width:100%;background-color:#A20048;}
div#nav ul li ul li a 		{height:auto; display:inline; display:block; text-decoration:none; padding:2px 5px; color:#FFFFFF; font-size:12px; text-align:left; font-weight:bold; background-image:none;}
div#nav ul li ul li a span	{display:inline;}*/

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		}

	#jsddm li a
	{
		display: block;
		text-decoration: none;
		color: #EAFFED;
		white-space: nowrap;
		height:55px;
		text-align:center;
	}
	
	#jsddm li a span {
		display:none;
	}
	
	#jsddm li ul li a {
		height:auto;
		padding:5px 5px;
		display:block;
	}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	
			background-color: #C80259;}
		
		#jsddm li ul li a:hover
		{	background: #7F1616}


div#content 			{background-color:#FFFFFF; width:100%; position:relative; float:left; clear:both; padding-bottom:10px;}
div#content 			{height:300px;}
html > body div#content 	{height:auto; min-height:300px;}

div#contentInner 		{width:450px; float:left; margin:auto 40px auto 20px;}

div#contentInner table 		{border-collapse:collapse; margin-bottom:10px;}
div#contentInner table td,
div#contentInner table th 	{padding:1px 6px;}

div#secondaryContent 		{float:left; width:400px; margin-top:25px; background:url(/images/secondaryContent-bg.jpg) top left no-repeat; padding:35px 10px 10px 10px;}
div#secondaryContent table 	{border-collapse:collapse; margin-bottom:20px;}
div#secondaryContent td,
div#secondaryContent th 	{font-size:11px; padding:3px 2px;}
div#secondaryContent thead th 	{border-bottom:1px solid; border-color:#FF99CC;}
div#secondaryContent tbody td,
div#secondaryContent tbody th 	{border-bottom:1px solid;border-color:#FFD9EA;}
div#secondaryContent h3 	{font-size:14px; margin:5px auto;}

h2#pageTitle 			{font-size:32px; color:#CC0066; margin:20px 40px 10px 0;}
div#pageContent			{line-height:1.6;}

div#content h3 			{margin:15px auto 0 auto; font-size:16px;}
div#content h4 			{margin:20px auto 0 auto; font-size:14px;}
div#content p 			{margin:0 auto 10px auto;}
div#content ul 			{margin:0 auto 10px auto;}
div#content a 			{color:#CC0066;}
div#content a:hover 		{color:#333333;}

div#footer 			{clear:both; font-size:11px; color:#FFEAF4; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; width:950px; height:125px; background:url(/images/footer-bg.jpg) no-repeat; position:relative;}
div#footer div#copyright 	{position:absolute; bottom:5px; left:30px;}
div#footer div#credits 		{position:absolute; bottom:5px; right:30px;}
div#footer a 			{text-decoration:none; color:#FFF;}
div#footer a:hover 		{text-decoration:underline;}
SPAN.smallLogo 			{font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; color:#FFF}
SPAN.smallLogo SPAN.deg 	{color:#FFF; font-size:80%; position:relative; top:-4px; left:1px;}
