/* CSS Document */

body {
background: url("../assets/bgnd_pg_greenlines.gif");
text-align: center;
font-size: 12px;
}

* { behavior: url("iepngfix.htc") }

/* general default styles */

p, ul, ol {
padding-top: .25em;
padding-bottom: .75em;
}

body {
	font-family: verdana, gill sans, trebuchet, helvetica, sans-serif;
	color: #663300;
	}

strong {
	font-weight: bold;
	}

div#contentColumnHome {
	color: #000;
	}

/* page layout */

div#pageWrapper {

margin: 25px auto 0 auto;
text-align: left;
width: 770px;
position: relative;
}


div#pageHeader {
background: url("../assets/bgnd_content_top.gif") repeat-y;
width: 100%;
height: 240px;
position: relative;
overflow: visible;
}

div#pageMiddle {
background: url("../assets/bgnd_content_tile.gif") repeat-y;
/* following height styles are IE hack to suport min-height */
/* see: http://www.dustindiaz.com/min-height-fast-hack */
min-height: 700px;
height: auto !important;
height: 700px;
position: relative;
/* hack to get IE < 6 to 'have layout' and render background */
padding: 1px 0px;
}


div#pageBottom {
background: url("../assets/bgnd_content_bottom.gif") repeat-y;
height: 31px;
}

h2#sectionTitle {
	position: absolute;
	top: 130px;
	left: 15px;
	z-index: 25;
	}


/* ======================================================== */
/* site header ============================================ */
#logoAndNavWrapper {
width: 435;
position: absolute;
top: 10px;
left: 15px;
}

h1#siteLogo {
	width: 425px;	
	height: 74px;
	position: relative;
	display: block;
}

div#topNav {
	top: 84px;
	left: 75px;
	position: absolute;
}


	#topNav li {
		height: 21px;
		float: left;
		}

	#topNav li.divider {
		background: url('../assets/topnav_divider.gif') no-repeat right top ;
		}

	/* add 10px to each LI to accomodate background divider */

	#topNav li.nav_home {
		width: 58px;
		}
	#topNav li.nav_contact {
		width: 74px;
		}
	#topNav li.nav_links {
		width: 57px;
		}
	#topNav li.nav_location {
		width: 82px;
		}
	#topNav li.nav_phone {
		width: 118px;
		}
		

	#topNav li a {
		height: 100%;
		display: block;
		}

	#topNav li.nav_home a {
		background: url('../assets/topnav_home.gif') no-repeat;
		width: 48px;
		}
	#topNav li.nav_contact a {
		background: url('../assets/topnav_contact.gif') no-repeat;
		width: 64px;
		}
	#topNav li.nav_links a {
		background: url('../assets/topnav_links.gif') no-repeat;
		width: 47px;
		}
	#topNav li.nav_location a {
		background: url('../assets/topnav_location.gif') no-repeat;
		width: 72px;
		}
	#topNav li.nav_phone {
		background: url('../assets/topnav_phone.gif') no-repeat;
		width: 118px;
		}
		
	#topNav li span {
		position: absolute;
		left: -1000px;
		}	
		
	#topNav li a:hover, #topNav li.on a {
		background-position: 0px -21px ;
		}	


a#memberLabel {
	position: absolute;
	top: 30px;
	left: 165px;
	width: 222px;
	height: 16px;
	}

a#joinTeam {
	position: absolute;
	display: block;
	top: 30px;
	left: 0px;
	background: url('../assets/topnav_jointeam.gif') no-repeat;
	width: 110px;
	height: 16px;
	}
a#joinTeam span {
	position: absolute;
	left: -1000px;
	}	
a#joinTeam:hover, a#joinTeam.on {
	background-position: 0px -16px;
	}	
	
		
	
div.upperRightImage {
	position: absolute;
	top: 10px;
	left: 496px;
	width: 230px;
	height: 245px;
	background: url("../assets/top_right_skincare.png") no-repeat;
	}

div.upperRightImage.off {
	background: url("../assets/top_right_office.png") no-repeat;
}

div.upperRightImage.bio {
	background: url("../assets/top_right_parkinson.png") no-repeat;
}

div.upperRightImage.med  { background: url(../assets/top_right_medical.png) no-repeat }

div.upperRightImage.cos {
	background: url("../assets/top_right_cosmetic.png") no-repeat;
}

	
div#contentHeader {
	position: absolute;
	top: 185px;
	left: 252px;
	}	

div#contentHeader.home {
	top: 155px;
	}	

/* ======================================================== */
/* side bar navigation ==================================== */
#sideBar { padding-left: 15px; width: 212px; float: left;}
#navWrapper {
	width: 212px;
        overflow: auto;
	float: left;
	background: url("../assets/sidenav_topstripes.gif") no-repeat;
	padding-top:49px;
	margin-left: 0px;
	margin-top: 0px;
	}

#navWrapper a {	
	width: 212px;
	height: 43px;
	position: relative;
	display: block;	
	cursor: pointer;
	z-index: 26;
	}
	
#navWrapper a span {	
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#navWrapper ul, #navWrapper li {
	width: 212px;
	}


a#sidebarNav_1 span {
	background: url("../assets/sidenav_drAndStaff.gif") no-repeat;
	}
	

a#sidebarNav_2 span {
	background: url("../assets/sidenav_medSurg.gif") no-repeat;
	}	
	
a#sidebarNav_3 span {
	background: url("../assets/sidenav_cosmetic.gif") no-repeat;
	}
	
a#sidebarNav_4 span {
	background: url("../assets/sidenav_skincarecenter.gif") no-repeat;
	}
	
a#sidebarNav_5 span {
	background: url("../assets/sidenav_officeinfo.gif") no-repeat;
	}

	
#navWrapper a:hover span {
	background-position: -212px 0px ;
	}	
	
#navWrapper a.on span {
	background-position: -424px 0px ;
	}	
	

/* ======================================================== */
/* content column ==================================== */	

div#contentColumnWrapper {
	float: left;
	width: 435px;
	margin-left: 30px;
	/*margin-left: 250px;*/
	}
	


div#contentColumnTop {
	width: 435px;
	height: 16px;
	background: url("../assets/bgnd_text_top.gif") no-repeat;
}
	
div#contentColumn {
	width: 435px;
	min-height: 200px;
	background: url("../assets/bgnd_text_tile.gif") repeat-y;
}
	
div#contentColumnBottom {
	width: 435px;
	height: 16px;
	background: url("../assets/bgnd_text_bottom.gif") no-repeat;
}

div#contentColumnHome {
	width: 435px;
	min-height: 500px;
	background: url("../assets/bgnd_homeText_top.gif") no-repeat;
}
	
div#contentColumnBottomHome {
	width: 435px;
	height: 16px;
	background: url("../assets/bgnd_homeText_bottom.gif") no-repeat;
}
	
div#contentColumnInnerWrapper {
	padding: 1em;
	}
	
/* text stuff */

div#contentColumnWrapper ul {
	padding: .75em 0em .25em 2em;
	}	
	
div#contentColumnWrapper ul li {
	list-style-type: disc;
	}		

h3.textHeader	 {
	border-bottom: 1px dashed #663300;
	padding: 0px 0px 3px;
	margin: 0px 0px 1em 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 130%;
	line-height: 110%;
	color: #960;
	}
	
h3.textHeader span	 {
	border-bottom: 1px dashed #663300;
	display: block;
	padding: 0px 0px .5em;
	}	
	
h4	 {
	border-bottom: 1px dashed #663300;
	padding: 0px 0px 3px;
	margin: 1em 0px 1em 0px;
	font-family: helvetica, arial, verdana, sans-serif;;
	font-size: 100%;
	line-height: 110%;
	color: #960;
	}	
	
h5	 {
	margin: 1em 0px 1em 0px;
	font-family: helvetica, arial, verdana, sans-serif;;
	font-size: 100%;
	line-height: 110%;
	color: #960;
	font-weight: bold;
	}		
	
table#productTable td {
padding: 5px;
text-align: center;
}

table#officeHours td, table#officeHours th {
	padding: 1em;
	vertical-align: top;
}

table#officeHours th {
	font-weight: bold;
}