/* NB: Left side of page should be 320px wide, right side should be 459px wide, i.e. 779px wide in total, which should be the maximum width to allow for 800x600 resolutions on Windows XP */

body { font-size:65%; font-family:arial,helvetica,verdana,sans-serif; margin:0px; padding:0px; }
body * { font-size:1em; margin:0px; padding:0px; } 
* html body { width:779px; text-align:center; }

#container { text-align:left; width:779px; margin:0px auto; height:100%; position:relative; }

/* Background image on left side of page */
#background { width:320px; background:transparent url('../img/bg_home.jpg') bottom left no-repeat; top:0px; height:482px; }

/* Body Freedom logo */
#logo { position:absolute; left:43px; top:12px; }

/* Following ul/li styles apply to image nav links for 01 body, 02 massage, 03 face, ... packages, classes, products */
ul { list-style-type:none; left:19px; }
ul.left { width:104px; position:absolute;  top:88px; }
ul.left li { margin-bottom:4px; }
ul.right { width:147px; position:absolute; top:168px; }
ul.right li { margin-bottom:4px; }
ul.extra { list-style:none none; background:transparent url('../img/icon_dot.gif') no-repeat 0px 3px; position:absolute; top:256px; }
ul.extra li { float:left; position:relative; margin-right:5px; }
ul.extra li.no_dot { list-style-type:none; }
ul.extra li.dot { list-style:none none; background:transparent url('../img/icon_dot.gif') no-repeat 0px 7px; padding-left:8px; }

/* Body div only contains header image and a tease (hd_home_title & hd_home_tease) */
#body { position:absolute; left:19px; top:288px; width:320px; }

/* H1 contains hd_home_title image */
H1 { margin-bottom:2px; }

/* Flash div contains flash file and backup image file for browsers that don't show flash */
#flash { position:absolute; left:320px; top:0px; width:459px;  }

/* Img div contains 4 images with links to further pages */
#img { position:absolute; left:320px; top:289px; width:459px; height:194px; background:#2e2822; text-align:center; }

P { font-size:1em; }

/* Footer contains address div and links div */
#footer { top:483px; }

/* Address div on left side of footer */
#address { float:left; width:300px; color:#8f7056; padding:3px 0px 3px 0px; margin-left:10px; }

/* Links div on right side of footer */
#links { float:right; width:459px; background:#2e2822; color:#574d3c; padding:3px 0px 3px 60px; }
ul.links { margin-left:90px; }
ul.links li { float:left; position:relative; padding-left:4px; }
#links a:link { color:#e79a00; text-decoration:none; }
#links a:hover  { color:#ffe89a; }
#links a:visited  { color:#e79a00; text-decoration:none; }
#links a:visited:hover  { color:#ffe89a; }

.noDot {
list-style-type:none;
list-style:none;
padding-left:4px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Helvetica LT Std";
font-size:10px;
color:#A75F0F;
text-decoration:none;
}
#headerouter #header a, #headerouter #header a:visted{
color:#A75F0F;
text-decoration:none;
}
#headerouter #header a:hover {
color:#e79a00;
}