
/* body default values */
body {
	margin:0;
	padding:0;
	background-color:#7f8944;
	font:62.5% Tahoma, Arial, Helvetica, sans-serif;
	color:#647b57;
}

h1, h2 {
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	color:#2383b9;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

ul {
	margin-left:15px;
	padding-left:15px;
	list-style-type:square;
}

ol {
	margin-left:15px;
	padding-left:15px;
}

.floatright {
	float:right;
	margin-left:10px;
}

.floatleft {
	float:left;
	margin-right:10px;
}

.floatimageright {
	float:right;
	margin:10px 0 10px 10px;
}

.floatimageleft {
	float:left;
	margin:10px 10px 10px 0;
}

.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#nav-handheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactinfoforprint {
	display:none;
}

/* 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
}

/* 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 */
#container {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:30px 0 0 0;
	width:760px;
	background:#d78c4e;
	border-left:#c26111 solid 1px;
	border-right:#c26111 solid 1px;
}

#maincontainer {
	margin:0;
	padding:5px;
	width:750px;
	background-color:#FFFFFF;
}

#leftcontainer {
	float:left;
	margin:0 6px 0 0;
	padding:0;
	width:198px;
}

#leftcontainer img {
	border:none;
}

#topnav {
	margin:6px 0 0 0;
	padding:0;
	width:198px;
}

#nav2 {
	margin:6px 0 0 0;
	padding:0;
	width:196px;
	height:299px;
	line-height:1px;
	border:#cddac3 solid 1px;
}

/* these are rollover effects for nav 2 buttons */

#spiderveins a:link, #spiderveins a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/spiderveins-off.gif) no-repeat;
}

#spiderveins a:hover, #spiderveins a:active {
	background:url(../images/nav/spiderveins-on.gif) no-repeat;
}

#unwantedhair a:link, #unwantedhair a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/unwantedhair-off.gif) no-repeat;
}

#unwantedhair a:hover, #unwantedhair a:active {
	background:url(../images/nav/unwantedhair-on.gif) no-repeat;
}

#wrinkles a:link, #wrinkles a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/wrinkles-off.gif) no-repeat;
}

#wrinkles a:hover, #wrinkles a:active {
	background:url(../images/nav/wrinkles-on.gif) no-repeat;
}

#sundamage a:link, #sundamage a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/sundamage-off.gif) no-repeat;
}

#sundamage a:hover, #sundamage a:active {
	background:url(../images/nav/sundamage-on.gif) no-repeat;
}

#rosacea a:link, #rosacea a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/rosacea-off.gif) no-repeat;
}

#rosacea a:hover, #rosacea a:active {
	background:url(../images/nav/rosacea-on.gif) no-repeat;
}

#hormonetherapy a:link, #hormonetherapy a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/hormonetherapy-off.gif) no-repeat;
}

#hormonetherapy a:hover, #hormonetherapy a:active {
	background:url(../images/nav/hormonetherapy-on.gif) no-repeat;
}

#weightloss a:link, #weightloss a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/weightloss-off.gif) no-repeat;
}

#nutrition a:hover, #nutrition a:active {
	background:url(../images/nav/nutrition-on.gif) no-repeat;
}

#nutrition a:link, #nutrition a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/nutrition-off.gif) no-repeat;
}

#weightloss a:hover, #weightloss a:active {
	background:url(../images/nav/weightloss-on.gif) no-repeat;
}

#bodycontouring a:link, #bodycontouring a:visited {
	display:block;
	width:196px;
	height:20px;
	text-decoration:none;
	background:url(../images/nav/bodycontouring-off.gif) no-repeat;
}

#bodycontouring a:hover, #bodycontouring a:active {
	background:url(../images/nav/bodycontouring-on.gif) no-repeat;
}

/* --------------- end nav 2 button rollover effects --------------- */

#rightcontainer {
	float:right;
	margin:0;
	padding:0;
	width:546px;
}

#rightcontainer a:link, #rightcontainer a:visited {
	text-decoration:underline;
	color:#2383b9;
}

#rightcontainer a:hover, #rightcontainer a:active {
	text-decoration:none;
	color:#2383b9;
}

#homepagebodytextcontainer {
	margin:22px 0 22px 0;
	padding:0;
	width:546px;
	background:url(../images/dottedlinesbg.gif) repeat-y;
}

#homepagebodytextcontainer h2 {
	margin:0 0 -10px 0;
	font-size:1.6em;
}

#homepagebodytextcontainer p {
	margin:15px 0 5px 0;
	font-size:1.2em;
	line-height:130%;
}

#homepageleftcolumnbodytext {
	float:left;
	margin:0;
	padding:0 20px;
	width:232px;
}

#homepagerightcolumnbodytext {
	float:right;
	margin:0;
	padding:0 20px;
	width:232px;
}

.learnmore {
	text-align:right;
	font-size:1.2em;
}

.greenbar {
	margin:4px 0 30px 0;
	padding:0;
	width:546px;
	height:15px;
	background-color:#cddac3;
}

#internalpagebodytextcontainer {
	margin:0 0 20px 0;
}

#internalpagebodytextcontainer h1 {
	margin:0 0 20px 0;
	font-size:2.2em;
}

#internalpagebodytextcontainer h2 {
	margin:25px 0 -5px 0;
	font-size:1.6em;
}

#internalpagebodytextcontainer p {
	margin:15px 0 5px 0;
	font-size:1.2em;
	line-height:130%;
}

#internalpagebodytextcontainer ul li {
	margin:0 0 5px 0;
	font-size:1.2em;
}

#internalpagebodytextcontainer ul li ul {
	margin:5px 0 7px 0;
}

#internalpagebodytextcontainer ul li ul li {
	margin:0 0 5px 0;
	font-size:1em;
}

.backtotop {
	margin:15px 0;
	font-size:1em;
}

.table2column {
	margin:-15px 0 0 0;
	padding:0 20px 0 0;
	width:100%;
	border-collapse:collapse;
}

.table2column td {
	vertical-align:top;
}

#footer {
	margin:0;
	padding:30px 15px 10px 15px;
	width:730px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#384d2d;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#384d2d;
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
	color:#384d2d;
}

.floatrighttext {
	float:right;
	margin-left:10px;
	text-align:right;
}

/* these are contact form attributes */

#contactform form {
	margin:-20px 0 0 0;
	padding:0;
}

#contactform table {
	margin:0;
	padding:5px;
	width:100%;
	background-color:#cddac3;
	border-collapse:collapse;
}

#firstname, #lastname, #address, #city, #phone, #email, #besttime, #comments {
	margin:0 0 5px 5px;
	padding:0;
	width:160px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#647b57;
}

#treatment {
	margin:0 0 5px 5px;
	padding:0;
	width:200px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#647b57;
}

#apt, #state, #zipcode {
	margin:0 0 5px 5px;
	padding:0;
	width:80px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#647b57;
}

#spamcode {
	margin:0 0 0 5px;
	padding:0;
	border:1px solid #647b57;
}

#security_code {
	margin:0 0 5px 5px;
	padding:0;
	width:160px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#647b57;
}

#submit {
	margin:5px 0 0 5px;
	padding:0;
	width:44px;
	height:19px;
	border:none;
}

/* --------------- end contact form attributes --------------- */
