/* @override http://localhost:8888/css/utahsurgarts.css */

html, body {
	margin: 0;
	border-top: 10px solid #993f3f;
	background-color: #e2e2e2;
}

#wrapper-a {
	width: 970px;
	position: absolute;
	left: 50%;
	margin-left: -485px;
	background: url(../elements/wrapper-a-bg.jpg) repeat-y 0;
	height: auto;
	top: 20px;
}

#wrapper-b {
	width: 950px;
	margin-left: 10px;
	background-repeat: repeat-y;
}

.clear {
	clear: both;
}

#header {
	background-image: url(../elements/header.jpg);
	width: 950px;
	height: 120px;
	position: relative;
	top: -20px;
}

a#headerlogo {
	display: block;
	width: 300px;
	height: 40px;
	position: relative;
	top: 45px;
	left: 20px;
	text-indent: -9000px;
	overflow: hidden;
}

/* @group MAIN NAVIGATION */

.nav {
	position: absolute;
	background-image: url(../elements/nav-sprites.jpg);
	width: 950px;
	height: 38px;
	top: 100px;
	margin: 0;
	padding: 0;
}

.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	height: 38px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	top: 0;
}

.nav .home a:link, .nav .home a:visited {
	left: 0;
	width: 124px;
}

.nav .home a:hover, .nav .home a:focus {
	background: url(../elements/nav-sprites.jpg) 0 -38px;
}

.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 124px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) 0px -38px;
}

.nav .doctors a:link, .nav .doctors a:visited {
	left: 124px;
	width: 137px;
}

.nav .doctors a:hover, .nav .doctors a:focus {
	background: url(../elements/nav-sprites.jpg) -124px -38px;
}

.nav-doctors, .nav-doctors-click {
	position: absolute;
	top: 0;
	left: 124px;
	width: 137px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -124px -38px;
}

.nav .staff a:link, .nav .staff a:visited {
	left: 261px;
	width: 108px;
}

.nav .staff a:hover, .nav .staff a:focus {
	background: url(../elements/nav-sprites.jpg) -261px -38px;
}

.nav-staff, .nav-staff-click {
	position: absolute;
	top: 0;
	left: 261px;
	width: 108px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -261px -38px;
}

.nav .proc a:link, .nav .proc a:visited {
	left: 369px;
	width: 168px;
}

.nav .proc a:hover, .nav .proc a:focus {
	background: url(../elements/nav-sprites.jpg) -369px -38px;
}

.nav-proc, .nav-proc-click {
	position: absolute;
	top: 0;
	left: 369px;
	width: 168px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -369px -38px;
}

.nav .forms a:link, .nav .forms a:visited {
	left: 537px;
	width: 112px;
}

.nav .forms a:hover, .nav .forms a:focus {
	background: url(../elements/nav-sprites.jpg) -537px -38px;
}

.nav-forms, .nav-forms-click {
	position: absolute;
	top: 0;
	left: 537px;
	width: 112px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -537px -38px;
}

.nav .location a:link, .nav .location a:visited {
	left: 649px;
	width: 156px;
}

.nav .location a:hover, .nav .location a:focus {
	background: url(../elements/nav-sprites.jpg) -649px -38px;
}

.nav-location, .nav-location-click {
	position: absolute;
	top: 0;
	left: 649px;
	width: 156px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -649px -38px;
}

.nav .contact a:link, .nav .contact a:visited {
	left: 805px;
	width: 145px;
}

.nav .contact a:hover, .nav .contact a:focus {
	background: url(../elements/nav-sprites.jpg) -805px -38px;
}

.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 805px;
	width: 145px;
	height: 38px;
	background: url(../elements/nav-sprites.jpg) -805px -38px;
}



/* @end */

/* @group PROCEDURES */

#procedures {
	width: 300px;
	height: 300px;
	background: url(../elements/proc-lable.jpg) no-repeat;
	position: relative;
	top: 18px;
	float: left;
}

.proc-nav {
	background-image: url(../elements/procedures.jpg);
	width: 267px;
	height: 300px;
	margin: 0;
	padding: 0;
	left: 33px;
	position: absolute;
}

.proc-nav li {
	list-style-type: none;
	width: 267px;
	height: 30px;
	clear: both;
}

.proc-nav li a:link, .proc-nav li a:visited {
	height: 30px;
	overflow: hidden;
	z-index: 10;
	position: absolute;
	color: white;
	font: 11px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 10px;
}

.proc-nav .wisdom a:link, .proc-nav .wisdom a:visited {
	width: 267px;
}

.proc-nav .wisdom a:hover, .proc-nav .wisdom a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-wisdom, .proc-nav-wisdom-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .implants a:link, .proc-nav .implants a:visited {
	width: 267px;
	top: 30px;
}

.proc-nav .implants a:hover, .proc-nav .implants a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-implants, .proc-nav-implants-click {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .grafting a:link, .proc-nav .grafting a:visited {
	width: 267px;
	top: 60px;
}

.proc-nav .grafting a:hover, .proc-nav .grafting a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-grafting, .proc-nav-grafting-click {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .anesthesia a:link, .proc-nav .anesthesia a:visited {
	width: 267px;
	top: 90px;
}

.proc-nav .anesthesia a:hover, .proc-nav .anesthesia a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-anesthesia, .proc-nav-anesthesia-click {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .impacted a:link, .proc-nav .impacted a:visited {
	width: 267px;
	top: 120px;
}

.proc-nav .impacted a:hover, .proc-nav .impacted a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-impacted, .proc-nav-impacted-click {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .pathology a:link, .proc-nav .pathology a:visited {
	width: 267px;
	top: 150px;
}

.proc-nav .pathology a:hover, .proc-nav .pathology a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-pathology, .proc-nav-pathology-click {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .jaw a:link, .proc-nav .jaw a:visited {
	width: 267px;
	top: 180px;
}

.proc-nav .jaw a:hover, .proc-nav .jaw a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-jaw, .proc-nav-jaw-click {
	position: absolute;
	top: 180px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .facial a:link, .proc-nav .facial a:visited {
	width: 267px;
	top: 210px;
}

.proc-nav .facial a:hover, .proc-nav .facial a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-facial, .proc-nav-facial-click {
	position: absolute;
	top: 210px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .snoring a:link, .proc-nav .snoring a:visited {
	width: 267px;
	top: 240px;
}

.proc-nav .snoring a:hover, .proc-nav .snoring a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-snoring, .proc-nav-snoring-click {
	position: absolute;
	top: 240px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav .trauma a:link, .proc-nav .trauma a:visited {
	width: 267px;
	top: 270px;
}

.proc-nav .trauma a:hover, .proc-nav .trauma a:focus {
	background: url(../elements/procedures.jpg) -267px 0;
}

.proc-nav-trauma, .proc-nav-trauma-click {
	position: absolute;
	top: 270px;
	left: 0px;
	width: 267px;
	height: 30px;
	background: url(../elements/procedures.jpg) -267px 0;
}



/* @end */

#body {
	width: 647px;
	min-height: 620px;
	height: auto;
	float: right;
	position: relative;
	top: 18px;
}

#image {
	width: 647px;
	height: 210px;
	background-color: #e8e8e8;
}

/* @group H1 TAGS */

h1 {
	margin: 0;
	padding: 0;
	display: block;
	width: 647px;
	height: 65px;
	text-indent: -9000px;
	overflow: hidden;
}

h1.home {
	background-image: url(../elements/h1-home.jpg);
}

h1.doctors {
	background-image: url(../elements/h1-doctors.jpg);
}

h1.staff {
	background-image: url(../elements/h1-staff.jpg);
}

h1.forms {
	background-image: url(../elements/h1-forms.jpg);
}

h1.locations {
	background-image: url(../elements/h1-locations.jpg);
}

h1.contact {
	background-image: url(../elements/h1-contact.jpg);
}

h1.procedures {
	background-image: url(../elements/h1-procedures.jpg);
}

h1.anesthesia {
	background-image: url(../elements/h1p-anesthesia.jpg);
}

h1.bone {
	background-image: url(../elements/h1p-bone.jpg);
}

h1.impacted {
	background-image: url(../elements/h1p-impacted.jpg);
}

h1.implants {
	background-image: url(../elements/h1p-implants.jpg);
}

h1.jaw {
	background-image: url(../elements/h1p-jaw.jpg);
}

h1.pathology {
	background-image: url(../elements/h1p-pathology.jpg);
}

h1.snoring {
	background-image: url(../elements/h1p-snoring.jpg);
}

h1.surgery {
	background-image: url(../elements/h1p-surgery.jpg);
}

h1.trauma {
	background-image: url(../elements/h1p-trauma.jpg);
}

h1.wisdom {
	background-image: url(../elements/h1p-wisdom.jpg);
}



/* @end */

#body p {
	width: 617px;
	margin-left: auto;
	margin-right: auto;
	color: #585447;
	font: 14px/24px Georgia, "Times New Roman", Times, serif;
}

#body ul, #body ol {
	width: 550px;
	color: #585447;
	font: 14px/24px Georgia, "Times New Roman", Times, serif;
}

#body h2 {
	font: italic bold 16px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #983e3d;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	margin-left: 15px;
	border-left-style: solid;
	border-left-width: 1.5em;
	text-indent: 10px;
	width: 580px;
}

img.right {
	float: right;
	margin-left: 5px;
}

#body .bio img {
	float: left;
	margin-right: 5px;
}

#body a:link, #body a:visited {
	color: #983e3d;
	text-decoration: none;
}

#body a:hover {
	text-decoration: underline;
	color: #8e8973;
}

a#acrobat {
	width: 370px;
	height: 60px;
	display: block;
	background-image: url(../elements/acrobat-download.jpg);
	text-indent: -9000px;
	overflow: hidden;
}

/* @group CALLOUT */

#body .callout p, #body .callout ul, #body .callout ol {
	padding-top: 0;
	padding-bottom: 0;
	font: italic 13px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 35px;
}

#body .callout {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #efefef;
	margin-top: -10px;
	position: relative;
	z-index: 0;
	padding-top: 8px;
	padding-bottom: 5px;
	border-left: 1px solid #b0ab98;
	border-bottom: 1px solid #b0ab98;
	border-right: 1px solid #b0ab98;
}

#body h5.oral-path {
	width: 630px;
	height: 40px;
	background-image: url(../elements/callout-oral-path.png);
	text-indent: -9000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 5;
}



/* @end */

/* LEFT COLUMN */

#left-column {
	width: 267px;
	position: relative;
	top: 300px;
	left: 33px;
}

#left-column h3 {
	display: block;
	width: 267px;
	background-color: #983e3d;
	margin: 0;
	padding: 0;
	height: 30px;
	color: white;
	font: bold 15px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-indent: 10px;
	border-bottom: 2px solid #d3d1c2;
}

.testimonial {
	width: 227px;
	color: #fff;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
	background-color: #b0ab98;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 8px;
	margin-top: 10px;
	border: 1px solid #d3d1c2;
}

.testimonial p {
	margin: 0;
	padding: 0;
	text-indent: 10px;
}

.testimonial p.sig {
	text-align: right;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 10px;
}

/* FOOTER */

#footer {
	clear: both;
	position: relative;
	top: 68px;
	padding-top: 28px;
	background: #e2e2e2 url(../elements/wrapper-bottom.jpg) no-repeat;
	text-align: center;
	padding-bottom: 50px;
}

#footer p {
	width: 970px;
	color: gray;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer p.callout {
	font-weight: bold;
	color: #993f3f;
	font-size: 12px;
	margin: 0;
}

#footer a:link, #footer a:visited {
	color: gray;
	text-decoration: none;
	border-bottom: 1px dotted gray;
	padding-bottom: 1px;
}

#footer a:hover {
	color: #993f3f;
	border-bottom: 1px dotted black;
	text-shadow: #ababab 2px 2px 2px;
}