@charset "UTF-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}

/* ------------------body-----------------------*/

body {
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(images/cloth_background.gif);
	background-repeat:repeat;
}

.bookings_table {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	}
	
.bookings_table td, .bookings_table th {
color:#4c517f;
	}
	
.bookings_table th {
	color:#4c517f;
	}
	
.textInput {
border:1px solid #4c517f;
color: #4c517f;
}


/* -------------------wrapper-------------------- */

#wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
}



/* -------------------header-------------------- */

#header {
width:1000px;
height:150px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}




/*-----------------navigation-------------------*/


#navigation {
	width:250px;
    height:600px; /* was 555px, but earlier 600px showed because the 45px overflow was visible  */
    margin-top:10px;
    overflow:hidden; /* hide the top border on the first link */
    float:left; 
}
#navigation ul {
    margin:0;
    padding:0;
    list-style:none;
    margin-top:-1px; /* hide the top border on the first link */
}
#navigation li  {
    background:#7179a8; /* moved here to give background also to the border dots */
    float:left;
}
#navigation li a,
#navigation li a:visited {
    float:left;
    width:240px;
    height:19px;
    color:#fff;
    border-top:dotted 1px #fff;
    text-decoration:none;
    font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    letter-spacing:1px;
    padding:5px 0px 0px 10px;
}
#navigation li a:hover {
    color:#7179a8;
    background-color:#c4c6d1;
}





#home #navigation li.home,
#about #navigation li.about,
#treatments #navigation li.treatments,
#clinic #navigation li.clinic,
#mobile #navigation li.mobile,
#corp #navigation li.corp,
#vouchers #navigation li.vouchers,
#packages #navigation li.packages,
#bookings #navigation li.bookings {
color:#7179a8;
background-color:#c4c6d1;
font-weight:bold;
}


#home #navigation li.home a,
#about #navigation li.about a,
#treatments #navigation li.treatments a,
#clinic #navigation li.clinic a,
#mobile #navigation li.mobile a,
#corp #navigation li.corp a,
#vouchers #navigation li.vouchers a,
#packages #navigation li.packages a,
#bookings #navigation li.bookings a {
color:#7179a8;
background-color:#c4c6d1;
font-weight:bold;
}



#nav_img {
	width:250px;
	height:365px;
	background-color:#7179a8;
	margin-top:11px;
	display: inline;
	float:left;
	}




/* -------------------content-------------------- */

#content_home { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_home.jpg) no-repeat 0 0;
}

#content_about { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_about.jpg) no-repeat 0 0;
}


#content_treatments { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_treatments.jpg) no-repeat 0 0;
}
 

#content_clinic { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_clinic.jpg) no-repeat 0 0;
}

#content_mobile { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_mobile.jpg) no-repeat 0 0;
}

#content_corp { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_corporate.jpg) no-repeat 0 0;
}

#content_vouchers { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_vouchers.jpg) no-repeat 0 0;
}

#content_packages { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_packages.jpg) no-repeat 0 0;
}


#content_bookings { /* the different backgrounds */
    float:right;
    margin:10px 0 0 10px;
    background: url(images/pic_bookings.jpg) no-repeat 0 0;
}


#content { /* same for all pages */
    overflow:auto;
    font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#4c517f;
	width:425px;
    height:560px;
	padding:20px 300px 20px 15px;
}


#form {
    float:right;
    margin:10px 0 0 10px;
    background-color:#FFFFFF;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#4c517f;
	width:425px;
    height:560px;
	padding:20px 300px 20px 15px;
}



/* -------------------footer-------------------- */

#footer {
width:1000px;
height:15px;
color:#7179a8;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
padding-top:15px;
clear:both;
}



/* -------------------text-------------------- */

h1+p {
margin-top:0px;
}

h1 {
color:#000000;
font-size:22px;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:bold;
text-decoration:none;
margin-bottom:0px;
}



h2 {
color:#000000;
font-size:18px;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
line-height:20px;
font-weight:normal;
text-decoration:none;
margin-bottom:0px;
}


h3 {
color:#4c517f;
font-size:11px;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
line-height:16px;
font-weight:normal;
text-decoration:none;
margin-bottom:0px;
}


h4 {
color:#000000;
font-size:11px;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
line-height:16px;
font-weight:normal;
text-decoration:none;
margin-bottom:0px;
}



/*------------------- links ---------------------*/


a:link, a:visited {
color:#660000;
text-decoration:none;
font-weight:normal;
}

a:hover, a:active {
color:#4c517f;
text-decoration:none;
font-weight:normal;
}




/* -------------------images-------------------- */

.img {
margin-top:10px;
}