/* CSS Document */

/* Normalizes margin, padding, remove list style 
--------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p,
blockquote, em, strong	{margin: 0px; padding: 0px;}

ol, ul, li				{list-style: none}
a img					{border:0px;}

/* Set html & body 
--------------------------------------------------*/
html					{width:100%;}
body					{position:relative; width:100%; min-width: 760px; margin:0 auto; background:url(../images/bkg_gradient.jpg) repeat-x #FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #412200;}
#container				{position:relative; width:760px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1; background:url(../images/bkg_gradient_content.jpg) repeat-y #FFF; border-bottom:1px solid #362006; border-right:1px solid #362006; border-left:1px solid #362006;}

/* Branding 
--------------------------------------------------*/
#branding				{width:527px; height:53px; padding:15px 10px 15px 210px;}
#branding h1			{position:absolute; top:13px; right:20px; font-size:20px; font-weight:bold; color:#412200;}
#branding img			{position:absolute; margin:0px; padding:0px;}

#hm_img					{width:568px; height:203px; position:relative; left:192px; margin:0px; padding:0px;}
*html #hm_img			{width:572px; height:203px; position:relative; left:192px; margin:0px; padding:0px;}
#hm_img	img				{position:relative; float:right; margin:0px 0px 20px 0px; padding:0px; width:568px; height:203px;}
*html #hm_img img		{position:relative; float:right; margin:0px 0px 20px 0px; padding:0px; width:572px; height:203px;}
#hm_certificate			{position:absolute; z-index:5; left:0px; bottom:0;}

/* Navigation 
--------------------------------------------------*/
#home_pg #nav			{position:absolute; left:0px; z-index:200; width:174px; height:192px; padding:5px 15px 5px 2px; margin:0px; text-align:right; border-top:1px solid #967e62; border-right:1px solid #967e62; border-bottom:1px solid #967e62;}
#nav					{position:absolute; left:0px; z-index:200; width:174px; height:192px; padding:5px 15px 5px 2px; margin:0px; text-align:right; border-bottom:1px solid #967e62;}
#nav h3					{position:absolute; left:-990px;}
*html #nav ol li		{margin:9px 0px; clear:both;}
#nav ol li				{margin:10px 0px; clear:both;}
#nav h4					{font-weight:bold; color:#FFF; font-size:11px; margin:0px; padding:0px;}
#nav a:visited,
#nav a:link				{color:#FFF; text-decoration:none; text-decoration:none;}
#nav a:hover, 
#nav a:active			{color:#FFF; text-decoration:none; border:2px solid #5e9160; padding:3px 1px;}

/* Dropdown Menu container 
--------------------------------------------------*/
#pg_header				{position:absolute; width:760px; right:0; z-index:100; top:80px; text-align:right; background:url(../images/bkg_pghdr.jpg) no-repeat;} 
#pg_header h1			{color:#412200; font-size:22px; font-weight:normal; float:right; margin:25px 15px 0px 0px;}
#pg_header img			{float:right; margin:12px 0px 0px 0px;}

/* Dropdown Menu container 
--------------------------------------------------*/
table.menu				{position: absolute; z-index: 5000; border: 2px solid #5e9160; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td			{z-index: 1000;
						color: #FFF;/* Must be the same as tdColor in the menu_script.js */
						background-color: #b0c7a3; /* Must be the same as tdBgColor in the menu_script.js */
						border-top: none;
						padding: 5px 8px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:bold;
						white-space: nowrap;}

/* Content 
--------------------------------------------------*/
#clay_hm				{background:url(../images/bkg_clay_hm.jpg) no-repeat top left;}
#clay					{background:url(../images/bkg_clay_left.jpg) no-repeat top left;}
#content				{width:530px; position:relative; z-index:100; padding:60px 15px 10px 218px; margin:0px;}
#content img			{border:1px solid #798542;}
#content .line img		{border:none;}
.img_right				{float:right; margin:15px 0px 5px 10px;}
.img_left				{float:left; padding:0px; margin:0px 15px 0px 0px;}
.padding_btm			{padding:0px 0px 15px 0px;}
.padding_top			{padding:15px 0px 0px 0px;}
.margin_img				{margin:20px 15px 0px 0px;}

#home_pg #content		{width:530px; position:relative; z-index:100; padding:0px 15px 10px 218px; margin:0px;}
#home_pg #content h1	{font-size:19px; color:#59955C; font-weight:normal; margin:0px 0px 5px 0px;}
#home_pg #content h2	{font-size:12px; font-weight:bold; color:#412200; margin:0px; padding:10px 0px 0px 0px;}

/* Contact Info 
--------------------------------------------------*/
#content #left,
#content #middle,
#content #right			{float:left; margin:10px 0px; padding:0px; font-size:11px;}
#content #left p		{width:157px; background:url(../images/img_line.jpg) no-repeat right; margin:0px 5px 0px 0px; padding:0px 7px 0px 0px; font-size:11px;}
#content #middle p		{width:102px; background:url(../images/img_line.jpg) no-repeat right; margin:0px 5px 0px 0px; padding:0px 7px 0px 0px; font-size:11px;}
#content #right p		{width:245px; margin:0px; padding:0px; font-size:11px;}
#content #right a		{font-size:11px;}

/* Speicifc Page Styles 
--------------------------------------------------*/
#success_pg .success_hldr{width:330px; float:left; clear:both;}
#success_pg .success_hldr img{float:left; margin:5px 10px 5px 0px;}
#success_pg cite		{color:#59955C;}
#success_pg hr			{margin:20px 0px;}

#estheticians_pg #column2 p{float:left; width:250px; margin:10px 10px 10px 0px;}

#natural_clay_treats_pg .treats_container {height:125px; padding:0px; margin:10px 0px 10px 0px; clear:both;}
#natural_clay_treats_pg .treats_container2 {height:145px; padding:0px; margin:10px 0px 35px 0px; clear:both;}
#natural_clay_treats_pg .treats_container3 {height:125px; padding:0px; margin:10px 0px 10px 0px; clear:both;}
#natural_clay_treats_pg .treats_container3 p{margin:0px 0px 25px 0px;}
#natural_clay_treats_pg .treats_container4 {height:125px; padding:0px; margin:10px 0px 10px 0px; clear:both;}
#natural_clay_treats_pg .treats_container4 p{margin:0px 0px 12px 0px;}
#natural_clay_treats_pg p{margin:0px; padding:0px;}
#natural_clay_treats_pg .treats_container img,
#natural_clay_treats_pg .treats_container2 img,
#natural_clay_treats_pg .treats_container3 img,
#natural_clay_treats_pg .treats_container4 img	{float: left; width:110px; padding:0px 18px 5px 0px; border: none;}
#natural_clay_treats_pg .right{width:375px; position: absolute; padding:0px 0px 0px 20px; border-left:1px solid #967e62; margin:0px; left: 350px;}
#natural_clay_treats_pg .right h1{padding:0px; margin:0px 0px 5px 0px;}

#natural_clay_pg .left	{float:left; width:215px; padding:0px 25px 0px 35px}
#natural_clay_pg .right	{float:left; padding:0px 35px 0px 0px;}
#natural_clay_pg #content img{border:none;}

#classes_detail_pg #content ul{list-style:square; padding:0px 10px; margin:0px 20px}
#classes_detail_pg #content ul li{list-style:square; padding:3px 5px;}

#products_pg #content img					{border:none;}
#products_pg #content table tr			    {text-align:left;}
#products_pg #content table tr .center	    {text-align:center;}
#products_pg #content table td			    {padding:2px; height:25px;}
#products_pg #content table .qty            {width:35px;}
#products_pg #content table input			{width:auto;}
#products_pg #content table .brown			{text-align: center; background:#c9ba9b;}
#products_pg #content #viewcart				{padding:5px;}

/* Contact Form 
--------------------------------------------------*/
#content form			{padding:0px; margin:0px;}
#content form ol li		{clear:both; margin:10px 0px; padding:10px 0px;}
#content form ol li p	{float:left; width:250px; margin:0px 10px 0px 0px;}
#appointment_pg #content form ol li p cite{color:#FF0000; font-style:normal;}
#content form ol li input,
#content form ol li select,
#content form ol li textarea{width:175px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#content form ol li div	{float:left;}
#content form ol li div input{width:60px;}
#content .clear img		{border:none;}
#content form cite		{color:#FF0000;}	
#missing_pg #content	{width:530px; position:relative; z-index:100; padding:20px; margin:0px auto; color:#FFF;}
#missing_pg #content h1,
#missing_pg #content p	{color:#FFF;}


/* Text Formatting
--------------------------------------------------*/
h1						{font-size:18px; color:#59955C; font-weight:normal; margin:20px 0px 5px 0px;}
h2						{font-size:14px; color:#412200; font-weight:bold; margin:15px 0px 0px 0px;}
h3						{font-size:14px; color:#412200; font-style:italic; font-weight:normal; margin:10px 0px 0px 0px;}
h4						{font-size:12px; color:#412200; font-weight:bold;}
h5						{font-size:12px; color:#412200; font-weight:bold;}
h6						{font-size:14px; color:#412200; font-weight:bold;}
p						{margin: 5px 0px 10px 0px;}
.small					{font-size:10px;}
.black					{color:#000;}
.brown					{color:#412200;}
.blue					{color:#0066FF;}
.green					{color:#59955C;}
.nobr					{white-space: nowrap;}
.clear					{clear:both;}
.clear_left				{clear:right;}
.left_percent			{float:left; width:45%; margin-right: 20px}
.right_percent			{float:left; width:45%;}
#column2				{width:530px; margin:0px auto; clear:both;}
.required				{color:#FF0000;}

a:link, a:visited 		{color: #59955C; text-decoration:underline; font-weight: bold}
a:hover 				{color: #59955C; text-decoration: none}

/* Site Info
--------------------------------------------------*/
#site_info				{width:760px; margin:0px auto; padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#site_info cite			{font-style:normal; padding:0px; margin:0px; font-size:10px;}
#site_info a:link,
#site_info a:visited	{color:#59955C; font-weight:bold; font-size:10px;}
#site_info a:hover,
#site_info a:active		{color:#59955C;}