/* Global resets */
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, ul li, form, fieldset, input, button {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul, ul li {
	list-style-type: none;
}

a {
	text-decoration: underline;
	color: #861a53;
}

a:hover{
	text-decoration: none;
}
fieldset {
	border: none;
}
/* End global resets */

body {
	font:.75em Verdana, Arial, Helvetica, sans-serif;
	background: #dadad2 url(../images/bg_tile.jpg) repeat-x;
	text-align: center;
}

#page-box {
	width:936px;
	background-color: white;
	margin:0 auto;
	text-align: left;
}

#header {
	position: relative;
	width: 936px;
	height: 155px;
	background: url(../images/header.jpg) no-repeat;
}

#header h1 {
	position: absolute;
	left: 293px;
	top: 23px;
	width: 355px;
	height: 85px;
	z-index: 2;
}

#header h1 a {
	display: block;
	width: 355px;
	height: 85px;
	text-indent: -9999px;
}

#header h2 {
	position: absolute;
	left: 35px;
	top: 39px;
	width: 885px;
	height: 65px;
	text-indent: -9999px;
	z-index: 1;
}

#nav {
	position: relative;
	top: 129px;
	padding: 0 213px;
	height: 26px;	
	background: url(../images/nav_tile.jpg) repeat-x;
}

#nav li {
	float: left;
	height: 26px;
}

#nav li a {
	display: block;
	height: 26px;
	text-indent: -9999px;	
}

#header ul#nav li a:hover, #header ul#nav li a:focus, #header ul#nav li a.selected {
	background-position: 0 -26px;
}

#nav li#nav-home a {
	width: 72px;
	background: url(../images/nav_home.jpg) no-repeat;
}

#nav li#nav-about a {
	width: 86px;
	background: url(../images/nav_aboutus.jpg) no-repeat;
}

#nav li#nav-services a {
	width: 82px;
	background: url(../images/nav_services.jpg) no-repeat;
}

#nav li#nav-appointment a {
	width: 177px;
	background: url(../images/nav_appointment.jpg) no-repeat;
}

#nav li#nav-contact a {
	width: 93px;
	background: url(../images/nav_contactus.jpg) no-repeat;
}

#main-content {
	width: 896px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#main-content:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;	
}

/* Home page */
#main-content-welcome {
	float: left;
	padding: 102px 0 0; /* Height of welcome heading, adjust if neccessary */
	width: 392px;
	background: url(../images/welcome.jpg) no-repeat;
}

#main-content-about {
	float: left;
	padding: 117px 0 0; /* Height of about heading, adjust if neccessary */
	width: 392px;
	background: url(../images/about_elysis.gif) no-repeat;
}

#main-content-services {
	float: left;
	padding: 117px 0 0; /* Height of services heading, adjust if neccessary */
	width: 392px;
	background: url(../images/services.gif) no-repeat;
}

#main-content-schedule {
	float: left;
	padding: 117px 0 0; /* Height of schedule heading, adjust if neccessary */
	width: 392px;
	background: url(../images/schedule.gif) no-repeat;
}

#main-content-contact {
	float: left;
	padding: 117px 0 0; /* Height of contact heading, adjust if neccessary */
	width: 392px;
	background: url(../images/contact.gif) no-repeat;
}

#main-content-text {
	float: left;
	width:360px;
	margin-left: 15px;
}

#main-content-text p {
	font-size: 11px;
	line-height: 18px;
	color: #735853;
	margin-bottom: 16px;
}

#main-content-text ul {
	font-size: 11px;
	line-height: 18px;
	color: #735853;
	margin-bottom: 10px;
}

#main-content-text li {
	margin-bottom: 5px;
}

#main-content-text h1 {
	font-size: 13px;
	line-height: 17px;
	color: #735853;
	margin-bottom: 6px;
	font-weight: bold;
}

#content-side-map {
	float: left;
	margin-top: 10px;
	margin-left: 24px;
	margin-bottom: 24px;
	width: 480px;
}

#main-content-side-image {
	float: left;
	margin-left: 24px;
	padding: 380px 0 0; /* Height of frame image, adjust if neccessary */
	width: 480px;
	background: url(../images/frame.jpg) no-repeat;
}

#main-content-side-image-about {
	float: left;
	margin-left: 24px;
	padding: 0 0 0; /* Height of frame image, adjust if neccessary */
	width: 480px;
	text-decoration: none;
}
#main-content-side-image-about a{
	text-decoration: none;
}

#main-content-side-image-sched {
	float: left;
	margin-left: 24px;
	padding: 380px 0 0; /* Height of calendar image, adjust if neccessary */
	width: 480px;
	background: url(../images/calendar.jpg) no-repeat;
}

#main-content-hours {
	position: relative;
	width: 459px;
	height: 199px;
	background: url(../images/clinic_hours.jpg) no-repeat;
}

#main-content-hours-textbox-left {
	position: relative;
	top: 75px;
	left: 125px;
	width:145px;
	height:100px;
}

#main-content-hours-textbox-right {
	position: relative;
	top: -25px;
	left: 280px;
	width:150px;
	height:100px;
}

#main-content-hours-textbox-left li {
	font-size: 11px;
	line-height: 12px;
	color: #735853;
	margin-bottom: 12px;
}

#main-content-hours-textbox-right li {
	font-size: 11px;
	line-height: 12px;
	color: #735853;
	margin-bottom: 12px;
}

#services-pricelist {
	float: right;
	width: 459px;
	height: 584px;
	background: url(../images/pricelist.jpg) no-repeat;
}

#services-pricelist-textbox {
	position: relative;
	top: 70px;
	left: 135px;
	width:325px;
	height:100px;
}
#services-pricelist-textbox p {
	font-size: 9px;
	line-height: 14px;
	color: #735853;
	font-style: italic;
}
#services-pricelist-textbox h1 {
	font-size: 14px;
	line-height: 13px;
	color: #735853;
	margin-bottom: 6px;
}
#services-pricelist-textbox ul {
	font-size: 11px;
	line-height: 15px;
	color: #735853;
	margin-bottom: 20px;
}
#services-pricelist-textbox li {
	margin-bottom: 5px;
}
#footer {
	position: relative;
	top: 0px;
	width:936px;
	height:65px;
	background: url(../images/footer_bg.jpg) no-repeat;
}

#footer-nav {
	position: relative;
	top: 40px;
	right: 27px;
}

#footer-nav p {
	font:.75em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: white;
}

#footer-nav a {
	color: white;
	text-decoration: none;
}

#footer-nav a:hover {
	text-decoration: underline;
}