/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(body.gif) #660000 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #CC6666;
	outline: none;
}

a:hover {color: #663333;}

/* PAGE STRUCTURE
================================================*/

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 940px;
	background-image: url(wrapper.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* BANNER STYLES
===============================================*/

#banner {
	background: url(banner.png) no-repeat;
	float: left;
	height: 380px;
	width: 940px;
}

#banner-contact {
	color: #878145;
	font-size: 11px;
	height: 25px;
	padding: 11px 40px 0 0;
	text-align: right;
}

#logo {
	float: left;
	height: 175px;
	text-indent: -9999px;
	width: 940px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

#tagline {
	background: url(tagline.png) no-repeat;
	float: left;
	height: 112px;
	text-indent: -9999px;
	width: 940px;
}


/* NAV STYLES
===============================================*/

#nav {
	float: left;
	height: 57px;
	width: 920px;
	padding-top: 62px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

#nav ul{
	border-left: 1px solid #000000;
	border-right: 1px solid #7B1416;
	color: #fff;
	float: right;
	width: auto;
}

#nav li {
	float: left;
	height: 57px;
	list-style-type: none;
}

#nav li a{
	background: url(nav-item.png) repeat-x left top;
	border-left: 1px solid #7B1416;
	border-right: 1px solid #000000;
	color: #F8EFE9;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	padding: 21px 16px 0 16px;
	text-decoration: none;
}

#nav #current {	background-position: left bottom; color: #F0E4C8;}
#nav li a:hover {background-position: left bottom;}

/* SUB NAVIGATION
===============================================*/

#sub-nav {
	float: left;
	list-style-type: none;
	padding: 0 0 20px 0;
	width: 200px;
}

#sub-nav li {
	border-bottom: 1px solid #E9D3B9;
	float: left;
}

#sub-nav li a {
	float: left;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	width: 190px;
}

#sub-nav li a:hover {
	background: #FAEDD2;
}

#sub-nav li a#sub-current {
	background: #FAEDD2;
	color: #663333;
}

/* CONTENT STYLES
===============================================*/

#content {
	color: #515151;
	float: right;
	font-size: 13px;
	line-height: 22px;
	padding: 30px 20px 0 20px;
	width: 660px;
}

#content div.hrule {
	border-top: 1px solid #DDD3AC;
	margin: 0 0 30px 0;
}

#content div.hrule hr {
	display: none;
}

/*content headers */

h1 {
	color: #A30000;
	font-size: 17px;
	padding: 0 0 25px 0;
}


h2 {
	color: #A30000;
	font-size: 15px;
	padding: 0 0 10px 0;
}

#content h3 {
	font-size: 13px;
	padding: 0 0 5px 0;
}


/*content text */

#content p {
	padding: 0 0 30px 0;
}

#content ol, #content ul {
	padding: 0 0 25px 35px;
}

#content ul li {
	list-style-type: square;
}

/*images */

.right {
	background: #FBF3DF;
	border: 1px solid #D0C9AF;
	float: right;
	margin: 0 0 20px 30px;
	padding: 5px;
}

.no-border {
	border: 0;
	padding: 0;
}

dl.caption-right, dl.caption-left {
	background: #FBF3DF;
	border: 1px solid #D0C9AF;
	float: right;
	margin: 0 0 20px 30px;
	overflow: visible;
	padding: 5px;
}

dl.caption-left {
	float: left;
	margin: 0 30px 20px 0;
}

.caption-right dd, .caption-left dd{
	font-size: 10px;
	line-height: 15px;
	padding: 0 3px;
	text-align: center;
}

.side-right {
	float: right;
	width: 270px;
}

.hilight {
	background: #FBF3DF;
	border: 1px solid #D0C9AF;
	float: right;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 20px 30px;
	width: 240px;
}

#content .hilight h3 {
	background: #918C7A;
	color: #FBF3DF;
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: center;
}

#content .hilight p {
	padding: 0 10px 10px 10px;
}

#content .hilight ul {
	padding: 0 10px 10px 30px;
}

#content .hilight ul ul {
	padding: 0 10px 0 15px;
}

#content .hilight ul li {
	padding: 0 0 5px 0;
}

#content .hilight ul ul li {
	padding: 0;
}


/*--treatments table--*/

#treatments-matrix {
	background-color: #FBF3DF;
	border-top: 1px solid #D0C9AF;
	border-right: 1px solid #D0C9AF;
	font-size: 10px;
	float: left;
	margin: 0 0 30px 0;
	line-height: 14px;
	text-align: center;
	width: 658px;
}

#treatments-matrix caption {
	background-color: #D0C9AF;
	border: 1px solid #D0C9AF;
	border-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	padding: 15px;
}

tr td{
	border-bottom: 1px solid #D0C9AF;
	border-left: 1px solid #D0C9AF;
	background: #FFFAEF;
	padding: 8px 3px;
	width: 10%;
}

tr td.left-cell {
	font-size: 11px;
	width: 20%;
}


thead td{
	background-color: #FFFAEF;
	font-weight: bold;
}

tbody tr.even td{
	background: #EFE8D1;
}

.yes-check {
	background: url(yes-check.gif) no-repeat;
	float: left;
	height: 15px; width: 15px;
	text-indent: -9999px;
	position: relative; left: 40%;
}

tbody tr.even td .yes-check{}


/* SIDEBAR STYLES
===============================================*/

#sidebar {
	color: #514848;
	float: right;
	font-size: 12px;
	padding: 20px 20px 0 20px;
	text-align: justify;
	width: 200px;
}

#sidebar div.hrule {
	background: url(sidebar-hr.gif) no-repeat;
	height: 35px;
	width: 200px;
}

#sidebar div.hrule hr {
	display: none;
}

#sidebar h3 {
	float: left;
	height: 50px;
	text-indent: -9999px;
	width: 200px;
}

#current-specials { background: url(current-news-h3.png) no-repeat;}
#sidebar h3#treatments { background: url(treatments-h3.gif) no-repeat; height: 40px;}

#sidebar h4 {
	color: #CC6666;
	font-size: 12px;
	padding: 0 0 5px 0;
}

#sidebar p {
	padding: 0 0 20px 0;
}

a#matrix-button {
	background: url(matrix-button.gif) no-repeat;
	float: left;
	height: 100px;
	margin: 0 0 25px 0;
	text-indent: -9999px;
	width: 200px;
}

a#matrix-button:hover { background-position: 0 -100px;}

#newsletter {
	clear: both;
	padding: 0 0 20px 0;
}

#sidebar #newsletter h3 { background: url(newsletter-h3.gif) no-repeat left bottom; height: 42px;}

#sidebar #newsletter p {
	padding: 0 0 10px 0;
}

#newsletter a {
	display: block;
	text-align: right;
	font-weight: bold;
}


/* FOOTER STYLES
===============================================*/

#footer {
	background: url(footer.png) #330000 no-repeat;
	color: #C67777;
	float: left;
	font-size: 11px;
	height: 55px;
	padding: 45px 240px 0 0;
	text-align: right;
	width: 700px;
}

a.bbb {
	float:left; 
	margin-left: 18px;
}

#footer p {}
