/* CSS Document */

body { margin:0; background:#412608;}
#index_body { margin:0; background-color:#B9CCED; height:4000px}

/* This is the area for the index page */

#index_container { background-image:url(images/index_background.jpg); background-repeat:no-repeat; width: 880px; margin:0 auto; background-color:#412608; }



#home_copy { padding:13px 20px 0px 680px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#B9CCED; font-size:12px;}

#index_nav { color:#FFFFFF; padding-left:10px; line-height:20px;}
.index_nav a:link { color:#FFFFFF; text-decoration:none;}
.index_nav a:visited { color:#FFFFFF; text-decoration:none;}
.index_nav a:hover { color:#B9CCED; text-decoration:none;}




/* This is the section for the inside pages*/
#phone { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; padding: 0px 0px 0px 0px;}



#inside_container { background-image:url(images/inside_background.jpg); background-repeat:no-repeat; background-color:#412608; margin:0; height:6000px;}

#main_home_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding: 168px 0px 0px 165px; width:350px; line-height:20px;}
#main_home_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_home_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_home_copy a:hover { text-decoration:underline; color:#FFFFFF;}


/*  this is the css for internet explorer */

#inside_nav { width:370px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#412608; text-align:right; line-height:2.7em; margin-top: 168px; padding-right:10px; background-image:url(images/nav_bkgnd.jpg); background-repeat:no-repeat; background-position:right; }

#inside_nav2 { width:370px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#412608; text-align:right; line-height:2.7em; margin-top: 168px; padding-right:10px; background-image:url(images/nav_bkgnd.jpg); background-repeat:no-repeat; background-position:right; }


/*
#main_home_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; width:300px; position:relative; left: 500px; top: -290px;}
#main_home_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_home_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_home_copy a:hover { text-decoration:underline; color:#FFFFFF;}
*/


#promo_copy { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 168px 0px 0px 105px; width:450px; line-height:20px;}
#promocopy a:link { text-decoration:underline; color:#B9CCED;}
/*#promo_copy a:visited { text-decoration:underline; color:#B9CCED;}
#promo_copy a:hover { text-decoration:underline; color:#FFFFFF;}*/



/* This is the CSS for the contact form page */
/* This is the css for the mac*/
#main_contact_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; padding: 168px 0px 0px 165px; width:465px;}
#main_contact_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_contact_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_contact_copy a:hover { text-decoration:underline; color:#FFFFFF;}
/* this is the css for internet explorer 
#main_contact_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; width:400px; position:relative; left: 500px; top: -290px;}
#main_contact_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_contact_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_contact_copy a:hover { text-decoration:underline; color:#FFFFFF;}*/


#main_team_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; padding: 168px 0px 0px 165px; width:350px;}
#main_team_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_team_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_team_copy a:hover { text-decoration:underline; color:#FFFFFF;}

/*#main_team_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; width:350px; position:relative; left: 500px; top: -290px;}
#main_team_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_team_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_team_copy a:hover { text-decoration:underline; color:#FFFFFF;}
*/


html>body #main_tips_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; padding: 168px 0 0 0; width:500px;}
html>body #main_tips_copy a:link { text-decoration:underline; color:#B9CCED;}
html>body #main_tips_copy a:visited { text-decoration:underline; color:#B9CCED;}
html>body #main_tips_copy a:hover { text-decoration:underline; color:#FFFFFF;}

#main_tips_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#FFFFFF; width:500px; position:relative; left: 500px; top: -290px;}
#main_tips_copy a:link { text-decoration:underline; color:#B9CCED;}
#main_tips_copy a:visited { text-decoration:underline; color:#B9CCED;}
#main_tips_copy a:hover { text-decoration:underline; color:#FFFFFF;}

#photo_container { float:left; width:128px; padding:0 15px 5px 0; text-align:center; font-size:11px;}
#photo_container2 { float:left; width:128px; padding:0 40px 5px 0; text-align:center; font-size:11px;}

#text { float:left; width:400px; padding:0 15px 5px 0; margin-left:-50px; text-align:center; font-size:14px; color:#B9CCED; font-style:italic;}


/* This is the area that controls what happens to images */
#photo_image { border:thin solid #996600; margin:10px 0px 10px 0px;}
#photo_image2 { border:thin solid #996600; margin:10px 0px 10px 10px;}
#photo_image3 { border:thin solid #996600; margin:10px 10px 10px 0px;}
#photo_image4 { border:thin solid #996600; margin:10px 0px 0px 0px;}


/* This is the section that controls the specialty text of the pages*/
.phone { font-size:16px; color:#FFFFFF; font-weight:bold;}
.prices { color:#B9CCED; font-weight:bold; font-style:italic;}
.testimonials { font-size:12px; color:#B9CCED; font-style:italic; padding: 0 0 0 30px;}
h1 { font:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#B9CCED;}
h2 { font-size:16px;}


/* This is the for the footer on the home page */
#foot { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center;}
#foot a:link { color:#B9CCED; text-decoration:underline;}
#foot a:visited { color:#B9CCED; text-decoration:underline;}
#foot a:hover { color:#FFFFFF; text-decoration:underline;}
.blue_foot { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#B9CCED; text-align:center;}




/* Thiss is where the class information is for the phone number section of the home page */
.phone_word { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;}
.phone_number { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#B9CCED;}
.hours { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#B9CCED;}
.days { font-family:Verdana, Arial, Helvetica, sans-serif;color:#B9CCED; line-height:15px; font-weight:bold; font-size:10px;}
.days2 { font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; line-height:15px; font-size:10px;}

/* This is the li command */
li { line-height:20px;}
ul { line-height:20px;}





/* This is where the general overall class information is */
.jasmines_headline { color:#B9CCED; font-weight:bold; font-size:18px; line-height:26px;} 
.jasmines_list { color:#FFFFFF; font-size:15px; line-height:24px;}
.caption { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#FFFFFF; font-size:10px;}


/* This is the test code for the color change on the menus */
.thispage { color:#996633; text-decoration:underline;}
.thispage a:link { color:#996633; text-decoration:underline;}
.thispage a:visited { color:#996633; text-decoration: underline;}
.thispage a:hover { color:#FFFFFF; text-decoration: underline;}

.index_nav2 a:link { color:#412608; text-decoration:none;}
.index_nav2 a:visited { color:#412608; text-decoration:none;}
.index_nav2 a:hover { color:#FFFFFF; text-decoration:none;}

.vision_hdl { text-align:center; text-decoration:underline; font-size:16px; font-weight:bold;}
.vision { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; font-style:italic;}



/* layers section */
#layer1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#B9CCED; font-size:24px; text-align:center; width:150px; position:relative; top: 620px; left:70px; z-index:20;}
#layer1 a:link { color:#B9CCED; text-decoration:none;}
#layer1 a:visited { color:#B9CCED; text-decoration:none;}
#layer1 a:hover { color:#FFFFFF; text-decoration:none;}

#layer2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#B9CCED; font-size:24px; text-align:center; width:150px; position:relative; top: 590px; left:270px; z-index:40;}
#layer2 a:link { color:#B9CCED; text-decoration:none;}
#layer2 a:visited { color:#B9CCED; text-decoration:none;}
#layer2 a:hover { color:#FFFFFF; text-decoration:none;}

#layer3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#B9CCED; font-size:24px; text-align:center; width:150px; position:relative; top: 560px; left:480px; z-index:40;}
#layer3 a:link { color:#B9CCED; text-decoration:none;}
#layer3 a:visited { color:#B9CCED; text-decoration:none;}
#layer3 a:hover { color:#FFFFFF; text-decoration:none;}


#promo2 { background-color:#B9CCED; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#412608; line-height:2em; font-size:14px; text-align:center; padding:15px 20px 15px 20px;}
.promohdln { font-size: 24px;}
#bottom_copy { font-size:14px; color:#B9CCED; text-align:center; line-height:2em; border-left:thin solid #996600; border-right:thin solid #996600; padding-top:10px; padding-bottom:10px;}
#bottompromo_copy { font-size:14px; color:#B9CCED; text-align:center; line-height:2em; border-left:thin solid #996600; border-right:thin solid #996600; padding:10px 20px 10px 20px; width:500px;}
#coupon { background:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:.7em; color:#000000; padding:20px; }
#disclaimer { font-size:10px; font-weight:lighter; color:#B9CCED; line-height:14px;}


/* THIS IS THE SECTION FOR THE LOYALTY PAGE - THIS HAS TO BE COPPIED TO THE OTHER TWO CSS WHEN IT IS FINALIZED AND TESTED THERE */
#loyalty_container { padding: 168px 0px 0px 105px; width:450px; line-height:20px;}
#loyalty_main { padding: 10px; background:#FFFFFF; text-align:center; width:430px; font-family:"Lucida Handwriting", Georgia, "Times New Roman", Times, serif; color:#412608; font-size:14px; }
#loyalty_mainBlue {padding: 10px; background:#C6DAF2; text-align:center; width:430px; font-family:"Lucida Handwriting", Georgia, "Times New Roman", Times, serif; color:#412608; font-size:14px;}
#loyalty_main li { text-align:left;}
.loyaltyHdln { color:#412608; text-decoration:underline; font-size:36px; line-height:40px;}
.loyaltyHdln2 { color:#412608; text-decoration:none; font-size:30px; line-height:40px;}
.loyaltyDisclaimer { font-size:12px;}
.loyaltyBlue { color:#82A7D5; font-size:18px; text-align:center;}
.loyaltyBlue2 { margin-left:-40px; color:#82A7D5; font-size:18px; text-align:center;}
.listAlign { text-align:left;}

#addy { float:left; position:absolute; padding: 630px 0px 0px 100px;}
.menuheadline { font:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold;}

#20offcontainer { margin: 20px; border: dashed medium #CC9900; width: 500px; height:400px;}

/*THIS IS THE SECTION THAT CONTAINS THE CONSTANT CONTACT CODE*/
#addy3 {
	float:left;
	position:absolute;
	padding: 630px 0px 0px 00px;
	margin-left:0px;
	left: 111px;
	top: 135px;
}
#indexaddy3 {
	float:left;
	position:relative;
	padding: 630px 0px 0px 00px;
	margin-left:0px;
	left: 38px;
	top: 10px;
}
#facebooklink {
	float:left;
	position:absolute;
	padding: 5px 0px 0px 00px;
	margin-left:0px;
	left: 112px;
	top: 1000px;
}

/* THIS IS THE SECTION FOR THE BIOGRAPHY PAGES */
#biobody { background-color: #b9e2f8;}
#biocontainer { margin: 20px; border: dashed thin #412608;}
.biotext { font-family: Verdana, Arial, Helvetica, sans-serif; color: #581e00; font-weight: bold; font-size: medium;}
.biopictures { margin-left: 0px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px;}
.biopara { margin: 20px;}