/*
=====================
BASE
=====================
*/
body {
	background:#232323;
	text-align:center;
	color:#333;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table  { margin:1em 0; }
img { border:0 ;}
.clearer { clear:both; height:1%; line-height:1%; font-size:1%; }
.access, hr { display:none; }

a:link, a:visited { color:#741926; font-weight:bold; text-decoration:underline; }
a:hover, a:active { text-decoration:none; outline:none; }

strong, dfn { font-weight:bold; }

/* 
=====================
HEADINGS
=====================
*/
h1 { font-weight:bold; }
h2, h3, h4, h5, h6 { font-weight:bold; margin:0.5em 0; }
h1 { font-size:25px; line-height:28px; }
h2 { font-size:22px; line-height:25px; }
h3 { font-size:18px; line-height:21px; }
h4 { font-size:16px; line-height:19px; }
h5 { font-size:14px; line-height:17px; }
h6 { font-size:13px; line-height:16px; }


/* 
=====================
LISTS
=====================
*/
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
ul, ol { list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em; }

ul li ul { margin:0.5em 0; }
ul li ul li { list-style-type:circle; }

ul.inline { margin:0; padding:0; }
ul.inline li { display:inline; border-right:1px solid #999; list-style-type:none; }

ul.procedures-list { padding:0; }
ul.procedures-list li { list-style-type:none; padding:2px 0; }
ul.procedures-list li a  {  }

ul.links { padding:0; margin:0; }
ul.links li { padding:4px 0; list-style-type:none; font-size:16px; }
ul.links a { font-size:12px; display:block; }

/*
=====================
IMAGES
=====================
*/
img.left { float:left; margin:0 15px 15px 0; }
img.right { float:right; margin:0 0 15px 15px; }
img.surgeons { margin:15px 0 15px 15px; border:5px solid #751a26; float:right; }
/* 
=====================
FOUNDATION
=====================
*/
div#wrap { position:relative; width:100%; text-align:left; }

div#hwrap { background:url(../images/bg_header-repeat.jpg) repeat-x top center; width:100%; height:77px; position:relative; z-index:105; }
div#header { position:relative; width:960px; margin:0 auto; }

div#swrap { background:url(../images/bg_splash-repeat.jpg) repeat-x top center; width:100%; padding:15px 0; position:relative; }
div#splash { background:url(../images/bg_splash-bg.jpg) no-repeat top center; position:relative; width:984px; padding: 0; margin:0 auto; }
div#secondary-splash {
	background:url(../images/bg_secondary-image-holder.jpg) no-repeat top center;
	position:relative;
	width:984px;
	height:163px;
	padding:10px 0 0;
	margin:0 auto;
}

div#cwrap { background:url(../images/bg_cwrap-repeat.jpg) repeat-x top center #fff; position:relative; width:100%; padding:0; z-index:90; }
div#contain { background:url(../images/bg_cwrap-bg.jpg) repeat-x top center #fff; position:relative; width:971px; padding:20px 0 0 15px; margin:0 auto; border:1px solid #fff; }

div#secondary-contain {
	background:url(../images/bg_secondary-repeat.jpg) repeat-y top left #fff;
	position:relative;
	width:986px;
	min-height:450px;
	padding:0;
	margin:0 auto;
	border:1px solid #fff;
}
div#side {
	background:url(../images/bg_side-repeat.jpg) repeat-x top center #bebdb8;
	width:300px;
	padding:50px 0 0;
	position:relative;
	float:left;
	display:inline;
}
div#main {
	background:url(../images/bg_main-repeat.jpg) repeat-x top center;
	width:686px;
	padding:20px 0 40px;
	position:relative;
	float:right;
	display:inline;
}


div#fwrap { width:100%; padding:0 0 20px; position:relative; clear:both; }
div#footer { position:relative; width:960px; margin:0 auto; padding:0; }

/* 
=====================
HEADER
=====================
*/
div#header h1 a:link, div#header h1 a:visited {
	background:url(../images/img_logo.jpg) no-repeat top left;
	width:352px;
	height:0;
	padding-top:66px;
	margin:8px 0 0;
	position:relative;
	float:left;
	display:block;
	overflow:hidden;
	font-size:0;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#e2e2e0;
}
div#header h1 a:hover, div#header h1 a:active { border:0;text-decoration:none; }

#header ul { margin:0; padding:0; }
#header ul li { float:left; display:block; list-style-type:none; }
#header ul li a { float:left; display:block; text-decoration:none; }
#header ul li a:hover {  text-decoration:underline; }

/* Top Navigation --- */
#header ul.top-nav { margin:2px 0 0; float:right; }
#header ul.top-nav li {  }
#header ul.top-nav li a { background:url(../images/bg_topnav-break.png) no-repeat top right; font-size:10px; color:#fff; padding:0 8px; }
#header ul.top-nav li.last a { background:none; }

/* Main Navigation -- */
#header ul#nav { width:565px; padding:34px 0 0; float:right; position:relative; }
#header ul#nav li { }
#header ul#nav li a { background:url(../images/bg_mainnav-break.png) no-repeat top right; padding:5px 12px; color:#484848; position:relative; }
#header ul#nav li a:hover { text-decoration:none; }
#header ul#nav li.last a { background:none; padding:5px 0 5px 12px; }

/* Drop Downs -- */
#header ul#nav li {
	margin:0;
	padding:0;
	position:relative;
	z-index:200;
}

#header ul#nav li ul {
	background:url(../images/bg_dropdown.jpg) repeat-x top center #232323;
	border-right:1px solid #676766;
	border-left:1px solid #676766;
	border-bottom:1px solid #676766;
	display:none;
	margin:0;
	padding:5px 0;
	position:absolute;
	top:25px;
	left:0;
	z-index:999;
}
#header ul#nav li ul li { clear:both; }
#header ul#nav li ul li a {
	background:none;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	display:block;
	margin:0;
	padding:3px 10px;
	text-align:left;
	text-decoration:none;
	width:150px;
}
#header ul#nav li ul li.last a { }

#header ul#nav li ul li a:hover { background:#cbcecb; color:#741926; text-decoration:none; }
#header ul#nav li:hover ul, #header ul#nav li.hover ul { display:block; }

* html #header ul#nav ul li { float:left; height:1%; }
* html #header ul#nav ul li a { height:1%; }


/* 
=====================
SPLASH
=====================
*/
#splash div.splash-left { width:420px; padding:25px 0 0 40px; float:left; }
#splash div.splash-right { width:480px; padding:15px 15px 0 0; float:right; }

/* Splash Left -- */
#splash div.splash-left h1 { font-family:"Times New Roman", Times, serif; font-size:23px; font-weight:normal; color:#c3c4bf; }
#splash div.splash-left p { font-size:14px; line-height:17px; color:#fff; }

#splash div.splash-left div.procedures { padding:30px 0 0; }
#splash div.splash-left div.procedures div.pwrap { background:url(../images/bg_procedures.jpg) no-repeat top center; width:384px; height:97px; padding:10px 10px 0 20px; }
#splash div.splash-left div.procedures h3 {
	padding:0 0 8px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	font-style:italic;
	font-weight:normal;
	color:#fff;
}
#splash div.splash-left div.procedures ul { padding:0 15px 0 0; margin:0; float:left; }
#splash div.splash-left div.procedures ul li { list-style-type:none; }
#splash div.splash-left div.procedures ul li a { font-size:10px; line-height:13px; color:#fff; }

#secondary-splash div.image-wrap { width:962px; height:144px; margin:0 auto; }
#secondary-splash div.image-wrap img { border:1px solid #bebdb8; }


/* 
=====================
CWRAP
=====================
*/
#contain div.col { width:300px; margin:0 10px; float:left; display:inline; }
#contain div.col h3 { padding:0 0 5px; font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#741926; }
#contain div.col div.image-holder { background:#b7b7b0; border:1px solid #8e8d87; padding:4px; }
#contain div.col div.image-holder img { border:1px solid #fff; }
#contain div.col p { font-size:11px; line-height:14px; }
#contain div.col p.red { font-size:14px; line-height:17px; font-style:italic; color:#751a26; }
#contain div.col p.arrow { background:url(../images/btn_red-arrow.png) no-repeat right 3px; margin:0; float:right; }
#contain div.col p.arrow a { padding:0 15px 0 0; font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic; color:#550b12; }

#contain div.contact-bar {
	background:url(../images/bg_contact-bar.png) no-repeat top center;
	width:908px;
	padding:0 0 20px;
	margin:50px 0 0 20px;
	float:left;
	display:inline;
}
#contain div.contact-bar h2 { font-family:"Times New Roman", Times, serif; font-style:italic; padding:5px 0 0 14px; color:#560b12; }
#contain div.contact-bar h2 span { font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; padding:2px 0 0 480px; color:#000; }
#contain div.contact-bar h2 a {text-decoration:none;}
#contain div.contact-bar h2 a:hover {text-decoration:underline;}

/* 
=====================
MAIN
=====================
*/
div#main div.content { width:555px; padding:25px 0 0; margin:0 auto; }
body.gallery div#main div.content { width:585px; }

#main div.content h1 { font-family:"Times New Roman", Times, serif; font-weight:normal; color:#741926; margin:0.5em 0; }
#main div.content h2 { font-family:"Times New Roman", Times, serif; font-weight:normal; color:#741926; }
#main div.content h3, h4, h5, h6 { color:#333; }
#main div.content p { font-size:12px; color:#666; }
#main div.content p.small { font-size:10px; line-height:13px; }
#main div.content p a { color:#741926; }
#main div.content ul li { color:#666; }
#main div.content ul li a { color:#741926; }

#main div.content div.before-after { padding:30px 0 0; }

#main div.content div.before-after div.left { width:70%; border-right:1px solid #ccc; margin:0 15px 0 0; float:left; }
#main div.content div.before-after div.right { width:27%; float:left; }

#main div.content div.before-after div.left div.image-holder { width:45%; float:left; text-align:center; }
#main div.content div.before-after div.right div.image-holder { width:100%; float:left; text-align:center; }

#main div.content div.before-after div.image-holder img { border:5px solid #751a26; }
#main div.content div.before-after div.image-holder h4 { font-size:12px; color:#000; }
#main div.content div.before-after ul { margin:0; padding:15px 0 0; text-align:center; clear:both; }
#main div.content div.before-after ul li { list-style-type:none; }
#main div.content div.before-after ul li a { font-size:10px; color:#000; text-decoration:underline; }
#main div.content div.before-after ul li a:hover { text-decoration:none; }

#main div.content div.contact-left { width:45%; float:left; display:inline; }
#main div.content div.contact-right { border-left:1px solid #ccc; display:inline; float:left; padding:75px 0 0 35px; margin:0 0 0 10px; width:45%; }

#main div.content form { padding:0 0 20px; float:right; width:100%; }
#main div.content form div.row { width:100%; padding:5px 0; /*float:left;*/ clear:both; }
#main div.content form div.row label { width:65px; margin:0 5px 0 0; float:left; clear:both; }
#main div.content form div.row div { /*float:left;*/ }
#main div.content form div.row div input { padding:2px; /*float:left;*/ }
#main div.content form div.row div textarea { width:215px; height:100px; float:left; }
#main div.content form div.submit { clear:both; margin:5px 30px 0 0; float:right; display:inline; }
#main div.content form div.submit input { padding:2px; }

#main div.content div.surgeon-content { padding:30px 0; border-bottom:1px solid #999; }
#main div.content div.surgeon-content { font-size:15px; }
#main div.content div.surgeon-content img.surgeons { margin:15px 0 15px 15px; border:5px solid #751a26; float:right; }

#main div.content div.surgeon-content strong { color:#000; }

#main div.content div.staff {  }
#main div.content div.staff div.top-row { text-align:center; }
#main div.content div.staff div.top-row img { border:1px solid #666; }
#main div.content div.staff div.bottom-row { text-align:center; }
#main div.content div.staff div.bottom-row img { border:1px solid #666; }

#main div.content div.image { margin:0 20px; float:left; text-align:center; color:#666; font-size:12px; line-height:15px; font-style:italic; }
#main div.content div.image img { padding:0 0 5px; display:block; }

#main div.testimonial { padding:15px 0; border-bottom:1px solid #ccc; }
#main div.testimonial p.author span { font-weight:bold; }
#main div.last { border-bottom:none; }

/*
=====================
BEFORE AND AFTER
=====================
*/
#main div.content div.bf-holder { border-bottom:1px solid #ccc; display:inline; float:left; margin:10px 0; }
#main div.content div.bf-holder div.bf-image-wrap { background:url(../images/bg_before-after-repeat.jpg) repeat-x bottom center #b02739; padding:5px; margin:5px 0; width:547px; }
#main div.content div.bf-holder div.bf-image-wrap img {  }
#main div.content div.bf-holder div.bf-content { width:550px; float:left; }
#main div.content div.bf-holder div.bf-content p { font-size:11px; line-height:14px; }

/*
=====================
GALLERY
=====================
*/
div#main div.content div.quick-view { background:#666; width:249px; padding:10px; margin:10px; border:1px solid #999; text-align:center; float:left; }
div#main div.content div.quick-view div.thumb { margin:0 4px 0 0; float:left; }
div#main div.content div.quick-view div.thumb-last { float:left; }

div#main div.content div.quick-view p { padding:5px 0 0; margin:0; clear:both; }
div#main div.content div.quick-view p a { color:#ccc; }

div#main div.content div.deep-view { background:#666;width:565px; padding:10px; border:1px solid #999; float:left; }
div#main div.content div.deep-view div.before { margin:0 20px 0 0; float:left; text-align:center; }
div#main div.content div.deep-view div.before p { padding:5px 0 0; margin:0; color:#ccc; font-size:14px; line-height:17px; }
div#main div.content div.deep-view div.after { float:left; text-align:center; }
div#main div.content div.deep-view div.after p { padding:5px 0 0; margin:0; color:#ccc; font-size:14px; line-height:17px; }

div#main div.content div.deep-view ul { padding:20px 0; margin:0 0 0 20px; clear:both; }
div#main div.content div.deep-view ul li { list-style-type:none; color:#ccc; }

div#main div.content ul.pagination { width:100%; padding:5px 0 0; margin:0; float:left; display:block; }
div#main div.content ul.pagination li { width:49%; float:left; /*display:block;*/ list-style-type:none; }
div#main div.content ul.pagination li a { color:#731926; text-decoration:none; font-size:13px; line-height:16px; float:left; display:block; }
div#main div.content ul.pagination li.back a { background:url(../images/before-after/ico_back-arrow.png) no-repeat left; padding:0 0 0 10px; margin:0 0 0 10px; }
div#main div.content ul.pagination li.next a { background:url(../images/before-after/ico_forward-arrow.png) no-repeat right; padding:0 10px 0 0; margin:0 4px 0 0; float:right; }

img.newborder { float:left; border: 1px solid #B7C0C7; }

/* 
=====================
SIDE
=====================
*/
#side h3 { padding:0 0 5px 35px; font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#741926; }

#side ul#sidenav { background:#d8d9d7; width:240px; border:1px solid #a5a49d; padding:20px 0; margin:0 0 0 30px; float:left; display:inline; }
#side ul#sidenav li {
	background:url(../images/bg_sidenav-bg.jpg) no-repeat top left #d8d9d7;
	width:230px;
	padding:2px 0 2px 10px;
	margin:0;
	float:left;
	display:block;
	list-style-type:none;
	clear:both;
}
#side ul#sidenav li a  {
	background:url(../images/btn_arrow-secondary.png) no-repeat left 5px;
	font-size:10px;
	line-height:13px;
	padding:2px 0 0 14px;
	margin:0;
	color:#222;
	float:left;
	display:block;
	text-decoration:none;
}
#side ul#sidenav li a:hover { text-decoration:underline; }
#side ul#sidenav li.last {  }
#side ul#sidenav li.last {
	background:url(../images/bg_sidenav-bg-last.jpg) no-repeat top left #d8d9d7;
	width:230px;
	padding:2px 0 5px 10px;
	margin:0;
	float:left;
	display:block;
	list-style-type:none;
	clear:both;
}

/* 
=====================
FOOTER
=====================
*/
#footer div.col { float:left; }
#footer div.col h4 { padding:10px 0 10px 15px; font-size:11px; color:#ae7f85; }
#footer div.col ul { margin:0; padding:0 15px 0 0; float:left; }
#footer div.col ul li { list-style-type:none; }
#footer div.col ul li a { font-size:10px; line-height:13px; color:#999; }

#footer div.procedures { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:260px; min-height:145px; padding:0 0 0 15px; float:left; *width:245px; }
#footer div.before-after { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:260px; min-height:145px; padding:0 0 0 15px; float:left; *width:270px; }
#footer div.staff { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:165px; min-height:145px; padding:0 0 0 15px; float:left; }
#footer div.facility { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:57px; padding:0 0 0 15px; min-height:145px; float:left; }
#footer div.financing { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:68px; padding:0 0 0 15px; min-height:145px; float:left; }
#footer div.contact-us { background:url(../images/bg_footer-col-break.png) no-repeat top right; width:55px; padding:0 0 0 15px; min-height:145px; float:left; }

#footer div.associations { float:left; margin:10px 0 0; }
#footer div.associations img { padding:0 4px; }

p.copyright { width:45%; padding:10px 0; margin:0; float:right; font-size:10px; line-height:13px; color:#666; text-align:right; }
