@charset "utf-8";
/* CSS Document */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #f1ede0; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */

/* ------------------ FONTS ------------------------*/
@font-face {
    font-family: 'district_prothin';
    src: url('fonts/distproth-webfont.eot');
    src: url('fonts/distproth-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/distproth-webfont.woff') format('woff'),
         url('fonts/distproth-webfont.ttf') format('truetype'),
         url('fonts/distproth-webfont.svg#district_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_serifregular';
    src: url('fonts/DroidSerif-webfont.eot');
    src: url('fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-webfont.woff') format('woff'),
         url('fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* --------------- Main Structure ---------------- */
body {
	background:#d7ccb5 url(images/bg-repeat.png) repeat-x 0 0; 
	color:#2d405c;
	font-family:'Trebuchet MS', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	margin:0;
	padding:0;
	z-index:0;
	min-width:924px;
	overflow:hidden;
}
#wrapper {
	width:100%;
	min-width:924px;
	margin:0 auto;
	padding:28px 0 0 0;
}
header {
	width:924px;
	height:371px;
	margin:0 auto;
	position:relative;
	background:url(images/bg-header.jpg) no-repeat 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	behavior: url(PIE/PIE.htc);
}
h1#logo {
	position:absolute;
	top:0;
	left:0;
}
h1#logo a {
	width:330px;
	height:145px;
	margin:0;
	padding:0;
	font:36px/40px 'droid_serifregular', Georgia, serif;
	color:#222;
	text-decoration:none;
	display:block;
	text-indent:-999em;
	background:url(images/logo-jeffers.png) no-repeat 0 0;
}
h1#logo a:hover {
	color:#000;
	background-position:0 -145px;
}
.contact-wrapper {
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	font-size:16px;
}
.contact-wrapper span.phone {
	height:37px;
	text-decoration:none;
	font:24px/37px 'district_prothin', Helvetica, Arial, sans-serif;
	color:#3c5982;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
	background:url(images/icon-phone.png) no-repeat left center;
	display:block;
	cursor:text;
}
.contact-wrapper span.phone a {
	font:24px/37px 'district_prothin', Helvetica, Arial, sans-serif;
	color:#3c5982;
	text-decoration:none;
}
.container {
	width:924px;
	margin:0 auto;
	position:relative;
	background:#fff;
	-moz-box-shadow:0 0 12px #3c3733, inset 0 5px 1px -2px #2c2b3a;
	-webkit-box-shadow:0 0 12px #3c3733, inset 0 5px 1px -2px #2c2b3a;
	box-shadow:0 0 12px #3c3733, inset 0 5px 1px -2px #2c2b3a;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(PIE/PIE.htc);
}
nav#main-nav {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
}
nav#main-nav ul {
	margin:0;
	padding:0;
	width:924px;
	height:52px;
	position:relative;
	display:table;
}
nav#main-nav ul > li {
	height:52px;
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	*float:left;
	*margin:0 8px;
}
nav#main-nav ul > li.divider {
	height:52px;
	width:3px;
	background:url(images/nav-divider.png) no-repeat 0 center;
}
nav#main-nav ul > li a {
	display:block;
	padding:0;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	text-align:center;
	position:relative;
	font:18px/52px 'droid_serifregular', Georgia, serif;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#fff;
	background: #252f3d; /* Old browsers */
	background: -moz-linear-gradient(top,  #252f3d 0%, #a6bcdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252f3d), color-stop(100%,#a6bcdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #252f3d 0%,#a6bcdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #252f3d 0%,#a6bcdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #252f3d 0%,#a6bcdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #252f3d 0%,#a6bcdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252f3d', endColorstr='#a6bcdb',GradientType=0 ); /* IE6-9 */
	-pie-background: linear-gradient(#252f3d, #a6bcdb);
	behavior: url(PIE/PIE.htc);
}
a.endoscopy-center {
	width:200px;
	height:48px;
	font:22px/48px 'district_prothin', Helvetica, Arial, sans-serif;
	color:#314a6d;
	text-decoration:none;
	text-align:center;
	background:url(images/bg-tan-opacity.png) repeat-x 0 0;
	position:absolute;
	bottom:52px;
	right:30px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	box-shadow:0 0 10px #434e4e;
	z-index:10;
}
a:hover.endoscopy-center, a.endoscopy-center.current {
	background:#e5ddc3;
}
#content-wrapper {
	padding:40px 0 20px 46px;
	background:url(images/bg-content-top.png) repeat-x 0 0;
	z-index:100;
}
#content {
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
}
#content.inside {
	padding-top:20px;
}
#content p {
	margin:0 0 15px 0;
	line-height:18px;
}
#breadcrumbtree {
	margin:0 0 10px 0;
	position:absolute;
	top:-20px;
	left:0;
	color:#000;
	font-size:90%;
}
#breadcrumbtree a {
	color:#6b402d;
	text-decoration:underline;
}
#breadcrumbtree a:hover {
	text-decoration:none;
	color:#5e8db5;
}
/* ----------- CALLOUTS ---------------*/
.icon-callouts {
	margin:20px 20px 20px 0;
	padding:20px;
	background:#f1ede0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(PIE/PIE.htc);
}
.icon-callouts a {
	display:inline-block;
	padding:5px 0 5px 30px;
	line-height:24px;
	color:#2c2b3a!important;
	text-decoration:none;
}
.icon-callouts a:hover {
	text-decoration:underline!important;
}
.icon-callouts a.meet {
	background:url(images/icon-meet-physicians.png) no-repeat 0 center;
	width:42%;
	margin-right:8%;
}
.icon-callouts a.forms {
	background:url(images/icon-forms.png) no-repeat 0 center;
}
.icon-callouts a.prep {
	background:url(images/icon-prep.png) no-repeat 0 center;
	width:42%;
	margin-right:8%;
}
.icon-callouts a.map {
	background:url(images/icon-map.png) no-repeat 0 center;
}
.callouts {
	min-height:180px;
}
a.callout {
	width:185px;
	height:165px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	position:relative;
	border:solid 1px #d3c2ad;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(PIE/PIE.htc);
}
a.callout.endoscopy {
	background:#fff url(images/callout-endoscopy-center.jpg) no-repeat 0 0;
	text-align:right;
}
a.callout.prep {
	background:#fff url(images/callout-procedure-prep.jpg) no-repeat 0 0;
}
a.callout h3 {
	font:18px/20px 'droid_serifregular', Georgia, serif!important;
	color:#95744d!important;
	margin:8px;
}
a:hover.callout {
	border-color:#9c9bac;
	box-shadow:0 0 25px #ccc;
}
.callout.last {
	margin:0;
}
.callout p {
	width:48%;
	line-height:18px;
	color:#0a2550;
	text-decoration:none;
}
.callouts a {
	text-decoration:none;
}
.callouts a:hover div {
	box-shadow:0 0 6px #2e5a80;
}
footer {
	width:924px;
	margin:0 auto;
	padding:10px 0;
	color:#2c2b3a;
	font-size:11px;
	border-radius:0 0 10px 10px;
	background:none;
}
p.footer-nav {
	text-align:right;
	margin-bottom:20px;
	font-weight:bold;
}
p.credit {
	float:left;
	margin-left:5px;
	text-align:left;
}
footer a {color:#2c2b3a; text-decoration:none;}
footer a:hover {text-decoration:underline;}
ul.footer-menu-right {
	float:right;
	margin-right:5px;
	text-align:right;
}
ul.footer-menu-right li {
	margin:0;
	display:inline;
	*float:left;
}
h1, h2, h3, h4, h5, h6 {
	color:#537db9;
	font-family:'district_prothin', Helvetica, Arial, sans-serif;

}
h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#537db9!important;
	text-decoration:none;
	font-weight:normal!important;
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#537db9!important;
}
h1 {
	font-weight:normal;
	font-size:36px;
	margin:0 0 25px 0;
	line-height:36px;
}
h2 {
	font-weight:normal;
	font-size:30px;
	margin:0 0 15px 0;
	line-height:34px;
}
h3 {
	font-weight:normal;
	font-size:26px;
	margin:0 0 10px 0;
}
h4 {
	font-weight:normal;
	font-size:20px;
	margin:0 0 10px 0;
}
h5 {
	font-weight:normal;
	font-size:18px;
	margin:0 0 10px 0;
	letter-spacing:.1em;
}
h6 {
	font-weight:bold;
	font-size:16px;
	margin:0 0 8px 0;
	letter-spacing:.1em;
}
/* ----------- Inside Page Structure ----------- */
/* ------ Subnav ------ */
nav.subnav h1 {display:none;}
h2 a.pp {
	font-size:24px;
	padding:0 0 0 30px;
	background:url(images/icon-lock.png) no-repeat 0 center;
	color:#545454!important;
}
h2 a:hover.pp {
	color:#537db9!important;
	background:url(images/icon-lock-hover.png) no-repeat 0 center;
}
.right-col h2 {
	margin-left:80px;
	margin-bottom:0;
	line-height:28px;
	color:#545454!important;
}
nav.subnav {
	width:418px;
	margin:-1px 0 0 0!important;
	padding-top:10px;
	background:#c3b7a1;
	-moz-border-radius:0 0 0 10px;
	-webkit-border-radius:0 0 0 10px;
	border-radius:0 0 0 10px;
	behavior: url(PIE/PIE.htc);
}
nav.subnav.inside {
	margin-bottom:20px;
}
nav.subnav > ul {
	width:auto;
	margin:0 30px 20px 30px;
	padding:15px 0 20px 0;
	border-top:solid 1px #b6ad93;
	background:none;
	text-align:left;
}
nav.subnav.inside > ul {
	margin:0 30px 0 30px;
	padding-bottom:0;
}
nav.subnav > ul > li {
	border-bottom:solid 10px #c3b7a1;
	list-style:none!important;
	margin:0;
}
nav.subnav.inside > ul > li:last-child {
	border-bottom:none;
}
nav.subnav > ul > li a {
	padding:10px 10px 10px 50px;
	display:block;
	font-size:18px;
	font-weight:normal;
	color:#6e6759;
	line-height:20px;
	text-decoration:none;
	background:#d7ccb5 url(images/subnav-arrow.png) no-repeat 20px center;
}
nav.subnav > ul > li a:hover, nav.subnav > ul > li a.selectedon {
	color:#fff;
	text-decoration:none;
	background: #537db9 url(images/subnav-arrow-hover.png) no-repeat 20px center;
}
/* ---- END SUBNAV ---- */
/* Subnav Location Photo/link */
nav.subnav li.location a {
	background-image:none;
	padding:20px;
}
nav.subnav li.location a img {
	float:left;
}
nav.subnav li.location a span {
	float:left;
	margin-left:10px;
	color:#545454;
}
nav.subnav li.location a span h3 {
	color:#545454!important;
	margin-bottom:20px;
}
nav.subnav li.location a span p {
	font-size:12px;
	margin-bottom:0!important;
}
nav.subnav li.location a:hover h3, nav.subnav li.location a:hover p {
	color:#fff!important;
}
.position-relative {position:relative;}
.left-col {
	float:left;
	width:415px;
	margin:0;
	padding:30px 0 0 0;
	position:relative;
}
.right-col {
	width:418px;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	position:relative;
}
.fullwidth {
	width:auto;
	padding-right:50px;
}
/* ---------- Content ---------- */
.left-col a {
	text-decoration:none;
	color:#233044;
	font-weight:bold;
	padding:0;
}
.left-col a:hover {
	text-decoration:none;
	color:#233044;
	background:#f1ede0;
	border-radius:4px;
}
.left-col ul, .left-col ol {
	padding:0 0 20px 40px;
}

.left-col ul.nobullets{
		margin-left:0;padding-left:0;
}
.left-col ul.nobullets li{
	list-style:none;
	display:inline-block;
	margin:0 10px;
}
.left-col ul > li, .left-col ol > li {
	line-height:26px;
	margin:0 0 5px 0;	
}
.left-col input, .left-col textarea, .left-col select {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 5px 0;
	padding:3px;
	color:#0b203d;
	font-size: 14px;
	behavior: url(PIE/PIE.htc);
}
.left-col table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
	font-size:90%;
}
.left-col table thead {
	width:100%;
}
.left-col table th {
	color: #fff;
	background:#537db9;
	font-size: 85%;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
.left-col table td {
	border-top: 1px solid #eee;
	padding: 4px 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit] {
	font-size:16px;
	padding:3px 20px;
	color:#fff;
	background: #537db9;
	border:none;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover {
	color:#fff;
	background: #c3b7a1;
}
.left-col table input[type=radio] {
	margin-bottom:0;
}
.left-col ul > li {
	list-style:square;
}
.float-right {
	float:right;
	margin:0 0 10px 20px;
}
.float-left {
	float:left;
	margin:0 20px 10px 0;
}
.table-cell {
	display:table-cell;
	vertical-align:bottom;
}
.center {text-align:center;}
a.photo img, img.photo {
	margin-bottom:15px;
	padding:0;
	border:solid 1px #d3c2ad;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(PIE/PIE.htc);
}
a:hover.photo img {
	-moz-box-shadow:0 0 12px -3px #2e5a80;
	-webkit-box-shadow:0 0 12px -3px #2e5a80;
	box-shadow:0 0 12px -3px #2e5a80;
	behavior:url(PIE/PIE.htc);
}
blockquote {
	margin:10px 0 10px 50px;
	line-height:18px;
	font-style:italic;
}
.bold {font-weight:bold;}

/*---- PDF link icon ----*/
a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}