body
{
	background: #303030;
	color: #83929f;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}

.loback
{
	background-color: #000000;
}

a.tabhome
{
	float: left;
	height: 75px;
	width: 200px;
	background: url(images/btnhom.png) -200px 0 no-repeat;
}
a.tabhome:hover
{
	background-position: 0px 0;
}

a.tabtherapies
{
	float: left;
	height: 75px;
	width: 200px;
	background: url(images/btnthe.png) -200px 0 no-repeat;
}
a.tabtherapies:hover
{
	background-position: 0px 0;
}

a.tabpackages
{
	float: left;
	height: 75px;
	width: 200px;
	background: url(images/btnpac.png) -200px 0 no-repeat;
}
a.tabpackages:hover
{
	background-position: 0px 0;
}

a.tabproducts
{
	float: left;
	height: 75px;
	width: 200px;
	background: url(images/btnpro.png) -200px 0 no-repeat;
}
a.tabproducts:hover
{
	background-position: 0px 0;
}

a.tababoutus
{
	float: left;
	height: 75px;
	width: 200px;
	background: url(images/btnabo.png) -200px 0 no-repeat;
}
a.tababoutus:hover
{
	background-position: 0px 0;
}

a.productsdermalogica
{
	float: left;
	height: 61px;
	width: 130px;
	background: url(images/dermalogicatext.png) 0px 0 no-repeat;
}
a.productsdermalogica:hover
{
	background-position: -130px 0;
}

a.productsorly
{
	float: left;
	height: 61px;
	width: 60px;
	background: url(images/orlytext.png) 0px 0 no-repeat;
}
a.productsorly:hover
{
	background-position: -60px 0;
}

a.productscnd
{
	float: left;
	height: 61px;
	width: 195px;
	background: url(images/creativenaildesigntext.png) 0px 0 no-repeat;
}
a.productscnd:hover
{
	background-position: -195px 0;
}

a.productsback
{
	float: right;
	height: 61px;
	width: 200px;
	background: url(images/backtoproductstext.png) 0px 0 no-repeat;
}
a.productsback:hover
{
	background-position: -200px 0;
}

a.therapiesfacial
{
	float: left;
	height: 61px;
	width: 70px;
	background: url(images/facialtext.png) 0px 0 no-repeat;
}
a.therapiesfacial:hover
{
	background-position: -70px 0;
}

a.therapiesbody
{
	float: left;
	height: 61px;
	width: 70px;
	background: url(images/bodytext.png) 0px 0 no-repeat;
}
a.therapiesbody:hover
{
	background-position: -70px 0;
}

a.therapiesifit
{
	float: left;
	height: 61px;
	width: 70px;
	background: url(images/ifittext.png) 0px 0 no-repeat;
}
a.therapiesifit:hover
{
	background-position: -70px 0;
}

a.therapiesfaceandbody
{
	float: left;
	height: 61px;
	width: 150px;
	background: url(images/faceandbodytext.png) 0px 0 no-repeat;
}
a.therapiesfaceandbody:hover
{
	background-position: -150px 0;
}

a.therapiesfingersandtoes
{
	float: left;
	height: 61px;
	width: 160px;
	background: url(images/fingersandtoestext.png) 0px 0 no-repeat;
}
a.therapiesfingersandtoes:hover
{
	background-position: -160px 0;
}

a.therapiesmakeup
{
	float: left;
	height: 61px;
	width: 270px;
	background: url(images/makeuptext.png) 0px 0 no-repeat;
}
a.therapiesmakeup:hover
{
	background-position: -270px 0;
}

a.therapiestanning
{
	float: left;
	height: 61px;
	width: 230px;
	background: url(images/tanningtext.png) 0px 0 no-repeat;
}
a.therapiestanning:hover
{
	background-position: -230px 0;
}

a.therapieswaxing
{
	float: left;
	height: 61px;
	width: 80px;
	background: url(images/waxingtext.png) 0px 0 no-repeat;
}
a.therapieswaxing:hover
{
	background-position: -80px 0;
}

a.therapiesmen
{
	float: left;
	height: 61px;
	width: 120px;
	background: url(images/mentext.png) 0px 0 no-repeat;
}
a.therapiesmen:hover
{
	background-position: -120px 0;
}

a.therapiesback
{
	float: right;
	height: 61px;
	width: 330px;
	background: url(images/backtotherapiestext.png) 0px 0 no-repeat;
}
a.therapiesback:hover
{
	background-position: -330px 0;
}

a.products
{
	float: left;
	height: 61px;
	width: 90px;
	background: url(images/productstext.png) 0px 0 no-repeat;
}
a.products:hover
{
	background-position: -90px 0;
}

a.packages
{
	float: left;
	height: 61px;
	width: 100px;
	background: url(images/packagestext.png) 0px 0 no-repeat;
}
a.packages:hover
{
	background-position: -100px 0;
}

a.therapies
{
	float: left;
	height: 61px;
	width: 240px;
	background: url(images/therapiestext.png) 0px 0 no-repeat;
}
a.therapies:hover
{
	background-position: -240px 0;
}

a.aboutus
{
	float: left;
	height: 61px;
	width: 90px;
	background: url(images/aboutustext.png) 0px 0 no-repeat;
}
a.aboutus:hover
{
	background-position: -90px 0;
}

a.aboutusback
{
	float: right;
	height: 61px;
	width: 190px;
	background: url(images/backtoaboutustext.png) 0px 0 no-repeat;
}
a.aboutusback:hover
{
	background-position: -190px 0;
}

a.links
{
	float: left;
	height: 61px;
	width: 90px;
	background: url(images/linkstext.png) 0px 0 no-repeat;
}
a.links:hover
{
	background-position: -90px 0;
}

a.linksback
{
	float: right;
	height: 61px;
	width: 190px;
	background: url(images/backtolinkstext.png) 0px 0 no-repeat;
}
a.linksback:hover
{
	background-position: -190px 0;
}

a.vouchers
{
	float: left;
	height: 61px;
	width: 130px;
	background: url(images/voucherstext.png) 0px 0 no-repeat;
}
a.vouchers:hover
{
	background-position: -130px 0;
}

#menu
{
	height: 75px;
	width: 1000px;
}

#sunkissed
{
	overflow: auto;
	height: 251px;
	width: 1000px;
	background: url(images/sunkissed.png);
}

.contenttitle
{
	height: 61px;
	width: 1000px;
	background: url(images/menubg.png);
}

#productbanner
{
	float: left;
	font-size: 0.8em;
	color: #777777;
	overflow: auto;
	height: 63px;
	width: 1000px;
	background: url(images/productbanner.png);
	vertical-align: bottom;
}

.content
{
	float: left;
	background: #18191e;
	border-bottom: solid 1px #3b4b5b;
	border-top: solid 1px #3b4b5b;
	width: 1000px;
}

#welcome
{
	float: left;
	width: 300px;
}

/* default box for 3 column layout */
.box
{
	float: left;
	width: 310px;
	padding: 11px;
	vertical-align: top;
}

/* box for 2 column layout */
.box2
{
	width: 476px;
}

/* box for link layout */
.boxlink
{
	width: 671px;
}

/* double width box for 3 column layout */
.boxwidth2
{
	width: 642px;
}

.contenttitlecontainer
{
	padding-left: 35px;
	float: left;
	width: 297px;
}

.feature
{
	text-align: left;
	color: #c4dbee;
	padding-bottom: 4px;
	margin-bottom: 10px;
	vertical-align: top;
	overflow: auto;
}

.floatr
{
	float: right;
	margin: 0px 0px 0px 10px;
	width: auto;
}

.floatl
{
	float: left;
	margin: 0px 10px 0px 0px;
	width: auto;
}

.floatimg
{
	background-color: #142736;
	border: solid 1px #3b4b5b;
	padding: 3px;
	z-index: 0;
}

.floatimglo
{
	background-color: #000000;
	border: solid 1px #3b4b5b;
	padding: 3px;
	z-index: 0;
}

.top
{
	vertical-align: top;
}

.link
{
	background-color: #142736;
	border: solid 1px #3b4b5b;
	margin: 10px 40px 10px 40px;
	padding: 3px;
}

.linkreduced
{
	margin: 10px 32px 10px 31px;
}

.linklo
{
	background-color: #000000;
	border: none;
}

.feature img
{
	float: right;
	background: #142736;
	border: solid 1px #3b4b5b;
	margin-right: 30px;
}

a
{
	color: #83929f;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}

.feature ul
{
	text-align: left;
	float: left;
	margin: 0px;
	list-style-type: circle;
	width: auto;
}

.feature div
{
	margin-top: 5px;
}

.feature ul li
{
	margin-top: 5px;
}

.boxhi :hover
{
	background-color: #1D384E;
}

.box p
{
	margin: 10px 40px 10px 40px;
}

.box span
{
	margin: 40px;
}
.box span.nomargin
{
	margin: 0px;
}
.link p
{
	margin: 10px 5px 10px 5px;
}

.link div
{
	margin: 0px 5px 0px 5px;
}

.box .feature
{
	font-size: 1.3em;
}

.row
{
	overflow: auto;
}

.hi
{
	font-weight: bold;
}

.right
{
	text-align: right;
}

.cat .title
{
	color: #c4dbee;
	font-weight: bold;
	font-size: 1.5em;
}

.cat .subtitle
{
	color: #c4dbee;
	font-weight: bold;
	font-size: 1.2em;
}

.cat .lo
{
	color: #83929f;
}

table
{
	width: 100%;
}
td.item
{
	font-weight: bold;
	width: 50%;
	text-align: left;
	vertical-align: top;
}
td.size
{
	font-weight: bold;
	width: 25%;
	text-align: left;
	vertical-align: top;
}
td.cost
{
	font-weight: bold;
	width: 25%;
	text-align: left;
	vertical-align: top;
}
.gap
{
	padding-top: 15px;
}
.emph
{
	font-style: italic;
}
.quote
{
	font-family: "Times New Roman", Roman, Serif;
	margin: 10px;
	font-style: italic;
}
.indent
{
	padding-left: 20px;
}
.footnote
{
	font-size: 0.8em;
}

.thumbnail
{
	position: relative;
	z-index: 0;
}
.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}
.thumbnail span
{
	background-color: #142736;
	border: 1px solid #3b4b5b;
	color: #83929f;
	padding: 5px;
	position: absolute;
	text-decoration: none;
	display: none;
}
.thumbnail span img
{
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span
{
	display: block;
	top: -420px;
	left: 0px;
}
.thumbnaillandscape
{
	width: 482px;
}
.thumbnailportrait
{
	width: 323px;
}
.thumbmargin
{
	margin: 2px;
	padding: 2px;
}

#copyright
{
	background-color: Black;
	float: left;
	font-size: 0.8em;
	color: #888888;
	overflow: auto;
	width: 1000px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}