/* @group Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* remember to define focus styles! */

:focus, :active {
	outline: 0;
}

/* @end */

/* @group General */

body {
	background: #e5f1f2 url(/i/content-back2.gif) repeat-y center;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, #nav {
	font-family: Garamond, Georgia, "Times New Roman", serif;
	color: #455560;
	font-weight: normal;
	margin-bottom: 20px;
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 20px;
	margin-top: 20px;
}

h3 {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 20px;
}

a:link {
	color: #007987;
	text-decoration: none;
}

a:visited {
	color: #50777c;
	text-decoration: none;
}

a:hover, a:active {
	color: #333;
	text-decoration: underline;
}

p {
	font-size: 13px;
	line-height: 19px;
	color: #666;
	margin: 0 0 10px 0;
}

#content ul {
	font-size: 13px;
	line-height: 17px;
	color: #666;
	margin: 0 0 10px 20px;
	clear: left;
}

#content ul li {
	background: url(/i/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 8px 13px;
}

#content ol {
	font-size: 13px;
	line-height: 17px;
	color: #666;
	margin: 0 0 10px 20px;
	clear: left;
}

#top {
	background: url(/i/head-back.png) repeat-x;
	width: 100%;
	top: 0;
	position: absolute;
}

#page {
	width: 811px;
	margin: 0 auto;
}

#content {
	width: 565px;
	margin: 150px 30px 20px 0;
	float: right;
}

#content img {
	padding: 6px;
	background: #fff;
	border: 1px solid #e4e6e6;
	margin: 5px;
}

#content img.profile {
	float: left;
	margin: 0 20px 10px 0;	
}

#content img.left {
	float: left;
	margin: 5px 15px 15px 0;
}

#content img.right {
	float: right;
	margin: 5px 0 15px 15px;
}

#content img.pdf, #content img.doc {
	padding: 0;
	background: none;
	border: none;
	float: none;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

hr {
	border: none;
	border-top: 1px solid #eaeae3;
	background:#eaeae3;
	width: 100%;
	clear:both;
	height: 1px;
	margin: 20px 0;
}

div#map iframe {
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

/* @end */

/* @group Header */

#header {
	width: 810px;
	height: 134px;
	margin: 0 auto;
	background: url(/i/header.png) no-repeat center;
}

#header p, a.skip {
	position:absolute;
	left:-9999px;
}

#header p#download {
	float:right;
	left:0;
	position:relative;
	top:67px;
	width:260px;
}

#header p#download a {
	display: block;
	width:260px;
	text-indent: -10000px;
	
}

/* @end */

/* @group Home */

body#home {
	background: #fdfdfc none;
}

#middle {
	width: 100%;
	background-color: #e5f1f2;
	border-bottom: 1px solid #dadfe0;
	overflow: auto;
	margin-top:108px;
}

#middle-content {
	width: 811px;
	margin: 0 auto;
}

#middle-content img {
	float: left;
}

body#home #nav {
	width: 170px;
	float: left;
	margin: 20px 37px 0 0;
}

#bottom {
	width: 811px;
	margin: 20px auto;
	overflow: auto;
}

body#home h2 {
	font-size: 21px;
	color: #455560;
	font-weight: normal;
	border-bottom: 1px solid #ebe8e1;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#feat-about, #feat-phys, #feat-contact {
	width: 250px;
	float: left;
}

#feat-phys, #feat-contact {
	margin-left: 55px;
}

#feat-contact {
	width: 200px;
}

body#home #footer {
	width: 811px;
	clear: both;
	margin: 0 auto;
}

/* @end */

/* @group Navigation */

ul#nav {
	list-style: none;
	width: 183px;
	float: left;
	margin-top: 140px;
}

#nav a:visited {
	color: #007987;
}

#nav a:hover, ul#nav a:active {
	text-decoration: none;
	color: #333;
}

#nav a {
	border-bottom:1px solid #D0DEDF;
	display:block;
	width:165px;
	padding:5px 0;
}

#nav li.links a {
	border: none;
}

#nav li {
	font-size:19px;
}

/* On States */

body#home #nav li.home {
	display: none;
}

body#about #nav li.about,
body#physicians #nav li.physicians,
body#staff #nav li.staff,
body#visit #nav li.visit,
body#services #nav li.services,
body#clinical #nav li.clinical,
body#videos #nav li.videos,
body#links #nav li.links {
	background: url(/i/nav-back.gif) repeat-y;
	border-bottom:1px solid #D0DEDF;
	border-top:1px solid #D0DEDF;
}

body#about #nav li.about a,
body#about #nav li.home a,
body#physicians #nav li.physicians a,
body#physicians #nav li.about a,
body#staff #nav li.staff a,
body#staff #nav li.physicians a,
body#visit #nav li.visit a,
body#visit #nav li.staff a,
body#services #nav li.services a,
body#services #nav li.visit a,
body#clinical #nav li.clinical a,
body#clinical #nav li.services a,
body#videos #nav li.videos a,
body#videos #nav li.clinical a,
body#links #nav li.videos a 
{border: none;}

/* @end */

/* @group Sub Navigation */

#nav ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	list-style: none;
	border-top: 1px solid #fff;
	padding: 4px 5px 2px 18px;
}

#nav ul li a:link, #nav ul li a:visited {
	color: #777;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #333;
}

#nav ul {
	display: none;
}

body#about #nav li.about ul,
body#physicians #nav li.physicians ul,
body#staff #nav li.staff ul,
body#visit #nav li.visit ul,
body#services #nav li.services ul,
body#clinical #nav li.clinical ul,
body#videos #nav li.videos ul,
body#links #nav li.links ul {
	display: block;
}

/* @end */

/* @group Sub Nav On States */

body.guelich li.guelich a,
body.hoffman li.hoffman a,
body.mercier li.mercier a,
body.nam li.nam a,
body.diekevers li.diekevers a,
body.sports li.sports a,
body.elbow li.elbow a,
body.foot li.foot a,
body.knee li.knee a,
body.shoulder li.shoulder a,
body.arthritis li.arthritis a,
body.hip-arth li.hip-arth a,
body.knee-arth li.knee-arth a,
body.shoulder-arth li.shoulder-arth a {
	font-weight: bold;
}


/* @end */

/* @group Top Nav */

ul#topnav {
	border-top: 1px solid #eaeae3;
	border-bottom: 1px solid #eaeae3;
	margin: 0;
	padding: 10px 15px;
	overflow: auto;
}

ul#topnav li {
	float: left;
	width: 155px;
	padding-right: 8px;
}

/* @end */

/* @group Footer */

#footer {
	border-top: 1px solid #ebe8e1;
	padding: 10px 0;
	margin-top: 30px;
	clear: both;	
}

#footer p {
	color: #acacac;
	font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #acacac;
	text-decoration: underline;
}

#footer p#design {
	float: right;
	text-align: right;
}

/* @end */