/* stylesheet.css - Better Body Solutions */

/* NOTES: -- avoid using padding in DIVs -- layout tends to break in IE6, box model problem */

/* NORMALIZE BROWSER DEFAULTS */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, form, input, table, tr, th, td, img, pre, fieldset, label, dd, dt, dl { margin: 0; padding: 0; border:0; }
ul, ol { list-style: none; }
img, a img, :link img, :visited img, fieldset { border: none; }

table { border-collapse: collapse; }


/* GLOBALS */

html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #555;
}

body {
  position: relative;
  margin: 15px 0 15px 0;
  background-color: #688a8d;
  text-align: center;
}

p, dl { margin: 0 0 10px 0; }

.margin0 { margin: 0; padding: 0; }
.padding0 { padding: 0; }
.padding-top { padding-top: 12px; }

blockquote { padding: 0 12px 8px 15px; }

p, td, ul, ol { line-height: 135%; }

h1, h2, h3, h4, h5, h6 { 
  color: #000; 
	margin: 0 0 18px 0;
	font-weight: bold;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

input, textarea { 
  margin: 0;
  padding: 1px 4px 2px;
  border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

hr {
	border-top: 1px solid #243E63;
	height: 1px;
}

div.clear {
  clear: both; 
	margin: 0;
	padding: 0;
}

.floatleft { float: left; }
.floatright { float: right; }

ul {
	padding: 0 0 12px 16px;
}

ul.list-top-margin { margin-top: 12px; }

ul.bullets {
	padding: 0 0 12px 0;
	list-style-position: inside;
	list-style-type: disc;
}

ul.bullets-arrow-blue {
	padding: 0 0 12px 30px;
	list-style-position: outside;
	list-style-image: url(../images/arrow-right-blue-small.gif);
}

ol {
	padding: 0 0 12px 32px;
	list-style: decimal outside;
}

li { margin: 0 0 3px 0; }


/* LV FHA - elements with focus still display hover, otherwise: LVA HF */
a:link, 
a:visited {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #D1830C;
	text-decoration: underline;
}

a:focus, 
a:hover, 
a:active {
	color: #47877D;
	text-decoration: underline;
}

a.a-nav:link, 
a.a-nav:visited {
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

a.a-nav:focus, 
a.a-nav:hover, 
a.a-nav:active {
	color: #fff;
	font-weight: normal;
	background-color: #7a6f5c;
	text-decoration: none;
}


.center { text-align: center; }

.text-small { font-size: 11px; }
.text-vsmall { font-size: 10px; }

.text-red { color: #f00; }

.show { display: block; }
.hide { display: none; }

.superscript { vertical-align: top; font-size: 8px; }

.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }

img.border1 { border: 1px solid #333; }

.indent { margin-left: 15px; }



/* FRAMEWORK */

div#page {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
body#index div#page {
	background-image:url(../images/bg-temp-Home.jpg);
}
body#service-nonsurgical-spinal div#page {
	background-image:url(../images/bg-temp-Services-Non-Surgical-Spinal.jpg);
}
body#service-bodylite-laser div#page {
	background-image:url(../images/bg-temp-Services-Body-Lite-Laser.jpg);
}
body#service-blood-nutrition div#page {
	background-image:url(../images/bg-temp-Services-Blood-Nutrition-Assessment.jpg);
}
body#service-other div#page {
	background-image:url(../images/bg-temp-Services-Other-Services.jpg);
}
body#news div#page {
	background-image:url(../images/bg-temp-News-articles-blogs-videos.jpg);
}
body#videos div#page {
	background-image:url(../images/bg-temp-Videos.jpg);
}
body#contactus div#page {
	background-image:url(../images/bg-temp-Contact-Us.jpg);
}


/* HEADER and NAV BAR */
div#header { 
  margin: 0; 
  padding: 0; 
  height: 207px;
  width: 100%;
} 

div#toplinks-container { 
  margin: 0; 
  padding: 0; 
  height: 53px;
  width: 100%;
  text-align: right;
} 
div#toplinks-container img { 
  margin: 0 16px 0 0; 
  padding: 23px 0 0 0; 
} 

div#mainnav-container { 
  margin: 0; 
  padding: 0; 
  text-align: right; 
} 

div#mainnav-container img { 
  margin: 0 0 0 16px; 
} 
/* END NAV BAR */


/* MAIN SECTION */
div#mainsection-container {
	margin: 0;
	padding: 0;
}

div#sidebar {
	position: relative;
	display: inline;  /* fix IE5 double-margin float bug */
	float: left;
	width: 440px;
	margin: 0;
	padding: 0;
	text-align: right;
}
div#sidebar img {
  margin-bottom: 4px;
}

div#mainsection {
	position: relative;
	display: inline;  /* fix IE5 double-margin float bug */
	float: right;
	width: 526px;
	margin: 0;
	padding: 0;
}
div#mainsection-text-container {
	margin: 30px 40px 0 0;
}
/* END MAIN SECTION */


/* FOOTER SECTION  **** SIMPLE VERSION -- REMOVE THIS SECTION OR NEXT UL VERSION **** */
div#footer {
  height: 50px;
	margin: 0;
	padding: 6px 0 16px 0;
	text-align: center;
}

div#footer a:link, 
div#footer a:visited {
  padding: 2px 12px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #d7daec;
}

div#footer a:focus, 
div#footer a:hover, 
div#footer a:active {
	color: #f5d725;
}

/* FOOTER SECTION  **** UL VERSION -- REMOVE THIS SECTION OR PREVIOUS SIMPLE VERSION **** */
div#footer {
  height: 50px;
  margin: 0;  /* auto side margins to center page */
	padding: 0;
	text-align: center;
}
p.footer-rule {
	margin-top: 8px;
	margin-bottom: 6px;
	padding: 0;
	width: 580px;
	border-bottom: 1px solid #182a4d;
}
div#footer ul {
	margin: 0;
  padding-top: 10px;  /* adjust top to center links, and makes room for -li a- top and bottom padding */
	list-style-type: none;
}
div#footer li {
  margin: 0; 
  padding: 0;
  display: inline;
}

div#footer li a:link, 
div#footer li a:visited {
	margin-right: 12px;
	font-size: 11px;
	color: #333;
}
div#footer li a:focus, 
div#footer li a:hover, 
div#footer li a:active {
	color: #900;
	text-decoration: none;
}
div#footer li a.footer-a-last {
  margin-right: 0;
}
/* END FOOTER SECTION */


/* COPYRIGHT SECTION - can eliminate, put -p- in footer with text-align-right */

div#copyrightbar { 
  height: 32px;  /* add top/bottom padding = total height */
  width: 1020px;   /* width = total page width minus left/right padding */
  margin: 0 auto;
  padding: 8px 2px;
}

div#copyrightbar p.copyright {
  float: right;
  width: 400px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  color: #aaa;
  font-weight: normal;
}

div#copyrightbar p.websitedesignby {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  color: #ccc;
}
div#copyrightbar a.a-webdesign:link, 
div#copyrightbar a.a-webdesign:visited, 
div#copyrightbar a.a-webdesign:active {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: normal;
  color: #ccc;
  text-decoration: underline;
}
div#copyrightbar a.a-webdesign:hover, 
div#copyrightbar a.a-webdesign:focus {
  color: #eb6436;
  text-decoration: underline;
}

/* END COPYRIGHT SECTION */




/* SUBPAGE CONTENT DESCRIPTORS */
body#index div#mainsection {
	width: 424px;
	height: 373px;
}

body#index div#bottomcontent {
  margin: 0 43px 0 0;
	padding: 0;
	text-align: right;
}

.pagetitle {
  font-size: 15px;
	color: #536F71;
}

p.youtube-testimonials { 
  margin: 18px 0 0 0;
  padding: 0;
}

p.news-logo-image {
  margin: 8px 0 4px 0;
}

p.news-blog-links {
  margin: 0 0 8px 0;
  padding: 0;
}

div.news-mag-container {
  margin: 0 0 18px 0;
  padding: 0;
}
div.news-mag-instance {
  float: left;
  width: 147px;
  margin: 0 20px 0 0;
  padding: 0;
}
div.news-mag-instance-last {
  margin: 0;
}
div.news-mag-instance p {
  margin: 0;
  padding: 0;
}
div.news-mag-instance p.mag-img {
  margin: 0;
  padding: 0 0 8px 0;
}
div.news-mag-instance p.mag-img img {
  border: 1px solid #000000;
}
div.news-mag-instance p.mag-subtext {
  font-size: 9px;
}

/* END SUBPAGE CONTENT DESCRIPTORS */



/* FORMS */

form#contactus { 
  padding: 12px 0 12px 25px;
}

form div.formrow {
  clear: both;
	margin: 0;
  padding: 0;
}
form div.form-hr {
  clear: both;
	margin: 0;
  padding: 0;
}
form div.formrow span {
	margin: 0;
  padding: 0 0 6px 0;
	float: left;
	display: block;
	text-align: left;
}
form div.formrow span.formlabel { 
  width: 100px; 
}

form div.formrow span.formfield {
  width: 380px;
} 

form#contactus input#submitContact {
	overflow: visible;
	cursor: pointer;
	padding: 2px 6px 1px 6px;
	background-color: #b3b3b3;
}

/* END FORMS */