/* body default values */
body {
	margin:0;
	padding:0;
	background:#6E3800;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#000000;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

.noborder {
	border:none;
}

.yellowtext {
	color:#FFFFFF;
}

/* abbreviations and change cursor -- be sure to have a title attribute that provides the meaning of the abbreviation */
abbr {
	border-bottom:1px dotted #666;
	cursor:help;
}

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */


/* main container that contains all other elements below */
#wrapper {
	margin:0;
	padding:0;
	width:100%;
}

#topbars {
	margin:0;
	padding:0;
	width:100%;
	height:130px;
	background-image:url(../webimages/topbars2.gif);
}

#topbar2 {
	margin:0;
	padding:0;
	width:100%;
	height:4px;
	background-color:#5c2b15;
}

#masthead {
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:120px;
	position:relative;
	z-index:10;
}

#logo img {
	margin:0;
	padding:0;
	height:120px;
	position:absolute;
	left:0;
	bottom:0;
	border:none;
}

#topnav {
	margin:0;
	padding:0;
	height:auto !important;
	height:24px;
	width:auto !important;
	width:550px;
	position:absolute;
	right:0;
	bottom:0;
}

#headingbar {
	margin:0;
	padding:0;
	width:100%;
	height:54px;
	background-color:#884b2e;
}

#heading {
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:54px;
	position:relative;
}

#heading img {
	width:457px;
	height:54px;
	position:absolute;
	right:0;
	bottom:0;
}

#homepagemidsectionbg {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-image:url(http://templates.doteasy.com/ErrorPages/error404/);
}

#homepagemidsection {
	margin:0 auto 0 auto;
	padding:0;
	width:900px;
	height:100%;
	background-image:url(http://templates.doteasy.com/ErrorPages/error404/);
	position:relative;
}

#homepagemidsectionbg2 {
	margin:0;
	padding:0;
	width:100%;
	height:370px;
	background-image:url(http://templates.doteasy.com/ErrorPages/error404/);
}

#homepagemidsection2 {
	margin:0 auto 0 auto;
	padding:0;
	width:900px;
	height:370px;
	background-image:url(http://templates.doteasy.com/ErrorPages/error404/);
	position:relative;
}

#homepagetext {
	margin:0;
	padding:0;
	width:240px;
	position:absolute;
	top:0;
	left:0;
}

#homepagetext p {
	margin:0;
	padding:15px 0 0 35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-style:italic;
	color:#000000;
	line-height:120%;
}

#homepagesignup {
	margin: 20px 0 0 28px;
	float:left;
}

#homepagetext a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#homepagetext a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#homepagetext a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#homepagetext a:active {
	color:#FFFFFF;
	text-decoration:none;
}

#homepageflash {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}

#internalpagemidsectionbg {
	margin:0;
	padding:0;
	width:100%;
	background:#4e3227 url(http://templates.doteasy.com/ErrorPages/error404/) repeat-x;
}

#internalpagemidsection {
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	position:relative;
	background:url(http://templates.doteasy.com/ErrorPages/error404/) repeat-y;
	min-height:800px;
	height:auto !important;
	height:800px;
}

#imagecolumn {
	float:left;
	margin:0;
	padding:0;
	width:303px;
}

.sideimage {
	position:absolute;
	left:20px;
	z-index:10;
	top:30px;
	border:none;
}

.orchid {
	width:303px;
	height:421px;
	position:absolute;
	left:0;
	bottom:0;
}

#textcolumn {
	float:right;
	margin:0;
	padding:20px 30px 20px 20px;
	width:407px;
}

#textcolumn p {
	margin:0 0 10px 0;
	font-size:1.1em;
	line-height:130%;
}

#textcolumn ul {
	margin:0 0 10px 10px;
	font-size:1.05em;
	line-height:130%;
}

#textcolumn ul li {
	margin:0 0 0 10px;
	font-size:1.05em;
	line-height:130%;
}

#textcolumn .subheading {
	font-size:1.5em;
	font-weight:bold;
}

#textcolumn .sectionheading {
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	margin:15px 0 0 0;
}

#textcolumn .bigboldtext {
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 -10px 0;
}

#textcolumn a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#textcolumn a:visited {
	color:#000000;
	text-decoration:underline;
}

#textcolumn a:hover {
	color:#000000;
	text-decoration:none;
}

#textcolumn a:active {
	color:#000000;
	text-decoration:none;
}

.imagefloatleft {
	float:left;
	margin:5px 5px 5px 0;
	padding:0;
}

.imagefloatright {
	float:right;
	margin:5px 0 5px 5px;
	padding:0;
}

.backtotop {
	font-size:1em;
	text-align:center;
}

#bottombars {
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	background-image:url(../webimages/bottombars.gif);
}

#footer {
	margin:10px auto 0 auto;
	padding:0;
	width:800px;
	height:15px;
}

#footer a:link {
	color:#000000;
	text-decoration:none;
}

#footer a:visited {
	color:#000000;
	text-decoration:none;
}

#footer a:hover {
	color:#000000;
	text-decoration:none;
}

#footer a:active {
	color:#000000;
	text-decoration:none;
}

#footerleft {
	float:left;
	margin:0;
	padding:0 0 0 0;
	width:800px;
	color:#000000;
	font-size:13px;
}

#footerright {
	float:right;
	margin:0;
	padding:0 0 0 0;
	width:600px;
	color:#B08864;
	text-align:right;
}

#footer2 {
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:30px;
}

#footer2 a:link {
	color:#000000;
	text-decoration:none;
}

#footer2 a:visited {
	color:#000000;
	text-decoration:none;
}

#footer2 a:hover {
	color:#000000;
	text-decoration:none;
}

#footer2 a:active {
	color:#000000;
	text-decoration:none;
}

#footer2left {
	float:left;
	margin:0;
	padding:0 0 0 20px;
	width:360px;
	color:#000000;
}

#footer2right {
	float:right;
	margin:0;
	padding:0 25px 0 0;
	width:355px;
	color:#B08864;
	text-align:right;
}

.footerspacer {
	width:25px;
	height:5px;
}

/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.floatright {
	float:right;
}

/* this class can be used to float an element left in your page */
.floatleft {
	float:left;
}

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

/* this class should be used on a div to put some vertical space such as after the last paragraph */
.verticalspacer {
	margin:0 0 5px 0;
	padding:0
}

#contactform {
	margin:0;
	padding:10px;
	width:383px;
	background-color:#482c21;
	border:#000000 solid 2px;
}

#contactform form {
	margin:0;
	padding:0;
}

#contactform table {
	margin:0;
	padding:10;
	border-collapse:collapse;
	color:#c0a585;
	font-size:1.3em;
}

#firstname, #lastname, #address, #city, #phone, #email, #treatment, #besttime, #comments {
	margin:0 0 5px 5px;
	padding:0;
	width:160px;
	font:1em Arial, Helvetica, sans-serif;
	color:#000000;
}

#apt, #state, #zipcode {
	margin:0 0 5px 5px;
	padding:0;
	width:80px;
	font:1em Arial, Helvetica, sans-serif;
	color:#000000;
}

#spamcode {
	margin:0 0 0 5px;
	padding:0;
	border:1px solid #000000;
}

#security_code {
	margin:0 0 5px 5px;
	padding:0;
	width:160px;
	font:1em Arial, Helvetica, sans-serif;
	color:#000000;
}

#submit {
	margin:5px 0 0 5px;
	padding:0;
	width:50px;
	height:20px;
	border:none;
}

/*This ID is used for the questionnaire page */
#questionnaire {
	background-color:#9e7c53;
	margin:0 auto 0 auto;
	padding:20px 30px 20px 20px;
	width:800px;
}

.question {
	font-size:14px;
}

.offer {
	font-size:12px;
	padding:0 10px 0 0;
}