@CHARSET "UTF-8";

body {
	font-size:14px;
	margin: 0 auto;
}
img {
	border:0;
}
a {
	text-decoration:none;
}

#header {
	background: url(../images/header-image.jpg) no-repeat center top;
	height:510px;
	width:100%;
}

#header_nav {
	background-color:#fff;
	height:120px;
	margin: 0 auto;
	width:930px;
}
#nav-underline {
	background-color:#778bbc;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	height:6px;
	margin:0 auto;
	opacity: .5;
	top:120px;
	width:930px;
}

#logo {
	float:left;
	padding-top:25px;
	padding-left:30px;
}

#header-info {
	float:right;
}

#contact {
	float:right;
	font-family: 'Open Sans', sans-serif;
	height:36px;
	padding-top:20px;
	padding-right:22px;
	text-align:right;
	width:303px;
}

#book {
	background-color:#EA00FF;
	color:#fff;
	float:right;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	height:38px;
	padding-top:18px;
	padding-left:22px;
	width:170px;
}

#book a {
	color:#fff;
}

#small-logo {
	background-color:#9c29ed;
	float:right;
	font-family: 'Open Sans', sans-serif;
	padding-top:16px;
	padding-left:18px;
	height:40px;
	width:38px;
}

#navigation {
	height:64px;
	width:560px;
}

#body_wrapper {
	margin: 0 auto;
	width:930px;
}

.navoff {
	color:#45638a;
	float:left;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	padding-top:20px;
	text-align:center;
	width:90px;
}

.navoff a {
	color:#45638a;
}

.navon {
	color:#ea00ff;
	float:left;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	padding-top:20px;
	text-align:center;
	width:90px;
}

.navon a {
	color:#ea00ff;
}

#strapline {
	color:#fff;
	margin:0 auto;
	padding-top:240px;
	width:930px;
}

#page-content {
	background-color:#ebeff7;
	font-family:'Montserrat', sans-serif;
	font-size:18px;
	margin: 0 auto;
	padding: 180px 0 60px 60px;
	width:870px;
}

#page-content-welcome {
	background-color:#ebeff7;
	font-family:'Montserrat', sans-serif;
	font-size:18px;
	margin: 0 auto;
	padding: 60px 0 60px 60px;
	width:870px;
}

#page-content-welcome .left {
	color:#556293;
	float:left;
	padding-right:60px;
	width:600px;
}

#page-content-welcome .right {
	float:left;
	text-align:right;
}

#page-content .left {
	color:#556293;
	float:left;
	padding-right:60px;
	width:600px;
}

#page-content .right {
	float:left;
	text-align:right;
}

#page-content br {
	height:100px;
}

.pink {
	color: #ec118f;
}

.purple {
	color: #8d02d5;
}


/* ----- BOOK A SITTER PAGE ---- */
/*
.not-a-member {
	background-color: #fff;
    box-sizing: border-box;
    float: left;
    margin-right: 2%;
    margin-top: 3%;
    height: 300px;
    text-align: center;
    padding: 2% 5%;
    width: 48%;
}

.member {
	background-color: #fff;
    box-sizing: border-box;
    float: left;
    margin-left: 2%;
    margin-top: 3%;
    height: 300px;
    text-align: center;
    padding: 2% 5%;
    width: 48%;
}

.button-non {
	background-color: #8d02d5;
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
    padding: 5% 0;
}

.button-mem {
    background-color: #EA00FF;
    color: #fff;
    font-size: 18px;
    margin-top: 27%;
    padding: 5% 0;
}

.button-mem a {
	color: #fff;
}

.button-mem:hover {
	background-color:#ec118f;
}

.button-non a {
	color: #fff;
}

.button-non:hover {
	background-color:#ec118f;
}
*/


/* ---- Pay Buttons ---- */

#contactbutton {
	float: left;
	padding-top: 20px;
	
	}
	
.booking-confirm {
	background-color: #ec118f;;
    color: #fff;
    float: left;
    margin-top: 5%;
    margin-right: 2%;
    padding: 5% 0;
    text-align: center;
    width: 47.5%;
}

.booking-confirm-one-off {
	background-color: #8d02d5;
    color: #fff;
    float: left;
    margin-top: 5%;
    padding: 5% 0;
    text-align: center;
    width: 47.5%;
}

.booking-confirm:hover {
	background-color: #556293;
	cursor: pointer;
}

.booking-confirm-one-off:hover {
	background-color: #556293;
	cursor: pointer;
}

.booking-confirm a {
	color: #fff;
}

.booking-confirm-one-off a {
	color: #fff;
}

/* ------------- */



#payment-notes {
	background-color: #fff;
	float: left;
	margin-top: 5%;
	padding: 5%;
}

#footer {
	background-color:#202e41;
	font-family:'Montserrat', sans-serif;
	font-size:18px;
	height:190px;
	margin: 0 auto;
	padding: 60px 60px 0 60px;
	width:810px;
}
#footer .left {
	float:left;
	text-align:left;
	width:150px;
}
#footer .middle {
	color:#fff;
	float:left;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	font-weight:300;
	padding-right:15px;
	width:520px;
}
#footer .middle a {
	color:#fff;
	text-decoration:underline;
}
#footer .right {
	float:left;
	text-align:right;
	font-size:18px;
	width:120px;
}

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

.side-navigation {
	background-color:#8d02d5;
	color:#fff;
	height:37px;
	margin-bottom:2px;
	padding-top:13px;
	text-align:center;
	width:210px;
}
.side-navigation:hover {
	background-color:#ec118f;
}
.side-navigation-on {
	background-color:#ec118f;
	color:#fff;
	height:50px;
	margin-bottom:2px;
	text-align:center;
	width:210px;
}
.message {
	background-color:#778bbc;
	color:#fff;
	font-size:16px;
	height:110px;
	padding:20px;
	text-align:left;
	width:170px;
}
.small-logo {
	position:relative;
	height:43px;
	width:32px;
	left:135px;
	top:-8px;	
}
.testimonial {
	background-color:#fff;
	color:#8d02d5;
	font-size:16px;
	height:auto;
	font-family:'Droid Serif', serif;
	font-style: italic;
	padding:20px 20px 20px 20px;
	text-align:left;
	width:170px;
}
.testimonials-page {
	background-color:#fff;
	font-size:14px;
	width:100%;
}
.testimonial-each {
		background-color:#fff;
	color:#8d02d5;
	font-size:16px;
	height:auto;
	font-family:'Droid Serif', serif;
	font-style: italic;
	padding:20px 20px 20px 20px;
	text-align:left;
	 width:100%;
}
.odd-line {
	width:90px;
	border-bottom:6px #7e02d5 solid;
}
.meetsitters {
	background-color:#fff;
	font-size:14px;
	width:100%;
}
.sitter-left {
	background-color:#ec118f;
	color:#fff;
	float:left;
	min-height:320px;
	width:180px;
	clear:both;
}
.meetsitters img {
	width:181px;
}
.sitter-left .content b {
	padding:10px;
}
.sitter-right {
	background-color:#fff;
	float:left;
	padding:20px;
	width:380px;
}
.white-box {
	background-color:#fff;
	display:table;
	margin:0;
}
.white-box-notes {
	background-color:#fff;
	padding:30px;
}
.white-box-left {
	float:left;
	width:179px;
}
.white-box-right {
	float:right;
	font-size:14px;
	padding:30px 30px 0 30px;
	width:360px;
}
.white-box-half {
	float:left;
	font-size:14px;
	padding-right:10px;
	width:48%;
}

.form-fields input[type="text"] {
	border: 0;
	font-size:18px;
	height: 35px;
	letter-spacing:1px;
	width:450px;
	outline-color: #fff;
}
.form-fields input[type="email"] {
	border: 0;
	font-size:18px;
	height: 35px;
	letter-spacing:1px;
	width:450px;
	outline-color: #fff;
}
#children input[type="text"] {
	border: 0;
	font-size:18px;
	height: 35px;
	letter-spacing:1px;
	width:250px;
}
.form-fields .short {
	width:120px;
	display:block;
	height: 40px;
}
.form-fields input[type="radio"] {
	height: 15px;
}
.form-fields input[type="submit"] {
	background-color:#ec118f;
	border:0px;
	cursor: pointer;
	height: 50px;
	font-size:18px;
	width:208px;
	color:#fff;
}
/* ----- Book a sitter thanks-non ---- */
 
.PayButton-booking-confirmation {
    background-color:#ec118f;
    border:0px;
    cursor: pointer;
    height: 50px;
    font-size:18px;
    width:208px;
    color:#fff;
    width: 300px;
}
 
.PayButton-booking-confirmation:hover {
    background-color: #8d02d5;
}

input[type=submit] {
	background-color:#ec118f;
    border:0px;
    cursor: pointer;
    display: inline;
    float: left;
    padding: 5% 0;
    font-size:18px;
    margin: 20px 1% 0 1%;
    color:#fff;
    width: 48%; 
}
 
/* ---------------- */
.bold {
	color:#8D02D5;
}
.spacer {
	height:30px;
	width:100%;
}
.clear {
	clear:both;
}
.form-left {
	float:left;
	margin-right:100px;
	width:30%;
}
.form-right {
	float:right;
	width:30%;
}
.error {
	color:#cc0000;
}
.more-odd-line {
	background-color:#ab0b75;
	height:4px;
	margin: 13px 0 13px 0;
	width:50px;
}
.prices-left {
	float:left;
	width:40%;
}
.prices-right {
	float:right;
	width:40%;
}
.register {
	background-color:#8d02d5;
	color:#fff;
}
.register:hover {
	background-color:#8D02D5;
	color:#fff;
}
.form_entry {
	background-color:#fff;
	height:34px;
	padding:6px 0 10px 10px;
}
.form_entry_larger {
	background-color:#fff;
	height:60px;
	padding:6px 0 10px 10px;
}
.form_entry_larger_still {
	background-color:#fff;
	height:200px;
	padding:6px 0 10px 10px;
}
textarea {
	border:0;
	width: 98%;
}
.pencils {
	margin-bottom:-4px;
	margin-left:13px;
}

#io42 {
	color:#9097a0;
	font-size:9px;
	line-height:1.5em;
	text-align:right;
	width:100%;
}
#io42 a {
	color:#9097a0;
}

//fading-effect
#background_cycler{padding:0;margin:0;width:100%;height:100%;position:absolute;top:0;left:0;}
#background_cycler div{position:absolute;left:0;top:0;width:100%;height:510px;z-index:1;background-size:cover;background-position:center top;}
#background_cycler div.active{z-index:3}
//fading-effect