/* @override 
	http://rmwebsite.com/hoab/wp-content/themes/hoab/style.css
	http://www.hoab.org/wp-content/themes/hoab/style.css
*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
html {
	background: #20130b url("images/bg-html.jpg") top repeat-x;	
}

body { 
	background: transparent url("images/bg-body.jpg") top center no-repeat;
	text-align:center; 
	font:12px/19px Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#b55900; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#b55900; text-decoration:none; outline:none; }

hr {
	border: none;
	border-top: 1px solid #C96B14;
	height: 0;
	margin-bottom: 13px;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:2px 0px 10px 10px; 
	}

.btn-seminarsInside {
	background: url("images/btn-seminarsInside.png") no-repeat;
	text-indent: -9999px;
	display: block;
	height: 137px;
	width: 367px;
	margin: 0 auto;
}

.btn-seminarsInside:hover {
	background: url("images/btn-seminarsInside.png") left bottom no-repeat;
}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */
/* ------------------------ main framework ------------------------ */
#header {
	height: 119px;
	width: 1100px;
	margin: 0 auto;
}

#logo {
	background: url("images/logo.jpg") no-repeat;
	text-indent: -9999px;
	width:  550px;
	float: left;
	height: 119px;
}

#contact-numbers {
	width: 550px;
	background: url("images/contact-numbers.jpg") no-repeat;
	text-indent: -9999px;
	float: right;
	height: 119px;
}

#wrap {
	width:970px;
	margin:0 auto;
	text-align:left;
	background: url("images/bg-wrap.jpg") repeat-y;
}

#content-wrap {
	background: url("images/bg-colBtm.jpg") bottom left no-repeat;
	width: 970px;
	float: left;
	padding: 0 0 122px 0;
}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:239px;
	float:left;
	background: url("images/bg-column-left.jpg") no-repeat;
}

#column-left p, #column-left h1, #column-left h2, #column-left h3 {
	margin:0px 0px 10px 0px;
}

#colLeft-btm {
	padding: 0 0 10px 23px;
}

#nav {
	padding: 4px 0 0 3px;
	display: block;
	font-size: 13px;
	margin: 0;
}

#nav li, #nav li a {
	background: url("images/nav.jpg") no-repeat;
	width: 209px;
	height: 31px;
	display: block;
	color: #5b2609;
	text-decoration: none;
	text-indent: 22px;
	line-height: 31px;
}

#nav li a:hover {
	background: url("images/nav.jpg") bottom left no-repeat;
	color: #ce6204;
}



/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#D6BB90;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:209px; /* Set to same width as in #nav */
	margin-top:-31px; /* Set to each button height, same as used above */

}

#nav li ul li {
	height:31px; /* Height of each drop down nav item */
	border-bottom:1px solid #CE6305;

	background-image:none!important;
}

#nav li ul li a {
	width:100%;
	height:31px; /* Height of each drop down nav item, should match above */
	line-height:31px;	 /* Height of each drop down nav item again, should match above */
	background-image:none!important;
	text-indent: 10px;
}



/* Drop down link styles */
/*#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
}*/

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav li ul a:hover { 
	background-image:none!important;
	background-color:#F3EBD4!important;
	color:#CE6305;
	text-decoration:none;
}

/* width of drop down nav - choose width that allows items to display on one line */
#nav li ul, #nav li ul li { width:200px; }		










#column-left #categoriesTitle, #column-left #archivesTitle {
	color: #798224;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 7px;
	display: block;
}

#column-left #categories, #column-left #archives {
	margin: 0 0 0 20px;
	text-decoration: none;
}

#btn-videoWebsite {
	background: url("images/btn-videoWebsite.jpg") no-repeat;
	width: 209px;
	height: 170px;
	display: block;
	text-indent: -9999px;
	margin: 5px 0 0 3px;
}

#btn-videoWebsite:hover {
	background: url("images/btn-videoWebsite.jpg") bottom left no-repeat;
}
#video-container {margin: 5px 0 0 3px;}

h2#title-contactUs {
	background: url("images/title-contactUs.jpg") no-repeat;
	width: 207px;
	height: 34px;
	text-indent: -9999px;
	margin: 8px 0 0 4px;
}

#colLeft-btm h3 {
	font-size: 14px;
	margin: 17px 0 9px 25px;
}

#colLeft-btm p {
	margin: 0 15px 0 25px;
}

#btn-mapsDirections {
	background: url("images/btn-mapsDirections.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;
	margin: 16px 0 7px 22px;
}

.logos {
	margin: 0 0 0 4px;
}

h2#title-seminars {
	width: 207px;
	height: 46px;
	background: url("images/title-seminars.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 9px 4px;
}

a.text-link {
	margin: 0 0 0 25px;
	color: #682121;
	line-height: 19px;
}

h2#title-patientForms {
	width: 207px;
	height: 43px;
	background: url("images/title-patientForms.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 5px 4px;
}

h2#title-bmiCalculator {
	width: 207px;
	height: 47px;
	background: url("images/title-bmiCalculator.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 9px 4px;
}

#bmiCalculator {
	margin: 21px 0 0 27px;
}

#bmiCalculator input {
	background-color: #fff !important;
	outline-style:none;
	
}

#label-height {
	margin: 0 10px 0 0;
}

#label-ft {
	margin: 0 10px 0 0;
}

#label-weight {
	margin: 0 8px 0 0;
}

#label-results {
	margin-right: 7px;
	display:none;
}

#input-ft, #input-in, #input-lbs {
	width: 25px;
	height: 19px;
	border: 1px solid #3b3124;
	outline: none !important;
	
}

#bmiCalculator input#button-calculate {
	width: 120px;
	height: 20px;
	line-height: 16px;
	margin:10px 0 10px 0px;
	border: 1px solid #3b3124;
	background:transparent url("images/bmi-button.jpg") no-repeat;
	outline: none !important;
	cursor:pointer;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
#bmiCalculator #input-results {
	width: 60px;
	height: 18px;
	border: none;
	background-color:transparent !important;
	display:none;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:1.3em;
}
#label-kgm { display:none;}
table#bmi-stats {display:none; margin:10px 0 !important;}

table#bmi-stats td.equals {padding:0 5px; vertical-align:middle;}

table#bmi-stats td {vertical-align:top; margin:0; padding:3px;}

#bmi-calcSide {

	color: #000;

	padding: 0 10px;
	padding-top: 10px;

}

#bmi-calcSide h2 {

	color: #000!important;

	font-weight: bold;
	margin-top: 10px;

}

#bmi-calcSide label {

	width: 70px;

}

#bmi-calcSide input {

	width: 30px;

	height: 25px;
	font-size: 14px;

}



#bmi-calcSide #results {

	width: 100px;

	margin-bottom: 10px;

	border-color: #fff;

}

#bmi-calcSide #submit {

	width: 100px;

	margin: 0 auto 10px;

	border: 1px solid;

	display: block;

	clear: both;

}



#bmi-calcSide table {

	width: 180px;

	margin-right: 0px;

	color: #000;

	margin-bottom: 30px;

}


.box {

	margin-bottom: 10px;

	height: 30px;

}



.box label {

	width: 70px;

	float: left;

	font-size: 18px;

	line-height: 27px;

}



.box input {

	width: 67px;

	height: 27px;

	border: 1px solid #a6a6a6;

	float: left;

}



.box span {

	font-size: 18px;

	line-height: 27px;

	text-align: center;

	float: left;

	margin: 0 5px;

}

#results {
	font-weight: bold;
	font-size: 15px;
}
#title {
	font-weight: bold;
	font-size: 15px;
}

.selected td { font-weight: bold; }

#underweight.selected td { background-color: #b5b540; }

#normal.selected td { background-color: #40b540; }

#overweight.selected td { background-color: #b5b540; }

#obese.selected td { background-color: #b5b540; }

#morbidly-obese.selected td { background-color: #b54040; }

table {

	background: #fff;

	width: 282px;

	float: left;

	text-align: center;

	margin-right: 15px;

	border: 1px solid #20130B;

	border-collapse:collapse;

}



thead tr.main-title th{

	background: #20130B;

	height: 30px;

	line-height: 30px;

	color: #fff;

	font-size: 14px;

	font-weight: bold;

}



tr.title td {

	background: #ECDCB8;

	font-size: 13px;

	

	font-weight: bold;

}



table td {

	height: 27px;

	line-height: 27px;

	border: 1px solid #20130B!important;

}




/* ------------------------ column-right framework ------------------------ */
#column-right {
	width: 731px;
	float: left;
	background: url("images/bg-column-right.jpg") no-repeat;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 10px 0px;
	}
		
	#colRight-btm {
		width: 708px;
		float: left;
	}
	
	.post {
		margin: 0 auto;
		background: url("images/bg-post.jpg") top left no-repeat;
		padding: 0 26px 0 27px;
	}
	
	.post h2 {
		color: #798224;
		font-size: 19px;
		font-weight: normal;
		text-transform: uppercase;
		border-bottom: 1px solid #f8f2d9;
		padding: 0 0 10px 0;
		margin: 0 0 21px 0;
	}
	
	.post h3 {
		color: #4D3022;
		font-size: 17px;
		font-weight: normal;
	}
	
	.post h4 {
		color: #974b05;
		font-size: 15px;
		font-weight: normal;
	}
	
	.post ul li {
		list-style-image: url(images/bullet.png);
	}
	
#column-right ul {
	list-style: disc;
	margin: 10px 0 10px 30px;
}
	
#column-right ol {
	list-style: decimal;
	margin: 10px 0 10px 30px;
}

	
#column-right ol li {
	margin: 5px 0;
}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	background:url("images/masthead.jpg") no-repeat;
	height:287px;
	text-indent: -9999px;
}

body#AboutUs #masthead {
	background: url("images/masthead-aboutUs.jpg") no-repeat;
	height: 287px;
}

#slides {
	width: 708px;
	height:287px;
	float: right;
	overflow: hidden;
	position: relative;
}

#slideNav {
	position: absolute;
	z-index: 200;
	right: 10px;
	top: 10px;
}

#slideNav a {
	background: #fff;
	border: 1px solid #CA6A14;
	padding: 3px 7px;
	margin-right: 5px;
	text-decoration: none;
}

#slideNav a.activeSlide {
	background: #CA6A14;
	color: #fff;
}

#sub-colLeft {
	background: url("images/bg-sub-colLeft.jpg") no-repeat;
	float:left;
	padding:0 23px 0 29px;
	width:320px;
}

#title-heartAmericaBariatrics {
	background: url("images/title-heartAmericaBariatric.jpg") no-repeat;
	width: 149px;
	height: 29px;
	display: block;
	text-indent: -9999px;
}

#sub-colRight {
	width: 336px;
	float: right;
	background: url("images/title-rightForYou.jpg") no-repeat;
	padding-top: 68px;
}

h2#title-rightForYou {
	text-indent: -9999px;
}

#sub-colRight p {
	font-style: italic;
	border-bottom: 1px solid #ba9a60;
	padding: 0 0 6px 0;
	width: 315px;
}

#sub-colRight p#first {
	width: 210px;
}

#btn-areCandidate{
	background: url("images/btn-areCandidate.jpg") no-repeat;
	width: 284px;
	height: 57px;
	display: block;
	text-indent: -9999px;
}

#btn-areCandidate:hover {
	background: url("images/btn-areCandidate.jpg") bottom left no-repeat;
}

#middleSection {
	clear: both;
	background: url("images/bg-middleSection.jpg") no-repeat;
	height: 281px;
	width: 731px;
	float: left;
}

h2#title-patientTestimonials {
	background: url("images/title-patientTestimonials.jpg") no-repeat;
	width: 84px;
	height: 29px;
	text-indent: -9999px;
	margin: 57px 0 18px 27px;
}

#middleSection p {
	width: 407px;
	margin: 0 0 0 33px;
	font-style: italic;
	font-size: 14px;
}

#thumb-bna {
	background: url("images/thumb-bna.jpg") no-repeat;
	width: 181px;
	height: 124px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: -160px 48px 0 0;
}

#btm-colLeft {
	width: 239px;
	float: left;
}

h2#title-BariatricSurgeon {
	background: url("images/title-BariatricSurgeon.jpg") no-repeat;
	width: 239px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
}

#btm-colLeft p {
	margin: 0 0 0 32px;
}

#btm-colMiddle {
	width: 228px;
	float: left;
}

h2#title-ourServicesProcedures {
	background: url("images/title-ourServicesProcedures.jpg") no-repeat;
	height: 80px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
}

#btm-colMiddle p {
	margin: 0 0 0 32px;
}

#btm-colRight {
	width: 228px;
	float: left;
}

h2#title-yourFirstSteps {
	background: url("images/title-yourFirstSteps.jpg") no-repeat;
	height: 80px;
	display: block;
	text-indent: -9999px;
	margin: 0px;
}

#btm-colRight p {
	margin: 0 0 0 32px;
}

#btn-seminarSchedule {
	background: url("images/btn-seminarSchedule.jpg") no-repeat;
	width: 194px;
	height: 209px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 0 32px;
}

#btn-seminarSchedule:hover {
	background: url("images/btn-seminarSchedule.jpg") bottom left no-repeat;
}

#store {clear:both; float:left;}
#store-btn {
	background: url("images/bnt_celebrate.png") no-repeat;
	width: 210px;
	height: 133px;
	display: block;
	text-indent: -9999px;
	margin: -61px 0 5px 32px;
}

#store-btn:hover {
	background: url("images/bnt_celebrate.png") bottom left no-repeat;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:920px;
	margin: 0 auto 0;
	text-align:center;
	font-size: 11px;
	clear: both;
	padding: 20px 0 0 0;
	}

#footer p {
	color:#c0a175;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited {
	color:#c0a175;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #b55900;
}

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #c0a175;
		}
	#footer li:first-child { border: none; }
	
	/*NETWORK*/
	.network a{
	width: 42px;
	height: 42px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
	margin-left: 10px;

}

.network img {
	border: none;
}

.network a:hover img {
	margin-top: -42px;
}


/*LATEST NEWS*/
.latestimg {
	background:url("images/title-LatestNews.jpg") no-repeat;
	width: 262px;
	height: 80px;
	margin-left: 0px;
	margin-top: 10px;
}

#latest {
	margin:0px;
	margin-left: 30px;
	
}

.post-josh {
	width:175px;
	float:left;
	margin-right: 40px;
	
	
}

#colRight-btm .reader {
	margin-top: 30px;
}