/* --------------------------------------------
   Heikkinen Chiropractic
   copyright (c) Whole Health Challenge (www.wholehealthchallenge.com)
   Design by Vespir Design (www.vespir.com)
   Last Update June 2, 2007
----------------------------------------------- */


/* GLOBAL ELEMENTS
----------------------------------------------- */
* { margin: 0; padding: 0; }
a { color: #0099FF; text-decoration: none; font-weight: bold; }
a:hover { color: #0099FF; text-decoration: underline; }
a img { border: none; }

body { background-color: #FFF; font-family: Arial, Helvetica, sans-serif; width: 760px; margin: 0 auto; }

p { font-size: 12px; font-weight: normal; line-height: 1.5em; margin-top: 15px; color: #333; margin-bottom: 10px; }

h1 { font-size: 15px; font-weight: bold; color: #669900; margin-bottom: 10px; }



/* NAVIGATION
----------------------------------------------- */
.nav_main { float: left; margin-top: 40px; margin-bottom: 10px; }
.nav_main ul { margin: 0; float: left; }
.nav_main ul li { display: block; float: left; font-size: 10px; margin-right: 1px; font-weight: bold; }
.nav_main ul li a { display: block; padding: 3px 10px 4px 10px; color: #333; text-decoration: none; }
.nav_main ul li a:hover { color: #669900; }
.nav_main ul li.active { display: block; float: left; background: url(../images/nav_btn_right.gif) top right no-repeat; margin-right: 1px; }
.nav_main ul li.active a { padding: 4px 10px 4px 10px; background: url(../images/nav_btn_left.gif) top left no-repeat; color: #FFF; }



/* BANNERS
----------------------------------------------- */
.banner_home { background: url(../images/banner_home.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_first_visit { background: url(../images/banner_first_visit.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_about { background: url(../images/banner_about.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_contact { background: url(../images/banner_contact.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_gallery { background: url(../images/banner_gallery.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_links { background: url(../images/banner_links.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_philosophy { background: url(../images/banner_philosophy.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }
.banner_whc { background: url(../images/banner_whc.jpg) top left no-repeat; width: 760px; height: 338px; float: left; }





/* CONTENT
----------------------------------------------- */
.content_left { float: left; background: url(../images/bg_content.gif) bottom left repeat-x; width: 454px; padding: 20px; }
.content_left_foot { float: left; background: url(../images/bg_content_left_bottom.gif) top left no-repeat; width: 494px; height: 46px; }

.content_right { float: right; background: url(../images/bg_content.gif) bottom left repeat-x; width: 206px; padding: 20px; }
.content_right_foot { float: right; background: url(../images/bg_content_rt_bottom.gif) top left no-repeat; width: 245px; height: 46px; }

.content_full { float: left; background: url(../images/bg_content.gif) bottom left repeat-x; width: 720px; padding: 20px; }
.content_full_foot { float: left; background: url(../images/bg_content_full_bottom.gif) top left no-repeat; width: 760px; height: 46px; }

.content_right_sml { float: right; background: url(../images/bg_content_sml.gif) bottom left repeat-x; width: 206px; padding: 20px; }

.date { font-size: 10px; font-weight: bold; float: left; width: 40px; }
.news { font-size: 10px; float: right; width: 158px; }

.list { display: block; }
.list li { font-size: 12px; list-style: none; }

.col_left { width: 400px; float: left; }
.col_right { width: 300px; float: right; }


/* MISC
----------------------------------------------- */
.clear { clear: both; }
.left { float: left; margin-right: 15px; margin-bottom: 10px; }