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

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/body-bg.jpg) repeat-x #a3a3a3;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #4272A0;
}

a:hover {
	text-decoration: underline;
}

hr {
	clear: both;
	margin: 20px 0;
	border: none;
	height: 1px;
	color: #215C96;
	background: #215C96;
}

p, ul, ol {
	margin: 0 0 10px 0;
}

p, ul, ol {
	font-size: 10pt;
}

li {
	margin: 0 0 5px 0;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215C96;
	margin: 0 0 10px 0;
	font-weight: normal;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
}

.container {
	width: 980px;
	min-height: 100%;
	background: url(images/container-bg.png) repeat-y;
	float: left;
	position: relative;
	padding: 0 10px;
}

.nav {
	width: 980px;
	height: 47px;
	background: url(images/nav-bg.jpg) no-repeat #2D68A2;
	position: relative;
	z-index: 8888;
}

	.nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.nav ul li {
		margin: 0;
		padding: 0;
	}

	.nav a {
		display: block;
		float: left;
		text-decoration: none;
	}
	
	.nav a#practice, a#surgery, a#solutions, a#postop, a#candidate, a#faq, a#testimonials, a#resources, a#downloads, a#videos, a#facebook, a#home {
		height: 47px;
	}

	.nav a#practice {
		width: 91px;	
	}
	
	.nav a#practice:hover {
		background: url(images/nav-bg.jpg) no-repeat 0 -47px;	
	}
	
	.nav a#surgery {
		width: 105px;
	}
	
	.nav a#surgery:hover {
		background: url(images/nav-bg.jpg) no-repeat -91px -47px;
	}
	
	.nav a#solutions {
		width: 126px;
	}
	
	.nav a#solutions:hover {
		background: url(images/nav-bg.jpg) no-repeat -196px -47px;
	}
	
	.nav a#postop {
		width: 64px;
	}
	
	.nav a#postop:hover {
		background: url(images/nav-bg.jpg) no-repeat -322px -47px;
	}
	
	.nav a#candidate {
		width: 132px;
	}
	
	.nav a#candidate:hover {
		background: url(images/nav-bg.jpg) no-repeat -386px -47px;
	}
	
	.nav a#faq {
		width: 42px;
	}
	
	.nav a#faq:hover {
		background: url(images/nav-bg.jpg) no-repeat -518px -47px;
	}
	
	.nav a#testimonials {
		width: 93px;
	}
	
	.nav a#testimonials:hover {
		background: url(images/nav-bg.jpg) no-repeat -560px -47px;
	}
	
	.nav a#resources {
		width: 78px;
	}
	
	.nav a#resources:hover {
		background: url(images/nav-bg.jpg) no-repeat -653px -47px;
	}
	
	.nav a#downloads {
		width: 83px;
	}
	
	.nav a#downloads:hover {
		background: url(images/nav-bg.jpg) no-repeat -731px -47px;
	}
	
	.nav a#videos {
		width: 57px;
	}
	
	.nav a#videos:hover {
		background: url(images/nav-bg.jpg) no-repeat -814px -47px;
	}
	
	.nav a#facebook {
		width: 56px;
	}
	
	.nav a#facebook:hover {
		background: url(images/nav-bg.jpg) no-repeat -871px -47px;
	}
	
	.nav a#home {
		width: 53px;
	}
	
	.nav a#home:hover {
		background: url(images/nav-bg.jpg) no-repeat -927px -47px;
	}

.header {
	width: 980px;
	height: 150px;
	border: 1px solid #0f447a;
	border-left: none;
	border-right: none;
	background: url(images/header-bg.jpg) no-repeat #669FD6;
	position: relative;
}

#facebookText {
	position: absolute;
	right: 1px;
	top: -6px;
}

.indexHeader {
	height: 288px;
}

.logo {
	position: absolute;
	left: 50px;
	top: 14px;
}

body#index .logo {
	top: 70px;
	left: 50px;
}

.main {
	min-height: 485px;
	width: 599px;
	float: left;
	padding: 30px 351px 30px 30px;
	background: url(images/main-bg.jpg) repeat-y 659px 0 #fff;
}

	.main p, .main ul, .main ol {
		line-height: 1.5em;
	}

	.main img {
		border: 1px solid #4272A0;
	}

.indexMain {
	background: url(images/indexMain-bg.jpg) no-repeat 345px bottom #fff;
	padding-right: 510px;
	width: 440px;
}

.sidebar {
	width: 230px;
	height: 289px;
	padding: 30px 30px 40px 30px;
	background: url(images/sidebar-bg.png) no-repeat;
	position: absolute;
	right: 10px;
	top: 229px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215C96;
}

	.sidebar p {
		font-size: 14pt;
	}

	.sidebar h2 {
		font-size: 24pt;
	}
	
	.sidebar p.contactNumber {
		font-size: 23pt;
		font-weight: bold;
		margin: -5px 0 5px 0;
	}
	
	.sidebar a {
		text-decoration: underline;
	}

	.sidebar a:hover {
		text-decoration: none;
	}
	
.storeButton {
	margin-top: 35px;
}

	.storeButton img {
		border: 1px solid #B6CAE2;
	}
	
	.storeButton a {
		text-decoration: none;
		font-size: 9pt;
	}
	
body#index .sidebar {
	top: 367px;
}

.imgFloatRight {
	float: right;
	margin-left: 20px;
}

.imgFloatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.textAlignCenter {
	text-align: center;
}

	.textAlignCenter img {
		margin: 10px 0;
	}
	
.map {
	float: right;
}

#contactForm {
	float: right;
	margin: 0 0 20px 0;
}

	#contactForm p {
		color: #215C96;	
		margin: 0;	
	}

	#contactForm label {
		margin: 0 0 3px 0;
		display: block;
	}
	
	#contactForm input[type=text],  #contactForm textarea {
		width: 360px;
		margin: 0 0 10px 0;
		font-size: 10pt;
	}
	
input[type=submit], input[type=button] {
	margin: 0;
	background: #5884B0;
	border: none;
	color: #fff;
	padding: 5px;
}

input[type=text],  textarea, select {
	border: 1px solid #B6CBE2;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e9eff6;
}

select {
	padding: 0;
}

input[type=text]:hover, textarea:hover, input[type=text]:focus,  textarea:focus, select:focus {
	background: #fff;
}
	
input[type=submit]:hover, input[type=button]:hover {
	background: #E9EFF6;
	color: #000;
}
	
.staffWrap {
	margin-top: 20px;
}

.staffBox {
	width: 50%;
	float: left;
	height: 325px;
	text-align: center;
	margin-bottom: 10px;
}

.blankBox {
	width: 223px;
	height: 138px;
	border: 1px solid #ccc;
	color: #ccc;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 110px;
}

.threePhotoWrap {
	clear: both;
	width: 100%;
	margin-top: 30px;
}

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


table td {
	font-size: 10pt;
}

table#excessWeightTable {
	width: 500px;
	margin: 10px auto 15px auto;
	text-align: center;
}

table.resultsTable {
	width: 500px;
	margin: 10px auto 15px auto;
	text-align: center;
}

table#threeSurgeriesTable, table#privatePayTable {
	width: 600px;
	margin: 10px auto 15px auto;
	text-align: center;
}

table#improvedHealthTable {
	margin: 10px auto 0 auto;
	width: 350px;
}

table#bmiTable {
	margin: 10px auto 0 auto;
	width: 350px;
}

	table#improvedHealthTable td, 
	table#bmiTable td, 
	table#excessWeightTable td, 
	table#threeSurgeriesTable td, 
	table#privatePayTable td,
	table.resultsTable td {
		border: 1px solid #B6CAE2;
		padding: 5px;
		width: 50%;
	}	
	
table#excessWeightTable td {
	width: 25%;
}

table.resultsTable td {
	width: 33%;	
}

table#threeSurgeriesTable td, table#privatePayTable td {
	width: auto;
}	

.tableHeader,
.tableHeaderDark {
	background: #4B83BC;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.tableHeaderDark {
	background: #215C96;	
}

.textAlignCenter {
	text-align: center;
}	

.tinyText {
	font-size: 7pt;
	float: right;
}

.disclaimer {
	font-size: 7pt;
}

.beforeAfterWrap {
	width: 599px;
	float: left;
	margin: 10px 0 20px 0;
}

	.beforeAfterPhoto {
		width: 295px;
		float: left;
		text-align: center;
	}
	
	.beforeAfterPhoto p {
		margin: 0;
	}
	
	.beforeAfterPhoto img {
		margin-bottom: 3px;
	}
	
	.beforeAfterMarginLeft {
		margin-left: 9px;
	}

.footer {
	clear: both;
	width: 980px;
	padding: 20px 0 5px 0;
	border-top: 1px solid #4272A0;
	background: url(images/footer-bg.jpg) repeat-x;
}	

	.footer a {
		
	}

	.footer p {
		text-align: center;
	}
	
	.footer span {
		font-size: 7pt;
	}
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	margin: 0 0 10px 0;
	display: inline;
}