#wrapper { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	background: #CFCCAE;
	background-image:url(../images/header.gif);
	display:block;
	height:136px;
	width:780px;
	} 
#leftcolumn {
	width: 176px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #6e5b4f; /* the background color will be displayed for the length of the content in the column, but no further */
	float: left; /* since this element is floated, a width must be given */
}

/*======= home =======*/
#home #middle {
	float: left;
	width: 370px;
	padding: 24px 19px 16px 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#home #middle img {
	float: left;
	padding: 0;
	border-right: 16px solid #FFFFFF;
}

#home #right {
	float: left;
	width: 195px;
	background: url(../images/statue.jpg) no-repeat;
	height: 488px;
	float: left; /* since this element is floated, a width must be given */
}

/*======= content =======*/
#content #middle {
	width: 604px;
	float: left; /* since this element is floated, a width must be given */
}
#content #middle .row{
	position: relative;
	float: left;
	width: 566px;
	padding: 24px 19px 16px 19px;
	background-color: #FFFFFF
}
#content #middle .left{
   position: relative;
   float: left;
   width: 274px;
}
#content #middle .right{
   position: relative;
   float: right;
   width: 274px;
}
#content #middle .row2{
	position: relative;
	float: left;
	width: 566px;
	padding: 24px 19px 16px 19px;
	background: url(../images/beigebk.gif);
}
#content #middle .left{
   position: relative;
   float: left;
   width: 274px;
}
#content #middle .right{
   position: relative;
   float: right;
   width: 274px;
}

/*======= contact =======*/
#contact #middle {
	width: 604px;
	float: left; /* since this element is floated, a width must be given */
}
#contact #middle .row{
	position: relative;
	float: left;
	width: 566px;
	padding: 24px 19px 16px 19px;
	background-color: #FFFFFF
}
#contact #middle .left1{
   position: relative;
   float: left;
   width: 176px;
}
#contact #middle .left2{
   position: relative;
   float: left;
   left: 19px;
   width: 176px;
}
#contact #middle .right{
   position: relative;
   float: right;
   width: 176px;
}
#contact #middle .row2{
	position: relative;
	float: left;
	width: 566px;
	padding: 24px 19px 16px 19px;
	background: url(../images/beigebk.gif);
}
#contact #middle .left1{
   position: relative;
   float: left;
   width: 176px;
}
#contact #middle .left2{
   position: relative;
   float: left;
   left: 19px;
   width: 176px;
}
#contact #middle .right{
   position: relative;
   float: right;
   width: 176px;
}
#contact table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #998c83;
	line-height: 16px;
	width: 176px;
}
/*======= loyalty =======*/
#loyalty #leftmiddle { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#loyalty #rightmiddle { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#loyalty #rightcolumn { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}

/*======= offers =======*/
#offers #leftmiddle { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#offers #rightmiddle { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#offers #rightcolumn {
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
	background: url(../images/statue.jpg) no-repeat;
	height: 336px;
}
#offers #rightcolumntext {
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
	height: 336px;
}
/*======= news =======*/
#news #newsmiddle { 
	float: left;
	width: 371px;
	padding: 24px 19px 0 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#news #newsright {
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#news #newsmiddle img {
	float: left;
	padding: 0 0 8px 0;
	border-right: 16px solid #FFFFFF;
}

/*======= contact form =======*/
#form #middle {
	float: left;
	width: 370px;
	padding: 24px 19px 0 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 320px;
}
#form #right {
	float: left;
	width: 195px;
	background: url(../images/statue.jpg) no-repeat;
	height: 372px;
	float: left; /* since this element is floated, a width must be given */
}
#subForm {
}
#subForm .label {
	float: left;
	width: 140px;
	margin: 0 0 12px 0;
	text-align: left;
	clear: left;
}

#name, #email, #phone, #treatment, #date, #time, #therapist {
	background-color: #E7E5D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 192px;
	margin-bottom: 12px;
}

#name:focus,
#email:focus,
#phone:focus,
#treatment:focus,
#date:focus,
#time:focus,
#therapist:focus
{
	background-color: #E7E5D6;
}

/*======= christmas =======*/
#christmas #leftmiddle {
	float: left;
	width: 184px;
	padding: 24px 11px 0 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#christmas #rightmiddle { 
	float: left;
	width: 176px;
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}
#christmas #rightcolumn {
	float: left;
	width: 176px;
	height: 580px;
	background: url(../images/christmasbk.gif);
	padding: 24px 19px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left; /* since this element is floated, a width must be given */
}

/*=========================*/


#footer { 
	padding: 0 10px 0 25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; 
}