*{padding: 0; margin: 0;}
body{
margin:0;
padding:10px 0 0 0;

/* line-height: 1.5em;*/
}

div.scroll1 {
height: 550px;
width: 425px;
overflow: auto;
overflow-x:hidden;
border: 0px solid #666;
/*background-color: #E4D1BC;*/
padding:0px;
padding-right: 8px;



}

b{font-size: 110%;}
em{
	color: #000;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
/* background: #EAEAEA; */
height: 125px; /*Height of top section*/
margin-bottom: 120px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin: 0px 185px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin: 0px 190px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
line-height:1.2em;
}

#leftcolumn{
float: left;
width: 205px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background-image:url(../images/leftbg.jpg);
background-repeat:repeat-x;
background:#DFE1DC;
/*height:1100px;*/
overflow:hidden;
}

#rightcolumn{
float: right;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
/*background:#DFE1DC;*/
}

#footer{
clear: left;
width: 100%;
/*background: black;*/
color: #000;
text-align: left;
padding: 4px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}

#footer a{
color: black;
text-decoration:none;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*height:1100px;*/

/*line-height:1.3em;*/



}

.boldtext {
font-weight:bold;
	
	}
	
.boldtitle {
font-weight:bold;
color:#769279;	
font-size:18px;
	}

.titletext {
font-weight:bold;
color:#9dae9c;
color:#687e67;
font-size:14px;
	
	}

.titletext2 {
/*font-weight:bold;*/
color:#9dae9c;
color:#769279;
color:#687e67;
color:#495c48;
font-size:14px;
	
	}



.urbangreymenu{
width: 171px; /*width of menu*/
margin-left:15px;
}

.urbangreymenu .headerbar{
font: bold 10px Verdana;
color: #687e67;
/*background: #eceeeb url(images/arrowstop.gif) no-repeat 2px 6px; last 2 values are the x and y coordinates of bullet image*/
background: url(../images/arrowstop.gif) no-repeat 0px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 12px; /*31px is left indentation of header text*/
border-bottom:1px solid #687e67;
}


.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
color: #687e67;
display: block;
line-height: 27px;
}


.urbangreymenu .headerbar a:hover{

color: #fff;	
background: #788b75;
padding:0px;
margin-left:-12px;
padding-left:12px;

}

.urbangreymenu .headerbar  a.videolink:hover{
background: #788b75 url(../images/videowhite.png) no-repeat 150px 6px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
margin-left:12px;

}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
border-bottom:1px solid #687e67;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
/*background: #E9E9E9;
background: #eceeeb;*/
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 2px; /*link text is indented 8px*/
text-decoration: none;
color:#687e67;
margin-top:2px;
}

.urbangreymenu ul li a:visited{
color:#687e67;
}



.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #788b75;
margin-top:2px;

/*background: red url(../images/videowhite.png) no-repeat 142px 6px;*/
}

.urbangreymenu ul li a.videolink:hover{ /*hover state CSS*/

background: #788b75 url(../images/videowhite.png) no-repeat 140px 6px;
}


.suckertreemenu{
width:843px;
}






.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}


/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #9eaf9d; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 85px; /*Width of top level menu link items*/
height:14px;
padding: 6px 8px;
border: 1px solid white; 
border-left-width: 0;
text-decoration: none;
text-align:center;
color: white;
font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:helvetica,arial;
background-color: #9eaf9d; /*overall menu background color*/

}
	
.suckertreemenu ul li a.home{
width:40px;
}

.suckertreemenu ul li a.laserhairremoval{
width:120px;
}

.suckertreemenu ul li a.skintightening{
width:90px;
}

.suckertreemenu ul li a.acnetreatments{
width:110px;
}

.suckertreemenu ul li a.botox{
width:60px;
}

.suckertreemenu ul li a.gallery{
width:110px;
}
.suckertreemenu ul li a.prices{
width:60px;
}
.suckertreemenu ul li a.learnfaq{
width:40px;
}
.suckertreemenu ul li a.location{
width:57px;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
width: 185px; /*Width of top level menu link items*/
height:14px;
background-color: #9eaf9d;
border-left-width: 0;
text-decoration: none;
text-align:left;
color: white;
background:#300;
background:#fff; /*  Added this line */

}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
width:125px; /*Width of top level menu link items*/
height:22px;
text-align:left;


/*padding: 1px 0px 1px;*/

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 85px; /* no need to change, as true value set by script */


}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 145px; /*width of sub menu levels*/
height:14px;
color: white;
text-decoration: none;
text-align:left;
padding: 6px 8px;
font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:helvetica,arial;
/*border: 1px solid white;*/
}

.suckertreemenu ul li ul li ul {

margin-top:-14px;
}




.suckertreemenu ul li a:hover{
background-color: #788b75;
color: white;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left; height: 1%; } /* corrected to the proper level \*/
* html .suckertreemenu ul li ul li a { height: 1%; } /* corrected to the proper level \*/



#contact-area {
	width: 410px;
	margin-top: 25px;
	
}

#contact-area input, #contact-area textarea {
padding: 5px;
	width: 280px;
	font-family: Helvetica, sans-serif;
	font-size: 1.0em;
	margin: -20px 5px 5px 10px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
	margin: 0px 5px 5px 10px;
}

#contact-area .checkbox {
	margin: -20px 5px 5px 10px;
	margin-left: -50px;
	width:20px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}


#contact-area input.submit-button {
	width: 60px;
	float:left;
	margin-top:0px;
}

label {
	float: left;
	text-align: right;
	width: 80px;
	font-family: Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 5px 5px 0px;
font-weight:bold;
color:#769279;	

	
	

}
input:focus, input.sffocus {
	background: #ecee83;
	border-color: #900;
}
* blink
{
 visibility: expression((Math.floor(new Date().getTime()
                        /500)%2)?"visible":"hidden");
}


#tealbox
{
	background:#77bfa9;
	background-image:url('../images/buttonbg.jpg');
	color:white;
	height:46px;
	width:125px;
	padding:1px;
}

#tealbox2
{
	background:#9eaf9d;
	background:#788b75;
	color:white;
	height:38px;
	width:125px;
	padding-top:1px;
}

#tealbox3
{
	background:#9eaf9d;
	color:white;
	height:38px;
	width:125px;
	padding-top:1px;
	margin:3px;
	text-decoration:none;color:#fff;
}

#sculptbox
{
	background:#7e96a9;
	background:#919294;
/*	background-image:url('buttonbg.jpg');*/
	color:white;
	height:38px;
	width:128px;
		padding-top:1px;
			margin:3px;
}



#rightboxborder{
	border:1px solid white;
	padding:5px;
	padding-top:12px;
	height:44px;
	color:white;
	text-align:center;
	font-size:12px;
	font-family:Arial Narrow, Arial, sans-serif;
}
#monthlyspecials
{width:174px;height:64px;padding:4px;
}
#saleicon{
	position:absolute;margin-left:158px;float:right;margin-top:-80px;}
#contesticon{
	position:absolute;margin-left:340px;float:right;margin-top:-170px;}
#referbutton{
	position:absolute;margin-left:400px;float:right;margin-top:-165px;}
#contactbutton{
    position:absolute;margin-left:625px;float:right;margin-top:-210px;width:213px;height:30px;}
#menservices{
	background-image:url(../images/menservices.jpg);background-repeat:no-repeat; width:174px;height:64px;padding:4px;padding-top:6px;}

#ourstories{
	background-image:url(../images/ourstories.jpg);background-repeat:no-repeat; width:174px;height:64px;padding:4px;padding-top:6px;}

#whiteborder
{
margin:3px 3px 3px 3px;	
	border:1px solid white;
	text-align:center;
	padding-top:6px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#whiteborder2{
	border:1px solid white;padding:5px;height:48px;color:white;text-align:right;font-size:12px;font-weight:bold;padding-top:9px;}
#whiteborder3{
	border:1px solid white;padding:5px;height:48px;color:white;text-align:center;font-size:11px;padding-top:9px;}
#whiteborder4{
	border:1px solid white;padding:5px;height:16px;color:white;text-align:center;padding-top:9px;font-size:11px;font-weight:bold;}
#whiteborder5{
	border:1px solid white;padding:5px;height:16px;color:white;text-align:left;padding-left:31px;padding-top:9px;font-size:10px;font-weight:bold;}
#whiteborder6{
	border:1px solid white;padding:5px;height:16px;color:white;text-align:left;padding-left:7px;padding-top:6px;padding-bottom:9px;font-size:12px;font-weight:bold;}
#whiteborder7{
	border:1px solid white;padding:5px;height:16px;color:white;text-align:left;padding-left:3px;padding-top:7px;padding-bottom:7px;font-size:11px;font-weight:bold;}
		
#lovetohelp{
	width:174px;height:64px;padding:4px;}
#newsletter{width:174px;height:64px;padding:4px;}
#emailpage{background-image:url(../images/emailtofriend.jpg);background-repeat:no-repeat;width:174px;height:32px;padding:4px;}
#referpage{background:#d57bae;width:174px;height:32px;padding:5px;}
#newsletter2{width:174px;height:32px;padding:4px;}
#blogpage{background:#00acec;width:174px;height:32px;padding:5px;}


blockquote { background: transparent url(../images/open_quote.gif) no-repeat 0 2px;  font-style: italic; background-color:#e0e2dd;width:420px;}
blockquote cite { font-style: italic; font-size: 11px; border-bottom:1px solid #67e67;padding-left:10px;}

blockquote > p:first-child { text-indent: 12px; font-size: 12px;  margin-bottom: 0.7em; color: #687e67; padding:0px 10px 0px 10px;}
	.lastword { padding: 0 22px 0 0; background: transparent url(../images/close_quote.gif) no-repeat right top; color: #687e67; }

#quote blockquote { padding: 1.1em 0 1.1em;margin-left:0px;margin-right:0px;width:410px; background-position: 0 1.1em;margin-bottom:20px; }

.faqs{width: 400px; background: #dfe1dc;padding:5px;font-size:10px;margin-bottom:3px;}



.faqtitle{background: #d0dabf url(../images/faqplus.jpg) no-repeat 0 0px;text-indent:25px;padding:3px;width:404px;height:18px;text-decoration:none;display: block;margin-bottom:3px;color:#000;font-size:12px;padding-top:1px;}

#faqtitle{background: #769279;padding:3px;width:397px;height:18px;text-decoration:none;display: block;margin-bottom:3px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;padding-left:10px;}

.gallerytitletext{background: #769279;padding:3px;width:393px;height:18px;text-decoration:none;display: block;margin-bottom:2px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;padding-left:10px;}

img.floatLeft { 
	display:inline-block;
padding-left:20px;
line-height:18px;
}

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(Images/PDFIcon.gif) center left no-repeat;
}

@media print
{
body * { visibility: hidden;}
#printcontent * { visibility: visible;}
#printcontent {position: absolute; top: 40px; left: 30px; }
li { display: none; }
ul { display: none; }
#urbangreymenu { display: none; }

}
* {
	margin:0;
	padding:0
}
p {
	margin:0 0 .5em 0;
	padding:5px;
	position:relative;
}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
/*body{text-align:center;background:#CC6699}*/
#wrapper {
	width:840px;
	margin:0px auto;
	padding:0;
	text-align:left;
	border-top:none;
	z-index:5;
}
#header, #footer {
	position:relative;
	z-index:5;
	padding:10px;
}
#footer {
	border:none;
}
#header h1, #footer p {
	padding:25px;
	text-align:center;
}
#outer {
	position:relative;
	width:840px;
	clear:both;
	z-index:4;
}
#left, #right {
	width:205px;
	z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 10px;
	display:inline;
}
#right {
	float:right;
	margin:0 -15px 0 0;
	width:190px;
}
#centrecontent {
	width:425px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
	position:relative;
	z-index:1;
	line-height:1.2em;
}
.col {
	width:200px;
	position:absolute;
	z-index:0;
	left:10px;
	bottom:0;
	border-top:none;
}
.one {
	background:#DFE1DC;
}
.two {
	left:215px;
	width:445px;
}
.three {
	left:665px;
	width:187px;
}
#footer {
	clear:both;
}
html>body .col {
	top:0
}/* hide from ie6 and under*/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background: url(../images/black.png);
	font-size:12px;
	height:29px;
	width:105px;
	padding:0px;
	text-align:center;
	color:#fff;	
	padding-top:10px;
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

table.pricelist {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.pricelist th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.pricelist td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.pricelist td#title{font-size:14px;padding-left:5px;font-weight:bold;}

