/* CSS Document */

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  background: #c8975f;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #c8975f;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	color: #485951;
	margin: 0px auto 0px auto;	
}

h1 { font-size: 150%; font-family:Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 120%; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
h3 { font-size: 110%; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

img {border: 0px; }

.footer { font-size: 100%; font-weight: bold }
.smalltext  {font-size: 80%; }
.smallital  {font-size: 100%; font-style:italic; text-align:right; color:#c8975f; }
.largetext {font-size: 120%}
.largeboldwhite {font-size: 120%; color: #FFFFFF; font-weight: bold;}
.largeboldwhiteleftpad {font-size: 120%; color: #FFFFFF; font-weight: bold; padding-left: 30px}

#container {
	background-color: #FFFFFF;
	text-align: center;
	padding: 0px;
	width: 698px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top {
	height: 216px;
	width:698px;
	background-image:url(images/masthead.jpg);
	background-repeat:no-repeat;
}
#desktop1 {
	background-image:url(images/desktop.jpg);
	background-repeat:repeat-y;
}
#desktop2 {
/*	background-image: url(images/whatclientsaid.jpg);    
	background-repeat:no-repeat;*/
	height:81px;
	width:698px;
}
#desktop3 {
	background-image: url(images/deskbottomstretch.jpg);
	background-repeat:repeat-y;
	width:698px;
}
#quotes {
	width:598px;
	text-align:left;
	padding:0px 50px 0px 50px;
}

#main {
	float:left;
	text-align:left;
	padding:20px 0px 0px 35px;
	width:395px;
}	
#left {
	float:right;
	text-align:center;
	padding-right:15px;
	width:239px;
}	
#footer {
	height: 70px;
	width:698px;
	padding-top:15px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	line-height:20px;
}
#front {
	background-image:url(images/shiatsu_front.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height: 200px;
}

/* LINKS */
a.main:link {  color: #94b6a6; font-weight: bold; text-decoration: none; }
a.main:visited { color: #94b6a6; font-weight: bold; text-decoration: none; }
a.main:hover { color: #c8975f; font-weight:bold; text-decoration: none; }

a.footer:link {  color: #ffffff; font-size:110%; font-weight: bold; text-decoration: none; }
a.footer:visited { color: #ffffff; font-size:110%; font-weight: bold; text-decoration: none; }
a.footer:hover { color: #485951; font-size:110%; font-weight: bold; text-decoration: none; }

/* LISTAMATIC */

#menubox { 
	width: 209px;
	font-size: 16px; 
}
#menubox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menubox a {
	display: block;
	padding: 6px 0px 18px 0px;
	width: 209px;
	background-image:url(images/menu_up.jpg);
	background-repeat:no-repeat;
	color: #94b6a6;
	font-weight: bold;
}
#menubox a:link, #menubox a:visited {
	display: block;
	width: 209px;
	text-decoration: none;
	font-weight: bold;
}
#menubox a:hover, #menubox .active {
	display: block;
	width: 209px;
	color:#c8975f;
	background-image:url(images/menu_over.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
}