* { margin: 0; padding: 0; border: 0; } /* Everything has 0 unless defined */

html {
	border: 0; height: 100%;
}

body {
	background: url('../images/bg.gif') left top repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ============================================================================= Fonts === */

a {
	color: #3399ff;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

p {
	margin: 10px 0;
	padding-right: 10px;
	line-height: 20px;	
}

p.quote {
	font-style: italic;
}


.red {
	color: #990000;
}

.green {
	color: #009900;
}

.blue {
	color: #00659A;
}

.tiny {
	font-size: 10px;
}

strong {
	font-weight: 900;	
}

h1 {
	color: #5A81AA; 
	font-weight: normal;
	margin: 10px 0;
	font-size: 33px;
	height: 34px;
	padding: 5px 10px;
	/*background: url(../images/header-bg.gif) top left no-repeat;*/
}

h2 {
	color: #5A81AA; 
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0;
	border-bottom: dotted 1px #ccc;
}

h3 {
	color: #5A81AA; 
	font-weight: bold;
	font-size: 15px;
	margin-top: 20px;
	//margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
} 

hr {
	clear: both;
	color: #F5F5F5;
	border-bottom: dotted 1px #ccc;
	padding-top: 15px;
	margin-bottom: 25px;
	//margin-bottom: 10px;
}

p.full {
	width: auto;
}
	


/* Small clickable PDF icon */
a.pdf-icon { display: block; background: url(../images/pdficon_small.gif) no-repeat; padding-left: 20px; height: auto; min-height: 16px;}

.clear {
	clear: both;
	height: 0px;
	display: block;
}

/* ============================================================================= Site Wrappers === */

#wrapper {
	width: 760px;
	background: #fff url('../images/wrapper-bg.jpg') top right repeat-y;
        min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

/* ============================================================================= Header === */

#header {
	width: 760px;
	height: 162px;
	background: url('../images/header.jpg') no-repeat;
}

#header img {
	padding: 0 0 0 5px;
	float: left;
}

#header #phone-numbers {
	padding-top: 20px;
}

#header #phone-numbers p {
	padding: 0;
}

#header #phone-numbers strong {
	color: #00659a;
	
}

/* ============================================================================= content wrapper == */

#content-wrapper {
	width: 760px;
	background: url('../images/content-bg.jpg') top right no-repeat;
}

/* ============================================================================= Side Menu === */

#side-bar {
	display: block;
	width: 230px;
	margin: 10px 0 0 17px;
	//margin-top: 10px; /* ================================================= IE =====*/
	float: left;
	min-height: 300px;
}

#side-bar img {
	padding: 5px 0;
}

#side-bar ul {
	width: 230px;
	padding: 0;
	background: #FFF url('../images/main-menu-bg.gif') repeat-y left top;
	display: block;
	list-style: none;
	margin-bottom: 20px;
}

#side-bar li {
	padding: 2px 0 2px 30px;
	font-size: 12px;
}

li.top {
	margin: 0; padding: 0;
	background: url('../images/main-menu-top.gif') no-repeat top left;
	width: 230px;
	height: 12px;
}

li.bottom {
	margin: 0; padding: 0;
	background: url('../images/main-menu-bottom.gif') no-repeat bottom left;
	width: 230px;
	height: 14px;
}

#side-bar li a {
	color: #333;
	font-weight: bolder;
	display: block;
	text-decoration: none;
	height: auto;
	padding: 3px 15px;
	background: url('../images/main-menu-arrow.gif') left center no-repeat;
}

#side-bar li a:hover {
	color: #0066A9;
	background: url('../images/main-menu-arrow-on.gif') left center no-repeat;
}

#side-bar li.active a {
	background: url('../images/main-menu-arrow-on.gif') left center no-repeat;
	color: #0066A9;
}

#side-bar li.active-sub a {
	background: url('../images/main-menu-arrow-down.gif') left center no-repeat;
	color: #0066A9;
}


/* ============================================================================= Sub Side Menu === */

#side-bar ul li.active-sub ul {
	background: none;
	list-style: none;
	color: #666666;
	display: block;
	padding: 0px; margin: 0;
	margin: 5px 0 5px 20px;
}

#side-bar ul li.active-sub ul li {
	padding: 0px; margin: 0;
}

#side-bar ul li.active-sub ul li a {
	color: #5A81AA;
	font-size: 12px;
	font-weight: 200;
	display: block;
	background-image: none;
	text-decoration: none;
	padding: 0;
}

#side-bar ul li.active-sub ul li a:hover {
	color: #000;
	text-decoration: underline;
}

#side-bar ul li.active-sub ul li.active a {
	color: #000;
	text-decoration: underline;
}

/* ============================================================================= Referrals === */

#referrals {
	width: 150px;
	height: 144px;
	background: url('../images/referral-bg.jpg') left top no-repeat;
	padding: 25px 10px 10px 70px;
}

#referrals p {
	line-height: 14px;
	
}

#referrals a.begin {
	margin-left: 40px;
	display: block;
	width: 73px;
	height: 20px;
	background: url('../images/begin-btn.gif') left top no-repeat;
	
}

/* ============================================================================= Contact Us === */

#contact {
	margin-top: 20px;
	width: 200px;
	height: 234px;
	background: url('../images/contact-bg.jpg') left top no-repeat;
	padding: 15px 10px 10px 20px;
}

#contact p {
	line-height: 14px;
}

/* ============================================================================= Content Area === */

#content {
	float: left;
	margin-left: 10px;
	width: 446px;
	padding: 0 20px 20px 20px;
}

#content.home {
	padding: 0;
	width: 487px;
	float: left;
	margin-left: 10px;
}

#content-box {
	width: 486px;
	padding: 0;
	background: #FFF url('../images/content-box-bg.jpg') repeat-y left top;
	display: block;
	list-style: none;
	margin-bottom: 10px;
	margin-top: 10px;
}

#content-box-top {
	margin: 0; padding: 0;
	background: url('../images/content-box-top.jpg') no-repeat top left;
	width: 486px;
	height: 12px;
}

#content-box-bottom {
	margin: 0; padding: 0;
	background: url('../images/content-box-bottom.jpg') no-repeat bottom left;
	width: 486px;
	height: 14px;
}

#content-box-content {
	width: 446px;
	padding: 0 20px 20px 20px;
}

#content ul {
	background: transparent url('../images/list-bg.gif') left top no-repeat;
	width: 423px;
	margin-left: 10px; 
	padding: 5px 10px; 
	line-height: 30px;
	list-style: square;
	color: #14426F;
}

#content li {
	border-bottom: dotted #ccc 1px;
	list-style-position: inside;
	color: #14426F;
	list-style-position: outside;
	line-height: 16px;
	padding: 5px 0;
	margin-left: 10px;
}

#content.home ul, #content.massage-therapy ul {
	float: left;
	background: none;
	width: 190px;
	margin-left: 10px; 
	padding: 5px 10px; 
	line-height: 22px;
	list-style: square;
	list-style-position: outside;
	color: #5A81AA;
	background: transparent;
}

#content.home ul a {
	color: #14426F;
	text-decoration: none;
}

#content.home ul a:hover {
	color: #14426F;
	text-decoration: underline;
}

.two-list-bg {
	display: block;
	background: transparent url('../images/list-bg.gif') left top no-repeat;
	min-height: 200px;
}

#content.home li {
	border-bottom: dotted #ccc 1px;
	list-style-position: inside;
	color: #333;
	padding: 0;
	margin: 0;
	padding: 5px 0;
}

#content.home li ul {
	line-height: 21px;
}

#content.home li li{
	border-bottom: none;
	list-style-position: inside;
	color: #333;
}

#content ul.no-bullet {
	list-style: none;
	background: none;
	line-height: 20px;
}

#content ul.no-bullet li {
	border-bottom: none;
	margin: 5px 0;
}

#content img {
	float: right;
	border: #2C7BA2 solid 2px;
	padding: 3px;
	background: #FFF;
	margin: 8px;
}

#content.home img, #content.contact img {
	float: right;
	border: none;
	background: none;
	margin: 0px;
}

#content.contact img {
	float: none;
}

h1 { 
	height: auto;
	padding: 0;
	background: none;
}


/* ============================================================================= Contact Us Page === */

.contact h3 {
	margin-top: 10px;
	margin-left: 10px;
}

.contact .address {
	padding: 20px; margin: 0;
	padding-top: 10px;
	float: left;
	display: block;
}

#map, #map2 {
	margin: 5px;
	margin-bottom: 20px;
	border: 2px solid #2C7BA2;
}

a.book-appointment  {
	font-size: 16px;
	display: block;
	height: 25px;
	background: url('../images/book.gif') left center no-repeat;
	padding-left: 30px;
	padding-top: 7px;
}


/* ============================================================================= Content Footer === */

#content-footer {
	border-bottom: solid 1px #ccc;
	font-size: 10px;
	padding-top: 15px;
}

#content-footer #back {
	padding-top: 5px;
	float: left;
	font-size: 10px;
}

#content-footer #top {
	padding-top: 5px;
	float: left;
	font-size: 10px;
	padding-left: 160px;
}

#content-footer #print {
	padding-top: 5px;
	float: right;
}

#content-footer #print a, #content-footer #top a, #content-footer #back a {
	text-decoration: none;
}

/* ============================================================================= Footer Menu === */

#footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}

#footer {
	color: #999;
	background-color: #fff;
        position: relative;
}

#footer-wrapper {
	width: 760px;
	background: #FFF url('../images/footer-bg.jpg') top left no-repeat;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	clear: both;
	font-size: 10px;
	line-height: 10px;
	color: #6699ff;
	padding: 10px;
	//padding: 0;
	text-align: center;
}

/* ============================================================================= Footer Menu === */

#footer-menu ul {
	padding-top: 17px;
	padding-left: 75px;
}

#footer-menu li {
	float: left;
	font-size: 10px;
	list-style-type: none;
	margin: 0 2px;
}

#footer-menu li a {
	color: #000;
	display: block;
	text-decoration: none;
	border-right: 1px solid #ccc;
	padding: 1px 7px;
}

#footer-menu li.last a {
	border: none;
}

#footer-menu li a:hover {
	text-decoration: underline;
	color: #6699ff;
}


/* ============================================================================= Forms === */

.form { 
	margin: 20px 60px;
	font-size: 14px;
}

.form p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}
  
.form label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	width: 400px;
	margin-top: 10px;
}  


.form input[type='text'], .form input[type='password'], .form textarea, .form select {
	float: left;
	background: #F7F7F7;
	border: solid 1px #BBB;
	border-bottom-color: #DDD;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	margin: 0;
	margin-top: 10px;
	width: 300px;
}



.form textarea {
	font-size: 14px;
}

.form input[type='text']:hover, .form input[type='password']:hover, .form textarea:hover {
	border-color: #5A81AA;
}

.form input[type='text']:focus, .form input[type='password']:focus, .form textarea:focus {
	border-color: #5A81AA;
	background: #FFF;
	color: #5A81AA;
}

.form input.send {
	float: right;
	margin-top: 10px;
	margin-right: 17px;
	border: none;
	background-color: #940000;
	color: #fff;
	width: auto;
	/*background: url('../images/send-btn.gif') no-repeat;*/
}

.form input:hover.send {
}

.checkboxlist 
{
    display: inline;
    margin: 0;
    float: left;
}

.checkboxlist input
{
    width: 20px;
    float: left;
}

#survey .questions label 
{
    font-size: 12px;
    width: 300px;
    margin-top: 20px;
    line-height: 15px;
}

#survey select 
{
    color: #5A81AA;
}
    

#validation_summary 
{
  padding: 10px;
  border: 1px solid red;
  background-color: #FFDFDF;
}

#validation_summary  ul {
	background: none;
	width: 365px;
	margin-left: 10px; 
	padding: 5px 10px; 
	line-height: 30px;
	list-style: square;
	color: #00659a; 
}

#validation_summary  li {
	border-bottom: dotted red 1px;
	list-style-position: inside;
	color: #333;
}

#referral table {
    margin-left: 20px;
}

#referral table label {
    width: 200px;
    margin: 0;
}

#referral table input[type='checkbox'] {
    width: 20px;
    float: left;
}

/* ========================================================================== Production Notes === */

.highlight {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
    margin: 5px;
    background-color: yellow;
}

/* ====================================== sIFR ... These are standard sIFR styles... Do Not Modify */
.sIFR-flash									{visibility: visible !important; margin: 0;}
.sIFR-replaced									{visibility: visible !important;}
span.sIFR-alternate								{position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]				{display: none !important;}
/* These 'decoy' styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1								{visibility: hidden;}