/* CSS Stylesheet Document for Jessicas Hair and Beauty Spa

This style sheet is not for copying in whole or part. It was created by Salon Online.
*/

* {margin:0;}

body {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:100%; height:100%; background:url(images/main-full-bg.gif) repeat-x; line-height:20px;}

#containermain {margin:0 auto; margin-top:4em; width:800px; height:auto; border:1px solid #fff;}
	#containermain-med {margin:0 auto; margin-top:4em; width:800px; height:auto; border:1px solid #fff;}
		#containermain-lrg {margin:0 auto; margin-top:4em; width:800px; height:auto; border:1px solid #fff;}		
#topbar {width:100%; height:25px; background:url(images/top-slice.gif) repeat-x; text-align:right; color:#f8dbf2; vertical-align:middle;}
	#topbar a {color:#f8dbf2; font-size:11px; text-decoration:none; padding:2px 10px 0 10px; vertical-align:middle;}
#leftcolumn {float:left; position:relative; width:200px; height:560px;}
#logonavi {float:left; position:relative; width:200px; height:390px; background:url(images/left-slice.gif) no-repeat;}
#rightcolumn { font-family:"Lucida Grande", sans-serif; float:left; position:relative; width:600px; height:auto;}
	#rightcolumn-med { font-family:"Lucida Grande", sans-serif; float:left; position:relative; width:600px; height:auto;}
		#rightcolumn-lrg { font-family:"Lucida Grande", sans-serif; float:left; position:relative; width:600px; height:auto;}
#mainrightimage {width:100%; height:267px; background:url(images/main-image-01.gif) no-repeat;}
#maintitle {width:100%; height:40px;}
#newsletter { float:left; position:relative; width:95%; height:130px; background:url(images/newsletter-box.gif) no-repeat; padding-top:3em; padding-left:10px; font-size:11px;}
#content {width:100%; height:auto; float:left; position:relative;}
#content1 {padding:1em; float:left; position:relative; width:94%; height:230px;}
	#content-med {padding:1em; float:left; position:relative; width:93%; height:340px;}
			#content-lrg {padding:1em; float:left; position:relative; width:93%; height:auto;}
				#content-lrg a {color:#906; text-decoration:none;} #content-lrg a:hover {text-decoration:underline;}
#footer {float:left; position:relative; width:100%; height:60px; background:url(images/footer-bg.gif) no-repeat; text-align:center; padding-top:2em; color:#F9F9F9; font-size:11px;}
#footer a {color:#F9F9F9; font-size:11px; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#botend { float:left; position:relative; width:100%; height:10px; color:#575757; font-size:10px;}
	#botend a {color:#575757;}

/****************** main menu styles *********************/
.navi {list-style-type:none; color:#FFF; margin-top:6em; width:130px; padding-left:40px; margin-left:0;}
.navi li {margin-bottom:1em; padding-bottom:5px; border-bottom:1px solid #e4769b;}
.navi li a {text-decoration:none; color:#FFF;}
.navi li a:hover {text-decoration:none;}


/****************** misl styles ***************************/
p {margin-bottom:0.5em; margin-top:0.5em; font-size:12px;}
h1 {color:#FDFDFD; font-size:16px; margin:0; padding-left:1em; padding-top:8px; font-weight:normal;}



/****************** class styles *************************/
.contact-left {float:left; position:relative; width:35%; padding:1.5em; height:auto;}
	.contact-left a {text-decoration:none; color:#913C6C;}
.textlrg {font-size:14px; color:#913C6C;}

.contact-right {float:right; position:relative; width:48%; height:220px; padding:1em 1.5em 0 0;}
.formstyles {font-size:11px;}
.treatmenttxt {font-size:12px; color:#163A5F; font-weight:bold;}
.treatment a {color:#903;}
.right-image {float:right; position:relative; width:154px; height:221px; margin:0 0 0 0.4em;}