body {
	background-image: url(images/sw_outside_back.gif);

}

#wrapper {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 510px;
	background-color: #FFFFFF;
}

#wrappertech {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 700px;
	background-color: #FFFFFF;
}

#wrapperprice {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 2020px;
	background-color: #FFFFFF;
}

#wrapperhair {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 2500px;
	background-color: #FFFFFF;
}

#wrapperros {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 2650px;
	background-color: #FFFFFF;
}

#wrapperepi {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 775px;
	background-color: #FFFFFF;
}


#wrapperskin {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 1000px;
	background-color: #FFFFFF;
}

#wrapperaboutskin {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 1100px;
	background-color: #FFFFFF;
}

#wrapperabout {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 950px;
	background-color: #FFFFFF;
}
#wrappercontact {
	text-align:left;
	position: relative;
	margin:0 auto 0em;
	width:746px;
	height: 550px;
	background-color: #FFFFFF;
}

#logo{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 20px;
	width:747px;
	height: 80px;
	float: none;
	left: 0px;
	background-image: url(images/logobanner.gif);
	background-repeat: no-repeat;
}

#flash {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 6px;
	width:245px;
	height: 318px;
	float: none;
	left: 447px;
}

#menu {
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 109px;
	left: 7px;
	width:165px;
	height: 400px;
	float: none;
	background-repeat: no-repeat;
	background-image: url(images/sw_menu_back.gif);
}

#table {
	left: 140px;
	position: relative;
	width: 310px;
	height: 100%;
	top: 60px;
}

#table2 {
	left: 10px;
	position: relative;
	width: 460px;
	height: 100%;
	top: 60px;
}

#pic {
	left: 0px;
	position: absolute;
	width: 119px;
	height: 181px;
	top: 66px;
	float: left;
}

#inside{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 23px;
	left: 23px;
	width:700px;
	height: 480px;
	float: none;
	background-color: #FFFFFF;
	background-image: url(images/sw_back.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#content{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 190px;
	width:250px;
	height: 300px;
	float: left;
}

#globalcontent{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 195px;
	left: 468px;
	width:270px;
	height: 338px;
	float: left;
	background-image: url(images/globalbackground.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#dis{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 324px;
	left: 180px;
	width:512px;
	height: 129px;
	float: left;
	background-image: url(images/disbox.gif);
	background-repeat: no-repeat;
}


#headingtips{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/skintips_block.jpg);
	background-repeat: no-repeat;
}

#headingabout{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/about_block.jpg);
	background-repeat: no-repeat;
}

#headingtech{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/techniques_block.jpg);
	background-repeat: no-repeat;
}

#headingaboutskin{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/aboutskin_block.jpg);
	background-repeat: no-repeat;
}

#headingcond{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/conditions_block.jpg);
	background-repeat: no-repeat;
}

#headingbook{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/booking_block.jpg);
	background-repeat: no-repeat;
}

#headingprices{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/prices_block.jpg);
	background-repeat: no-repeat;
}

#headinglinks{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/links_block.jpg);
	background-repeat: no-repeat;
}

#headingcontact{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/contact_block.jpg);
	background-repeat: no-repeat;
}


#headingtest{
	position: relative;
	margin:0 auto 0em;
	top: 20px;
	left: 0px;
	width:468px;
	height: 350px;
	background-image: url(images/test_block.jpg);
	background-repeat: no-repeat;
}

#subtitles{
	top: 45px;
	position: relative;
	left: 5px;
}

#subbanner{
	text-align:left;
	position: absolute;
	margin:0 auto 0em;
	top: 5px;
	left: 180px;
	width:512px;
	height: 129px;
	float: left;
	background-image: url(images/disbox.gif);
	background-repeat: no-repeat;
}

#footertest {
	position: absolute;
	width:700px;
	height: 20px;
	bottom: 0;
	background-color: #FFFFFF;
	clear: both;
	float: left;
	padding-left: 0px;
	margin: 0;
	left: 23;
	
}


a{color:#007281;text-decoration:none;}

a:hover{color:#000000;text-decoration:underline;}

.intro a {
	color: #000000;
}
.copy{
	font-family:"Trebuchet MS";
	font-size:70%;
	font-weight: normal;
	color:#000000;
	list-style: square;
}

.copylarge{
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight: normal;
	color:#000000;
	list-style: square;
}

.quote{
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight: normal;
	color:#32a3cc;
	list-style: square;
}

.copygreen{
	font-family:"Trebuchet MS";
	font-size:70%;
	font-weight: normal;
	color:#007281;
	list-style: square;
}

.blackcopy{
	font-family:"Trebuchet MS";
	font-size:70%;
	color:#007281;
	font-weight: bold;
}

.footercopy{
	font-family:"Trebuchet MS";
	font-size:60%;
	font-weight: normal;
	color:#000000;
	text-align: center;
}

.intro{
	font-family:"Trebuchet MS";
	font-size:70%;
	color:#007281;
	font-weight: bold;
}

.subpagetitles{
	font-family:"Trebuchet MS";
	font-size:70%;
	color:#007281;
	font-weight: bold;
}
H1.subpagetitles {
	margin: 0px;
}

.subheadbold { 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #007281; 
	text-decoration: none; 
}


.subnavbold {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #007281;
	text-decoration: none;
	margin-left: 15px;
}
a.subnavbold:hover { 
	font-family: Arial; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #999999; 
	text-decoration: underline; 
}
a.subnavbold:active { 
	font-family: Arial; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}


.footer { 
	font-family: Arial; 
	font-size: 10px;
	font-weight: bold;  
	font-style: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}
a.footer:hover { 
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal; 

	font-variant: normal; 
	text-transform: none; 
	color: #999999; 
	text-decoration: underline; 
}
a.footer:active { 
	font-family: Arial; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}

.whitecopy{
	font-family:"Trebuchet MS";
	font-size:70%;
	color:#ffffff;
	font-weight: bold;
}

.whitemenu{
	font-family:arial, helvetica;
	font-size:75%;
	color:#ffffff;
	font-weight: bold;
	line-height: 200%;
	margin-left: 20px;
}

a.whitemenu:hover { 
	font-family: Arial; 
	font-size: 75%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: underline; 
}
a.whitemenu:active { 
	font-family: Arial; 
	font-size: 75%; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
}




#navvy
{
	text-align:left;
	position: absolute;
top: 109px;
	left: 7px;
	width:165px;
	height: 400px;
	 font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#navvylist
{
text-align: left;
list-style: none;
margin: 0;
padding: 0;
width:165px;
}

ul#navvylist li
{
width:165px;
display: block;
margin: 0;
padding: 0;
}

ul#navvylist li a
{
	display: block;
	margin:0;
	width:165px;
	padding-top:4px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:10px;
	color: #FFF;
	text-decoration: none;
	background:url(images/sw_menu_back.gif) repeat-x;
	background-repeat: no-repeat;
	border-left-width: 165px;
	height: 15px;
}

#navvy>ul#navvylist li a { width: auto; }

ul#navvylist li a:hover, ul#navvylist li#active a:hover
{
	color: #ededed;
	background:url(images/sw_menu_back_roll.gif) repeat-x;
	background-repeat: no-repeat;
	left: 15px;
}

ul#subnav li a
{
display: block;
margin:0;
width:165px;
padding-top:4px;
padding-bottom:5px;
padding-left:20px;
padding-right:10px;
border-top:#d2e9f1 solid 1px;
border-bottom:#144d61 solid 1px;
color: #FFF;
text-decoration: none;

}