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

html, body {
	margin:0;
	padding:0;
}

#content-frame {
	position:absolute;
	left:217px;
}

#pink-overlay {
	position:absolute;
	width:100%;
	height:244px;
	z-index:100;
	background:#cb036c;
	top:217px;
}

#janelle-overlay {
	position:absolute;
	width:100%;
	height:244px;
	z-index:100;
	background:url(../images/transparentbar.png) repeat;
	top:217px;
}

.rollover {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}

/* home page */
#janelle-home {
	position:absolute;
	top:0;
	right:0;
}

#fitter-stronger {
	position:absolute;
	top:239px;
	left:50px;
	opacity:0;
}

#healthier-happier {
	position:absolute;
	top:301px;
	left:125px;
	opacity:0;
}

#change-lives {
	position:absolute;
	top:360px;
	left:65px;
	opacity:0;
}

/* Menu */
#menu-holder {
	position:absolute;
	top:235px;
	z-index:100;
	right:20px;
}

#menu-holder td {
	position:relative;
	text-align:right;
}

#logo {
	position:absolute;
	top:35px;
	left:17px;
}

.rollover-holder {
	display:inline-block;
	position:relative;
}

/* Content Page */

.page-holder {
	margin-top:35px;
	margin-left:76px;
	width:570px;
	background:url(../images/page-holder-box.png) repeat;
	color:#f3f2f2;
	padding:40px;
	font-size:13px;
	font-weight:300;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	z-index:100;
	position:relative;
}

.centred-page-holder {
	position:relative;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	width:570px;
	background:url(../images/page-holder-box.png) repeat;
	color:#f3f2f2;
	padding:40px;
	font-size:13px;
	font-weight:300;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	z-index:100;
}

.heading {
	color:#db0073;
	font-family: 'Open Sans', sans-serif;
	font-size:46px;
	font-weight:800;
	margin-bottom:30px;
	letter-spacing:-2px;
	line-height:45px;
	text-align:left;
}

.sub-heading {
	color:#db0073;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	margin-bottom:0px;
	border-bottom: #db0073 dotted 1px;
	padding-bottom:4px;
}	

.page-holder p {
	margin-bottom:12px;
	margin-top:0px;
	padding:0px;
}

.RHS-image {
	position:fixed;
	top:0px;
	right:0px;
	z-index:0;
	height:100%;
	width:auto;
}

.page-holder a {
	text-decoration:none;
	color:#db0073;
}

.image-panel {
	margin-left:76px;
	margin-top:10px;
}

.image-panel .centre-image {
	margin-left:10px;
	margin-right:10px;
}

.text-image-RHS {
	float:right;
	margin-left:28px;
	margin-bottom:4px;
	margin-top:8px;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch-background {
    width:100%;
    height:auto;
}

.form-field-holder {
	position:relative;
	vertical-align:top;
}

#logo {
	cursor:pointer;
}

#copyright {
	position:absolute;
	bottom:14px;
	left:17px;
/*	width: 309px;
	height: 76px;*/
}

.styled-input {
   width: 230px;
   height: 40px;
   border:none;
   padding-left:10px;
   font-size: 15px;
   font-family: 'Open Sans', sans-serif;
	font-weight:400;
   background:#525151;
   color:#db0073;
   margin-bottom:10px;
}

.styled-textarea {
   width: 500px;
   height: 80px;
   border:none;
   padding-left:10px;
   padding-right:10px;
   padding-top:10px;
   font-size: 15px;
   font-family: 'Open Sans', sans-serif;
	font-weight:400;
   background:#525151;
   color:#db0073;
   resize: none;
   margin-bottom:10px;
}

.quote-holder {
	position:relative;
	margin-left:40px;
	margin-right:40px;
	
}

.quote-name {
	display:inline-block;
	position:absolute;
	right:0;
	bottom:-15px;
	color:#db0073;
	font-size:14px;
}