@charset "UTF-8";
/* CSS Document for Tommy Banks Massage Therapy by Robert Harrison */

body {
	background-image: url(../graphics-prescott/therapy-massage-bkg.jpg);
	margin: 0px;
	background-repeat: repeat-y;
	background-position: center;
}
a:link {
	color: #596d48;
}
a:visited {
	color: #596d48;
}
a:hover {
	color: #543375;
}
a:active {
	color: #596d48;
}

a.arizona:link {
	color: #543375;
	text-decoration: none;
}
a.arizona:visited {
	color: #543375;
	text-decoration: none;
}
a.arizona:hover {
	color: #543375;
	text-decoration: none;
}
a.arizona:active {
	color: #543375;
	text-decoration: none;
}
.footer {
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 19px;
	margin-top: 1px;
	letter-spacing: 0.1em;
	color: #243c0e;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #543375;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

.container {
	width: 680px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: -1160px;
	position: relative;
	z-index: 50;
	left: 50px;
} 
.bkg {
	background-image: url(../graphics-prescott/massage-therapy-bkg.jpg);
z-index: 99;
}
.main {
	padding-right: 10px;
	padding-top: 25px;
}
.logo {
	position: relative;
	top: 20px;
	left: -15px;
}
.wrap-arizona {
	position: relative;
	top: -85px;
}
.bk {
}
.therapist {
	border: 3px solid #3F2C59;
	margin-left: 15px;
	margin-bottom: 15px;
}
.therapy {
	border: 3px solid #3F2C59;
	margin-right: 15px;
	margin-bottom: 15px;
}
.yavapai {
	background-image: url(../graphics-prescott/yavapai-purp.jpg);
	width: 100%;
	top: 0px;
	position: absolute;
	z-index: -1;
}
.contact {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-left: 5px;
	color: #F4FFEF;
}

a.ovalbutton{
background: transparent url('../graphics-prescott/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../graphics-prescott/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.up {
	margin-top: -1px;
}
