@import 'reset.css';

/* typography */

.pink {
	color: #FF00FF !important;
}

.purple {
	color: #7D0080 !important;
}

.black {
	color: #000000 !important;
}

.highlight {
	color: #FD3D9E;
}

.price {
	color: red;
}

strong {
	font-weight: bold;
}

.strip-color {
	color: black !important;
}


p a {
	color: #834abb;
}

/* layout */
html, body  {
	background: #eae0f3;
	font-family: 'Love Ya Like A Sister', cursive;
	color: #4A286C;
}

body {
	margin: 10px 0;
}

#wrapper {
	width: 986px;
	height: 750px;
	margin: 0 auto;
}

#header {
	height: 175px;
	background: #f00;
	position: relative;
	background: url(../images/background-top.png) no-repeat #fff;
}

#logo {
	height: 147px;
	width: 186px;
	background: url(../images/logo.png) no-repeat #fff;
	position: absolute;
	left: 15px;
	top: 15px;
}

#phone {
	position: absolute;
	left: 220px;
	top: 19px;
	font-size: 24px;
	color: #844bbc;
}

#email {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 28px;
	color: #844bbc;
}

#navigation-top {
	height: 59px;
	position: absolute;
	right: 10px;
	top: 100px;
}

#navigation-top li {
	height: 50px;
	width: 110px;
	margin-right: 7px;
	float: left;
	border-radius: 5px;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
}

#navigation-top a {
	color: #fff;
	text-decoration: none;
}

#navigation-top span {
	display: block;
}

#navigation-top .home {
	background: #4a286c;
	border: 5px solid #4a286c;
}

#navigation-top .massage {
	background: #834abb;
	border: 5px solid #834abb;
}

#navigation-top .sleep {
	background: #ffbf00;
	border: 5px solid #ffbf00;
}

#navigation-top .weaning {
	background: #009f28;
	border: 5px solid #009f28;
}

#navigation-top .firstaid {
	background: #ff0000;
	border: 5px solid #ff0000;
}

#navigation-top .toddlerhealth {
	background: #00befd;
	border: 5px solid #00befd;
}

.turquoise {
    
    color:#00befd
}

#contact {
	position: relative;
	width: 210px;
	height: 435px;
	float: left;
	padding-left: 10px;
	background: url(../images/background-bottom-left.png) no-repeat 0 395px #fff;
}

#contact form {
	position: relative;
	height: 402px;
	width: 180px;
	background: #834abb;
	border: 8px solid #834abb;
	border-radius: 5px;
	color: #fff;
}

#contact p {
	font-size: 14px;
}

#form {
	position: absolute;
	bottom: 0;
}

#form input,
#form textarea {
	width: 100%
}

#form li {
	line-height: 17px;
}

#form label {
	font-size: 17px;
	text-transform: uppercase;
}

#form input[type="submit"] {
	border-radius: 5px;
	font-family: 'Love Ya Like A Sister', cursive;
	color: #834abb;
	float: right;
	margin-top: 5px;
	font-size: 20px;
	line-height: 20px;
	padding: 1px;
	text-transform: uppercase;
	width: auto;
}

#contact #form-submitted {
	position: relative;
	height: 402px;
	width: 180px;
	background: #834abb;
	border: 8px solid #834abb;
	border-radius: 5px;
	color: #fff;
}

#contact #form-submitted p {
	font-size: 28px;
	margin-bottom: 20px;
}

#content-wrapper {
	background: url(../images/background-right.png) repeat-y 760px 0 #fff;
	width: 766px;
	height: 395px;
	float: left;
}

#content {
	width: 750px;
	height: 385px;
	overflow: hidden;
}

#content-footer {
	height: 40px;
	width: 766px;
	background: #f00;
	float: left;
	background: url(../images/background-bottom-right.png) no-repeat  #00f;
}

#navigation-bottom {
	height: 40px;
	float: right;
	margin-right: 15px;
}

#navigation-bottom li {
	background: #e9dff3;
	border: 2px solid #4a286c;
	margin-right: 7px;
	float: left;
	padding: 0px 10px;
	border-radius: 5px;
}

#navigation-bottom a {
	color: #fd3d9e;
	text-decoration: none;
}

#footer {
	width: 986px;
	height: 70px;
}

#copyright {
	float: left;
	color: #000;
}

#address {
	float: right;
	color: #834abb;
	text-align: right;
}

#address .larger {
	font-size: 20px;
}

#left {
	overflow: auto;
	height: 384px;
	
}

.times ul {

margin-bottom:15px

}

.times ol {
    
    color:#000;
}

/* generic content styles */

/* home page */

#content.home {
	font-size: 16px;
}

#content.home img {
	float: right;
	margin-left: 15px;
}

#content.home h1 {
	color: #fd3d9e;
	font-size: 20px;
	margin-bottom: 15px;
}



#content.home p {
	margin-bottom: 10px;
}

#content.home ul {
	margin: 0 0 10px 50px;
}

#content.home .massage {
	color: #834abb;
}

#content.home .sleep {
	color: #ffbf00;
}

#content.home .weaning {
	color: #009f28;
}

#content.home .firstaid {
	color: #ff0000;
}

#content.home .toddlerhealth {
	color: #00befd;
}

/* baby massage page */

#content.baby-massage {
	color: #834abb;
}

#content.baby-massage #left {
	width:305px;
	float: left;
	font-size: 14px;
}

#content.baby-massage #left h1 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

#content.baby-massage #left h1 span {
	font-size: 20px;
	
}

#content.baby-massage #left p {
	margin-bottom: 10px;
}

#content.baby-massage #right {
	width: 425px;
	height: 385px;
	margin-left: 20px;
	float: left;
}

#content.baby-massage #right h1 {
	line-height: 20px;
	font-size: 20px;
        margin-bottom:10px;
}

#content.baby-massage #right h1 span {
	font-size: 12px;
}

#content.baby-massage #events {
	width: 100%;
	height: 340px;
	overflow: auto;
	
	border-radius: 5px;
	
	font-size: 13px;
	
}

#content.baby-massage #events .times {
	width: 100%;
	margin-bottom: 15px;
}

#content.baby-massage #events .times h2 {
	color: #FF00FF;
	margin-bottom: 3px;
}



#content.baby-massage #events h3 {
	color: #FF00FF;
	margin-bottom: 3px;
}

#content.baby-massage #events p {
	margin-bottom: 15px;
}




#content.baby-massage #right th {
	color: #fd3d9e;
}

#content.baby-massage #right tr.spacer {
	height: 3px;
	line-height: 3px;
}

#content.baby-massage span.phone {
	color: #000;
}

/* baby sleep workshop page */

#content.baby-sleep-workshop {
	color:#ff7101;
	font-size: 14px;
}

#content.baby-sleep-workshop #left {
	float: left;
	width: 305px;
}

#content.baby-sleep-workshop #left h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#content.baby-sleep-workshop #left h1 em {
	font-size: 18px;
}

#content.baby-sleep-workshop #left p {
	margin-bottom: 10px;
}

#content.baby-sleep-workshop #left p span {
	color: #834abb;
}

#content.baby-sleep-workshop #left p span.highlight {
	color: #FD3D9E;
}

#content.baby-sleep-workshop #right {
	float: left;
	width: 425px;
	margin-left: 20px;
}

#content.baby-sleep-workshop #right h1 {
	font-size: 20px;
	line-height: 20px;
}

#content.baby-sleep-workshop #events {
	width: 425px;
	height: 342px;
	overflow: auto;
	font-size: 13px;
	padding: 10px 0;
}

#content.baby-sleep-workshop #events h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#content.baby-sleep-workshop #events h3 {
	color: #000;
        margin-bottom:10px;
}

#content.baby-sleep-workshop #events h3.highlight {
	color: #FD3D9E;
}

#content.baby-sleep-workshop #events p {
	margin-bottom: 10px;
     
}

#content.baby-sleep-workshop #events div p {
    color:#000;
}

/* baby sleep workshop page */

#content.weaning-and-nutrition {
	color: #009F28;
	font-size: 14px;
}

#content.weaning-and-nutrition #left {
	float: left;
	width: 305px;
}

#content.weaning-and-nutrition #left h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#content.weaning-and-nutrition #left h1 em {
	font-size: 18px;
}


#content.weaning-and-nutrition #left p {
	margin-bottom: 10px;
}

#content.weaning-and-nutrition #left p span {
	color: #834abb;
}

#content.weaning-and-nutrition #right {
	float: left;
	width: 425px;
	margin-left: 20px;
}

#content.weaning-and-nutrition #right h1 {
	font-size: 20px;
	line-height: 20px;
}

#content.weaning-and-nutrition #events {
	width: 425px;
	height: 342px;
	overflow: auto;
	font-size: 13px;
	padding: 10px 0;
}

#content.weaning-and-nutrition #events div p {
    color:#000;
    
}

#content.weaning-and-nutrition #events h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#content.weaning-and-nutrition #events h3 {
	color: #fd3d9e;
        margin-bottom:10px;
}

#content.weaning-and-nutrition #events p {
	margin-bottom: 10px;
}

/* first aid page */

#content.first-aid {
	color: #f00;
	font-size: 14px;
}

#content.first-aid #left {
	float: left;
	width: 305px;
}

#content.first-aid #left h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reduce {
	font-size: 16px !important;
}

#content.first-aid #left p {
	margin-bottom: 10px;
}

#content.first-aid #left p span {
	color: #834abb;
}

#content.first-aid #right {
	float: left;
	width: 425px;
	margin-left: 20px;
}

#content.first-aid #right h1 {
	font-size: 20px;
	line-height: 20px;
}

#content.first-aid #events {
	width: 425px;
	height: 342px;
	overflow: auto;
	font-size: 13px;
	padding: 10px 0;
}

#content.first-aid #events h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#right #events h2.black {
margin-bottom:0px	
    margin-bottom: 10px;
}


#content.first-aid #events h3 {
	color: #000;
        margin-bottom: 10px;
}

#content.first-aid #events p {
	margin-bottom: 10px;
}

#content.first-aid #events .times {
	width: 100%;
	margin-bottom: 15px;
}

#content.first-aid #events .times h2 {
	color: #000000;
	margin-bottom: 3px;
}

/* toddler health page */

#content.toddler-health {
	color: #00BEFD;
	font-size: 14px;
}

#content.toddler-health #left {
	float: left;
	width: 305px;
}

#content.toddler-health #left h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#content.toddler-health #left h1 em {
	font-size: 18px;
}

#content.toddler-health #left p {
	margin-bottom: 10px;
}

#content.toddler-health #left p span {
	color: #834abb;
}

#content.toddler-health #right {
	float: left;
	width: 425px;
	margin-left: 20px;
}



#content.toddler-health #events .times {
	width: 100%;
	margin-bottom: 15px;
	color: #000000;
}

#content.toddler-health #events .times h2 {
	margin-bottom: 3px;
	color: #FF00FF;
}

#content.toddler-health #events .times p {
	margin-top: 15px;
	margin-bottom: 3px;
}

#content.toddler-health #events .times ol {
	margin-bottom: 15px;
}

#content.toddler-health #events .times .temper {
	color: rgb(255,102,0);
}

#content.toddler-health #events .times .toilet {
	color: rgb(0,102,255);
}

#content.toddler-health #events .times .sleep {
	color: rgb(255,192,0);
}

#content.toddler-health #events .times .fussy {
	color: rgb(0,176,80);
}

#content.toddler-health #right h1 {
	font-size: 20px;
	line-height: 20px;
}

#content.toddler-health #events {
	width: 425px;
	height: 342px;
	overflow: auto;
	font-size: 13px;
	padding: 10px 0;
}

#content.toddler-health #events h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#content.toddler-health #events h3 {
	color: #000;
}

#content.toddler-health #events p {
	margin-bottom: 10px;
}

.toddler-health ul {
	padding-left: 20px;
}

/* faqs page */

#content.faqs h1 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

#content.faqs #faq-content {
	height: 343px;
	width: 738px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #4A286C;
}

#content.faqs #faq-content p {
	margin-bottom: 10px;
}

#faq-content h3 {
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#faq-content h2 {
	color: #FD3D9E;
}

/* gift voucher page */

#content.gift {
	font-size: 15px;
}

#content.gift h1 {
	font-size: 20px;
	color: #FD3D9E;
	margin-bottom:15px	
}

#content.gift p {
	margin-bottom: 10px;
}

#content.gift ul {
	margin: 0 0 10px 20px;
}

#content.gift .massage {
	color: #834abb;
}

#content.gift .sleep {
	color: #ffbf00;
}

#content.gift .weaning {
	color: #009f28;
}

#content.gift .firstaid {
	color: #ff0000;
}

#content.gift .toddlerhealth {
	color: #00befd;
}

#content.gift .tuition {
	color: #ff7101;
}

#content.gift img {
	float: right;
	
}

/* massage training page */

#content.massage-training {
	font-size: 11px;
}

#content.massage-training #content-box {
	border: 1px solid #8a5889;
	padding: 10px 10px 0;
	height: 347px;
	overflow:scroll;
	font-size:14px
}

#content.massage-training h1 {
	font-size: 20px;
	color: #FD3D9E;
}
#content.massage-training h2 {
	font-size: 14px;
	color: #FD3D9E;
	margin-bottom:15px
}

#content.massage-training p {
	margin-bottom: 10px;
	width: 530px;
}

#content.massage-training #dates {
	color: #FFF;
	padding: 10px 10px 0;
	font-size: 18px;
	width: 235px;
	background: #8a5889;
	float: right;
	margin-left: 10px;
}

#content.massage-training img {
	clear: both;
	float: right;
	margin-top: 20px;
}

#content.massage-training #dates h2 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff;
}

#content.massage-training #dates p {
	width: auto;
	font-size:12px;
	white-space:nowrap
}

/* home visits page */

#content.home-visits {
	font-size: 13px;
	overflow: auto;
	height: 384px;
}

#content.home-visits ul {
	margin-bottom: 10px;
	color:  #FF0000;
}

#content.home-visits ul li {
	display: inline;
	white-space: nowrap;
	padding-left: 16px;
	margin-right: 10px;
	background-image: url(../images/bullet-pink.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#content.home-visits table {
	margin: 0 auto 10px;
}

#content.home-visits td {
	padding: 0 20px;
}

#content.home-visits h1 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #FF00FF;
}

#content.home-visits p {
	margin-bottom: 10px;
}

#content.home-visits .massage {
	color: #834abb;
}

#content.home-visits .sleep {
	color: #ffbf00;
}

#content.home-visits .weaning {
	color: #009f28;
}

#content.home-visits .firstaid {
	color: #ff0000;
}

#content.home-visits .behaviour {
	color: #00BEFD;
}

/* cancellations page */


#content.cancellations h1 {
	font-size: 20px;
}

#content.cancellations #content-box {
	border: 1px solid #8a5889;
	padding: 5px;
	height: 347px;
	overflow: auto;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content.cancellations #content-box p {
	margin-bottom: 10px;
}

.tbl {

border: 0px;
margin-bottom:20px;
}

.tbl td {

padding:3px;
font-size:16px
}