@charset "UTF-8";
/* -------------------------------------------------------------- 
  
   enhancedentalspa.co.uk
   * Version 2.0 (21-01-2009)
   
   1. Page Wrap
   2. Page Layout
   3. Header
   4. Main Navigation
   5. Content
   
-------------------------------------------------------------- */

@import "reset.css";
@import "typography.css";


* { margin: 0; padding: 0; }
	
body { margin: 0; padding: 0; font-size: 62.5%; }
#facial { background: #fff url(../images/global/body_bg_facial.png) fixed repeat-x; }
#dental { background: #fff url(../images/global/body_bg_dental.png) fixed repeat-x; }
#info { background: #fff url(../images/global/body_bg_info.png) fixed repeat-x; }

.autoclear { display:block; }

#page_wrap_top, #page_wrap_middle, #page_wrap_bottom { behavior: url(../css/iepngfix.htc) }


/* 1. Page Wrap
-------------------------------------------------------------- */
	
#wrap { position: relative; width: 100%; z-index: 1000; }

#page_wrap { margin: 0 auto; width: 688px; }
#page_wrap_top { height: 16px; background: url(../images/global/wrap_bg_top.png) no-repeat; }
#page_wrap_middle { float: left; padding: 0 15px; background: url(../images/global/wrap_bg_middle.png) repeat-y; }
#page_wrap_bottom { clear: both; height: 16px; background: url(../images/global/wrap_bg_bottom.png) no-repeat; }


/* 2. Page Layout
-------------------------------------------------------------- */

#header { width: 630px; height: 139px; margin: 0 15px 0; }

#pageGraphic_wrap { float: left; width: 630px; height: 250px; margin: 15px 0; }

#content_wrap { width: 630px; margin: 0 15px; }

#footer { width: 630px; margin: 0 15px 9px; }

#background { width: 165px; height: 250px; z-index: 1; position: fixed; top: 170px; left: 0; }

#facial #background { background: transparent url(../images/global/face_purple_bg.png) no-repeat; }
#dental #background { background: transparent url(../images/global/face_blue_bg.png) no-repeat; }
#info #background { background: transparent url(../images/global/face_blue_bg.png) no-repeat; }


/* 3. Header
-------------------------------------------------------------- */

#logo { float: left; display: inline; width: 398px; height: 95px; margin: 9px 0 0; padding: 0; }

#header h1 a { width: 245px; height: 80px; display: block; margin: 0; text-indent: -999em; background: url(../images/global/enhance_logo_hz.png) no-repeat; }

#sectionNavWrapper { float: left; display: inline; width: 230px; height: 34px; background: url(../images/global/section_links_bg.png) no-repeat; }

#contact_details { float: left; display: inline; padding: 20px; }


/* 4. Main Navigation
-------------------------------------------------------------- */	

#navWrapper { clear: both; width: 630px; height: 35px; background: url(../images/global/nav_bg.png) no-repeat; }

#nav ul { float: left; margin: 0; padding: 0;  }

#nav li { float: left; list-style: none; margin: 7px 10px 0 0; }

#nav li.active { border-bottom: 2px solid #13B5EA; }


/* 5. Sub Navigation
-------------------------------------------------------------- */

#subnav ul { float: left; margin: 0; padding: 0; }

#subnav li { float: left; list-style: none; margin: 0 15px 15px 0; }

#subnav li.active {  }

#sectionNavWrapper ul#nav  { text-align: center; padding: 0; margin-top: 4px; }

#sectionNavWrapper #nav li { float: none; display: inline; list-style: none; margin: 0px 10px 0 0; }

#sectionNavWrapper #nav li.active { border-bottom: 1px solid #fff; }


/* 6. Content
-------------------------------------------------------------- */

#pageGraphic { float: left; width: 527px; height: 250px; margin: 0; }

#pageTitle { float: right; width: 88px; height: 250px; margin: 0; }

.wrinkles { background: url(../images/facial/anti_wrinkle_title.png) no-repeat; }
.peels { background: url(../images/facial/peels_title.png) no-repeat; }
.fillers { background: url(../images/facial/dermal_fillers_title.png) no-repeat; }
.faceplan { background: url(../images/facial/faceplan_title.png) no-repeat; }
.price-list { background: url(../images/facial/price_list_title.png) no-repeat; }
.treatment-guide { background: url(../images/facial/treatment_guide_title.png) no-repeat; }

.dental-treatments { background: url(../images/dental/treatments_title.png) no-repeat; }
.veneers { background: url(../images/dental/veneers_title.png) no-repeat; }
.crowns { background: url(../images/dental/crowns_title.png) no-repeat; }
.bridges { background: url(../images/dental/bridges_title.png) no-repeat; }
.implants { background: url(../images/dental/implants_title.png) no-repeat; }
.orthodontics { background: url(../images/dental/orthodontics_title.png) no-repeat; }
.whitening { background: url(../images/dental/teeth_whitening_title.png) no-repeat; }
.dental-plan { background: url(../images/dental/dentalplan_title.png) no-repeat; }
.dental-price-list { background: url(../images/dental/price_list_title.png) no-repeat; }
.dental-treatment-guide { background: url(../images/dental/treatment_guide_title.png) no-repeat; }

.about { background: url(../images/info/about_us_title.png) no-repeat; }
.who, .lau, .esther { background: url(../images/info/who_title.png) no-repeat; }
.contact { background: url(../images/info/contact_title.png) no-repeat; }
.register { background: url(../images/info/register_title.png) no-repeat; }

#content { clear: both; padding-top: 15px; margin-bottom: 30px; background: url(../images/global/pageGraphic_bg.png) top no-repeat; }

td { border-top: 1px solid #28b7ea; padding: 5px 0; }
th { padding: 5px 0; }

.imgRight { float: right; }
.profileImgLeft { float: left; margin: 0 10px 10px 0; padding: 4px; background: #fff; }
.profileImgRight { float: right; margin: 0 0 10px 10px; padding: 4px; background: #fff; }