@charset "UTF-8";
/* CSS Document */

.floatleft {
float: left;
margin: 8px 15px 5px 0;
border:2px solid #000000; }

.floatleft2 { float: left; }
.floatright { float: right; }
.floatright2 { float: right; margin-left: 10px; }
.floatright3 { float: left; margin-right: 18px; margin-bottom: 20px; border: 2px solid #000;}
.floatleft-clear { float: left; margin-right: 5px; margin-bottom: 10px; border: 2px solid #000;}

.floatright4 {
float: right;
margin: 8px 0 10px 15px;
border:2px solid #000000; }
.emph { font-size: 1.3em; font-weight: bold; color: #000; border-bottom: 1px dotted black; padding-right: 460px; }
.under { font-size: 1.3em; font-weight: bold; color: #000; border-bottom: 1px dotted black;  }
.box {padding: 5px; background: #ccc; color: #000 }
.red {color:#981b1b }
.border { border: 2px solid #000; margin-right: 10px;}


p { line-height: 150%; }
h1 { font-size: 1.3em;}
h2 { font-size: 1em; font-weight: bold; text-decoration:underline; }

ul { list-style-type: none; padding: 0; margin: 0; }

ul { list-style-type:disc;}
#navSub ul { list-style-type: none; }

a:link
{
line-height: 180%;
text-decoration:none;
color: #576F7C;
}

a:visited
{
text-decoration:none;
color: #576F7C;
}

a:hover ,a:active 
{
color: #981b1b;
text-decoration:none;
}

p.copyright {
font-size: .75em;
color: #576F7C;
}

a.black_underline {
text-decoration: none;
color: #000;
}

a:hover.black_underline {
text-decoration: none;
color: #cc3333;
}


body {
background-color:#CCCCCC;
background-image:url(images/background.jpg);
background-repeat: repeat-y;
background-position: 50%;
text-align:center;
margin: 0;
padding: 0;
font-size: 85%;
font-family:Arial, Helvetica, sans-serif;
line-height: 180%;
}

div#container {
background-color:#CCCCCC;
position: relative;
width: 673px;
margin: 0 auto;
text-align:left;
padding-top: 350px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

div#contentArea {
width:673px;
}

div#contentHeader {
	position: absolute;
	top:410px;
	left:160px;
	width: auto;
}

div#navSub {
	position: absolute;
	text-align:right;
	padding: 10px;
	right: 510px;
	top: 468px;
	height: auto;
	width: auto;
	border: #000000 2px solid;
	background: #FFFFFF;
	text-align:right;
}

#navSub a {
line-height: 180%;
font-size: 12px;


}

div#navSub a { font-weight:lighter; }
div#navSub a:hover { text-decoration: none; }

a:hover img { border: 2px solid #981b1b; }


div#contentBody {
	position: absolute;
	top: 410px;
	left: 180px;
	width: 457px;
}

#introContent {
	float: right;
	width: 378px;
	position: absolute;
	left: 213px;
	top: 1px;
}


div#contentBody_full {
	position: absolute;
	top: 410px;
	left: 45px;
	width: 590px;
	z-index: 100;
}
.clear {clear: left; }

#contactBox {
	position: absolute;
	left: 0px;
	top: 155px;
	z-index: -1;
}

#nav-example {
	background:url(images/nav-menu.jpg) no-repeat;
	width:598px;
	height:40px;
	margin:0;
	padding:0;
}



#nav-example span {
display: none;
}

#nav-example li, div#nav-example a {
height:40px;
display:block;
}

#nav-example li {
float:left;
list-style:none;
display:inline;
}

#nav-welcome { width: 81px; }
#nav-chiropractic {width: 114px;}
#nav-techniques {width: 183px;}
#nav-contact {width: 74px;}
#nav-welcome a:hover {background:url(images/nav-menu.jpg) 0px -41px no-repeat; }
#nav-chiropractic a:hover {background:url(images/nav-menu.jpg) -81px -41px no-repeat; }
#nav-techniques a:hover {background:url(images/nav-menu.jpg) -195px -41px no-repeat; }
#nav-contact a:hover {background:url(images/nav-menu.jpg) -378px -41px no-repeat; }

#menuContainer {
position: absolute;
left: 35px;
}

#welcome #nav-welcome { background:url(images/nav-menu.jpg) 0px -41px no-repeat;  }
#chiro #nav-chiropractic { background:url(images/nav-menu.jpg) -81px -41px no-repeat;  }
#contact #nav-contact {background:url(images/nav-menu.jpg) -378px -41px no-repeat; }
#techniques #nav-techniques {background:url(images/nav-menu.jpg) -195px -41px no-repeat; }

tr { vertical-align: top; line-height: 150%; }