﻿
/*

<h1 class="technique-eight">
	<span></span>CSS-Tricks
</h1>

h1.technique-eight {
	width: 350px; height: 75px;
	position: relative;
	}
	h1.technique-eight span {
		background: url("images/header-image.jpg");
		position: absolute;
		width: 100%;
		height: 100%;
	}

*/
body
{
    font-family: Verdana;
    font-size: 10pt;
    line-height: 160%;
    color: #595959;
    background: #7CA0BD url('../images/bg.jpg') repeat-x;
}

h1
{
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    font-size: 160%;
    line-height: 110%;
    font-weight: normal;
    color: #366390;
    letter-spacing: -1px;
    border-bottom: solid 1px #DBE0E4;
}
h2
{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    font-size: 160%;
    line-height: 110%;
    font-weight: normal;
    color: #366390;
    letter-spacing: -1px;
    border-bottom: solid 1px #DBE0E4;
}
h3
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 140%;
    line-height: 120%;
    color: #366390;
    font-weight: normal;
}
A:link {
	COLOR: #5B87A0; TEXT-DECORATION: none; border: 0px;
}
A:visited {
	COLOR: #5B87A0; TEXT-DECORATION: none; border: 0px;
}
A:hover {
	COLOR: #5B87A0; TEXT-DECORATION: underline; border: 0px;
}
A:active {
	COLOR: #5B87A0; TEXT-DECORATION: underline; border: 0px;
}
img
{
    border: 0px;
}
img.thumb
{
	margin: 0px 20px 0px 0px;
}
.logo
{
    float: left;
    display: inline;
}
.listImage
{
    float: left;
    padding: 10px 0px 0px 0px;
}
.clearfix {clear: both; display: block;}

.listFeatures
{
    line-height: 160%;
    list-style-type: square;
}
.listFeatures li
{
	padding-bottom: 10px;
}

.validation
{
	background: transparent url('../Images/error.gif') no-repeat;
	padding: 0px 0px 0px 20px;
	display: inline;
}

.screenshot
{
    padding: 0px 20px 10px 0px;
    float: left;
}

.contentTop
{
	padding: 0px;
    margin: 18px auto 18px auto;
    width: 980px;
    height: 68px;
}

.contentTop .buttonBrochure
{
	float: right;
	margin-top: -18px;
	display: inline;
}

.contentTop .buttonTrial
{
	float: right;
	margin-top: -18px;
	display: inline;
}

.contentMenu
{
	height: 31px;
	padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    width: 983px;
}

.headerHome
{
	height: 335px;
	background: url('../images/header-home.jpg') no-repeat;
}

.headerHome .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerFeatures
{
	height: 335px;
	background: url('../images/header-features.jpg') no-repeat;
}

.headerFeatures .link
{
	height: 50px;
	width: 50px;
	margin: 258px 0px 0px 57px;
}

.headerSpas
{
	height: 335px;
	background: url('../images/header-spas.jpg') no-repeat;
}

.headerSpas .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerSalons
{
	height: 335px;
	background: url('../images/header-salons.jpg') no-repeat;
}

.headerSalons .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerNail
{
	height: 335px;
	background: url('../images/header-nail.jpg') no-repeat;
}

.headerNail .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerMedical
{
	height: 335px;
	background: url('../images/header-medical.jpg') no-repeat;
}

.headerMedical .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerHolistic
{
	height: 335px;
	background: url('../images/header-holistic.jpg') no-repeat;
}

.headerHolistic .link
{
	height: 50px;
	width: 50px;
	margin: 242px 0px 0px 57px;
}

.headerContact
{
	height: 335px;
	background: url('../images/header-contact.jpg') no-repeat;
}

.headerContact .link
{
	height: 50px;
	width: 50px;
	margin: 258px 0px 0px 57px;
}

.headerAbout
{
	height: 335px;
	background: url('../images/header-about.jpg') no-repeat;
}

.headerFAQ
{
	height: 335px;
	background: url('../images/header-faq.jpg') no-repeat;
}

.headerMarketing
{
	height: 335px;
	background: url('../images/header-marketing.jpg') no-repeat;
}

.headerPricing
{
	height: 335px;
	background: url('../images/header-pricing.jpg') no-repeat;
}

.headerTestimonials
{
	height: 335px;
	background: url('../images/header-testimonials.jpg') no-repeat;
}

.contentNav
{
	float: left;
	width: 229px;
	padding: 0px 12px 170px 18px;
}

.contentNav .menuItem
{
	width: 100%;
}

ul
{
	margin-left: 0;
	padding: 0;
	list-style: none;
}

.smallList li
{
	padding: 1px 0px 1px 19px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	border-bottom: solid 1px #DBE0E4;
}

.bigList li
{
	font-size: 13pt;
	padding: 3px 0px 3px 19px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	border-bottom: solid 1px #DBE0E4;
}

.featuresList li
{
	margin: 12px 0px 0px 0px;
	padding: 1px 0px 12px 19px;
	background-image: url(../images/bullet-plain.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	border-bottom: solid 1px #DBE0E4;
}

.contentMain
{
	background: url(../Images/bg-main.jpg) repeat-y;
	padding: 10px 24px 10px 24px;
	width: 672px;
	display: inline;
	float: right;
}

.contentStones
{
	float:left;
	background: url(../Images/bg-menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.content
{
	padding: 0px 3px 0px 3px;
    margin: 0px auto 0px auto;
    width: 979px;
    background: url(../Images/bg-content.png);
}

.captcha
{
	width: 300px;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	padding: 0px 8px 8px 0px;
}

.inputLabel
{
	width: 200px;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	padding: 0px 8px 8px 0px;
}

.textBox
{
	width: 220px;
}

.tab
{
	padding: 0px;
	margin: 0px;
}

.tab ul { list-style: none; margin: 0px; padding: 0px;}
.tab ul li { height: 31px; margin: 0px; padding: 0px; float:left;}
.tab ul li a { display: inline; }

.contentBottom
{
    margin: 0px auto;
    width: 985px;
    height: 14px;
    background: url(../Images/bg-bottom.png) no-repeat;
}

.breadcrumbs
{
	font-size: 90%;
    padding: 0px 0px 16px 0px;
    margin: 0px;
}

.footer
{
	color: White;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 18px auto 18px auto;
    width: 960px;
}

.footer A:link {
	COLOR: White; TEXT-DECORATION: none
}
.footer A:visited {
	COLOR: White; TEXT-DECORATION: none
}
.footer A:hover {
	COLOR: White; TEXT-DECORATION: underline
}
.footer A:active {
	COLOR: White; TEXT-DECORATION: underline
}




.plainContentTop
{
    margin: 40px auto 0px auto;
    width: 985px;
    height: 14px;
    background: url(../Images/bg-booking-top.png) no-repeat;
}

.plainContent
{
	padding: 0px 3px 0px 3px;
    margin: 0px auto 0px auto;
    width: 979px;
    background: url(../Images/bg-content.png);
}

.plainContentMain
{
	padding: 10px 24px 10px 24px;
}

h1.plain
{
	margin: 10px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    font-size: 200%;
    line-height: 110%;
    font-weight: normal;
    color: #366390;
    letter-spacing: -1px;
    border-bottom: solid 1px #DBE0E4;
}

h2.plain
{
    margin: 10px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    font-size: 160%;
    line-height: 110%;
    font-weight: normal;
    color: #366390;
    letter-spacing: -1px;
    border-bottom: solid 1px #DBE0E4;
}

.plainContentBottom
{
    margin: 0px auto;
    width: 985px;
    height: 14px;
    background: url(../Images/bg-booking-bottom.png) no-repeat;
}

.plainLeft
{
	float:left;
	width: 240px;
}

.plainRight
{
	float:right;
	width: 440px;
}

img.left
{
    vertical-align: top;
    padding: 10px 20px 20px 0px;
    float: left;
}
