/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

/*========== Main Background Color======= */
body		{
			background:#333333;
			text-align:center;
			/*background-image:url(bkg_img.jpg); background-repeat:repeat;*/
			}
h1 			{font-size:2.25em; color:#000000; font-weight:normal; line-height:1.5em; margin-bottom:8px;}
h2 			{font-size:2.25em; color:#f0f0f0; font-weight:normal; line-height:1.5em; margin-bottom:8px;}
h3 			{font-size:1.5em; color:#f0f0f0; font-weight:normal; line-height:1em; margin-bottom:8px;}
h4 			{font-size:1.5em; color:#ffffff; font-weight:normal; line-height:1.2em; margin-bottom:3px!IMPORTANT;}
h5 			{font-size:1.5em; color:#ffffff; font-weight:normal; line-height:1em; padding:5px;} /* H5 used for Colored Title Bars */
h6 			{font-size:1.75em; color:#666 !important; font-weight:normal; line-height:1em;}
img 		{vertical-align:top;}
a 			{color:#c35729;}
a img 		{border:0;}
a:hover		{text-decoration:none;}
ul 			{list-style:none;}
p 			{padding-top:8px;}
strong 		{font-weight:bold;}
ul 			{position:relative;}
cite 		{font-style:normal;}

html
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.7em;
		line-height:1.333em;
		color:#8f8e8e;
	}
	
input, textarea
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em !important;
		line-height:1.333em;
		color:#000000 !important;
	}

input, select { vertical-align:middle; font-weight:normal;}



.titlebar-green {background:url(header_red.gif) repeat-x; height:30px; padding:0px;}

.nopad		{padding:0;}
.pad3 		{padding:3px;}
.pad5 		{padding:5px;}
.padding 	{padding-top:8px; padding-bottom:8px;}
.padding1 	{padding-top:28px;}
.padding2 	{padding:8px;}

.imgbaseline {vertical-align:baseline;}
.imagemargin {margin-left:8px; margin-top:8px;margin-bottom:8px;margin-right:8px;}
.imagemargin_float_left {margin-left:8px !important; margin-top:8px;margin-bottom:8px;margin-right:8px;float:left;}
.imagemargin_float_right {margin-left:8px !important; margin-top:8px;margin-bottom:8px;margin-right:8px;float:right;}

.left		{float:left;}
.left2 		{float:left; position:relative; padding: 5px;}
.right 		{float:right; position:relative;}
.right2 	{float:right; position:relative; padding: 5px;}
.clear  	{ clear:both;}

.quote 		{color:#000000;padding-top:5px !important; 
			padding-left:5px !important;;padding-right:5px !important;; padding-bottom:5px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-style:italic
			}

.white_no_pad{color:#FFFFFF;padding-top:1px !important;}

.orange		{color:#c35729;padding-top:5px 5px 0 5px !important;}

/* These are the same - just leave it that way and use them interchangeably */
.boldorange			{color:#c35729; font-weight: bold;padding-top:5px !important;}
.boldorange_nopad	{color:#c35729; font-weight: bold; padding-top:5px !important;}
.boldorange2		{color:#c35729; font-weight: bold;}
.boldwhite			{color:#ffffff; font-weight: bold}
.italic				{font-style:italic;}
.space				{color:#FFFFFF;padding-top:5px !important; padding-bottom:5px;}
.stronger 			{color:#ffffff; font-size:1.5em !important;}
.boldred 			{color:#F00; font-weight: bold; font-size:1.5em;}
.redstrike 			{color:#F00; font-size:1.5em; text-decoration:line-through;}

.black				{color:#000000;}
.blackstrong 		{color:#000000; font-weight:bold;}
.background 		{background-color:#000;!important;}

.testimonial 		{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.3em; line-height:118%;}


.subhead2			{color:#000000;padding:5px !important;
					font-family: Arial, Helvetica, sans-serif;
					font-size:1.25em !important;
					line-height:1em;
					font-weight: bold;
					}
					
.subhead2_no_side_pad{color:#000000;
					padding-top:5px 0 5px 0 !important; 
					font-family: Arial, Helvetica, sans-serif; 
					font-size:1.25em !important;
					line-height:1em;
					font-weight: bold;
					}

.subhead 			{color:#000000;
					padding-top:5px 5px 5px 0px !important;
					font-family:Times New Roman, Times, serif;
					font-size:2.25em !important;
					line-height:1em;
					}

.subheadwhite{color:#ffffff;padding-top:2px !important; padding-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;line-height:1em; font-weight: bold;}


/* ============================= main layout ====================== */
#main { width:990px; margin:0 auto; text-align:left; background-color: #000000; }

.col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;}

.col-1 {width:208px;}
.col-2 {width:480px;}
.col-3 {width:218px;}
.col-4 {width:680px;}

.col-2 .col-1 {width:197px; padding-right:56px;}
.col-2 .col-2 {width:197px;}
.col-pad {padding-right:15px;} /* this pushes column 1 from the main content */

.col-2 .indent, .col-1 .indent {padding:10px 12px 20px 11px;}
.col-1, .col-3 {line-height:1.166em;}
.col-1 .line, .col-3 .line {background:url(side-line.gif) bottom left repeat-x; padding-bottom:17px; margin-bottom:12px;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 5px 0 0; float:left;}
.topindent {margin:15px 0 0 0;}

#content li {background:url(list-line.gif) bottom left repeat-x; padding:0 0 0 10px; font-size:1.083em; line-height:2em;}
#content li a {background:url(list-bg.gif) no-repeat 0 5px; padding-left:12px; color:#fff; text-decoration:none;}
#content li a:hover {color:#c35729;}
#content .last {background:none; }
#content .last_treatment { color:#c35729 !important;}
#content .nonefirst {background:none; color:#000000;list-style:disc; padding:5px 0 0 3px; font-size:1.00em; line-height:1em; list-style-position:inside}
#content .none {background:none; color:#000000;list-style:disc; padding:2px 0 0 3px; font-size:1.00em; line-height:1em; list-style-position:inside}

/* ============================= header ====================== */
#header {height:200px; background:url(header-bg.jpg) top left no-repeat; padding:5px 0 0 20px;}

.logo {margin-top:45px;}

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

#content {padding:20px 25px 0 27px;}
#content img {
	position:relative;
}


.box {background:#252322;}
.box2 {background:#000; padding:10px 1px 10px 1px;}
.boxwhite {background:#ffffff;}
.whitediv {background-color:#FFFFFF; padding: 5px;}
.white {background-color:#FFF;}
.whitetext { color:#FFF;}

.date {font-size:0.917em; float:right; line-height:3em; position:relative;}
.indent {padding:26px 12px 10px 11px;}
.indent2 {padding:10px 12px 20px 11px;}



.margin1 		{margin-top:30px;}
.margin2 		{margin-right:27px;}
.margin3 		{margin-top:10px; margin-bottom:10px !important; padding-bottom:5px;}
.margin4 		{margin-top:30px;}
.margin_bottom_only {margin-bottom:10px;}
.line 			{background:url(line.gif) bottom left repeat-x; padding-bottom:30px; margin-bottom:20px;}
.line2 			{background:url(line.gif) bottom left repeat-x; padding:5px 5px 20px 5px; margin-bottom:10px;}
.line3 			{background:url(line.gif) bottom left repeat-x; background-color:#FFF; width:33%;padding:0 5px 20px 5px}
.height200		{height:175px;}

.readmore {display: block; float: left; background:url(link2-bgd.gif) left top repeat-x; margin: 20px 2px; color:#fff; text-decoration:none; line-height:1.2em; padding:5px;}
.border-top {background:url(images/border-top2.gif) repeat-x top;}


.articles {font-size:0.917em; line-height:1.273em;}
.articles strong {color:#fff; font-size:1.091em;}
.articles span {color:#fff;}
.articles a {font-size:1.091em;}
.text2 {font-size:1.273em !important;}
.comments {text-decoration:none;}
.comments:hover {text-decoration:underline;}

.phone {float:right; margin-right:50px; position:relative;}
#page6 p {padding-top:16px;}

/* ============================= footer ====================== */
#footer { height:83px; padding:20px 0 0 265px;}

#footer {color:#636363; font-size:1.083em; line-height:1.385em;}
#footer a {color:#636363;}
#footer .menu {width:100%; overflow:hidden;}
#footer .menu ul {margin-left:-9px;}
#footer .menu li {display:inline; border-left:1px solid #fff; padding:0 7px 0 9px;}
#footer .menu li a {color:#fff; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}

/* ============================= TABLES ============================= */
td {vertical-align:top;}

/* ============================= forms ============================= */

#ContactForm {padding:30px 0 20px 0; position:relative;}
#ContactForm .rowi {height:52px;}
#ContactForm .col-1 {width:238px; padding:0; margin:0;}
#ContactForm .col-2 {width:215px;}
#ContactForm a {float:right; margin:0 0 0 20px;}

.input {width:192px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:270px; height:123px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px;}


/* ============================= navigation ====================== */
#nav_inner { height:25px; padding-top: 5px; background-color:#bb3126; font-size:1.083em; line-height:1.385em;margin-left:10px; margin-right:10px;}
#nav { height:35px; background-color:#000000;}
#nav a {color:#636363;}
#nav .menu {width:100%; }
#nav .menu ul {margin-left:15px;margin-top:3px;}

#nav .menu li a {color:#fff; text-decoration:none; display:block;}
#nav .menu li a:hover { color:#333;display: block;}
 
div#nav .menu ul li ul {margin:0; width:17em; position:absolute; left:-1px;}
div#nav .menu ul li ul li {width: 100%; background-color:#bb3126;}
div#nav .menu li {border-left:1px solid #fff; padding:0 7px 0 9px;float: left; position:relative; z-index:500;}

body div#nav ul li ul {display:none;}
div#nav ul li:hover ul {display: block;}
div#nav ul li:hover ul, div#nav ul li ul:hover {display:block;}