html, body {
	height: 100%;
}

body {
	margin:0;
	padding:0;
	
	background:url(images/bg.jpg) top left repeat #5c4871;
}

img, a {outline:none; border:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

body, p, a, p a, li, li a,
span, label, input, textarea
h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;	
}

body, p, p a {
	font-size:14px;
	line-height:24px;
	color:#000;	
}

.purple {color:#a66cda;}
.fs16 {font-size:16px;}
.centered-text {text-align:center;}

#wrapper {
	width:934px;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -115px; /* the bottom margin is the negative value of the footer's height */

	position:relative;
	background:#fff;
}

#header {
	width:934px;
	height:196px;
	position:relative;
	background:url(images/header-bg.jpg);
}

div.social-links {
	position:absolute;
	top:20px;
	right:20px;
	
	display:none; /* Hidden */
}
div.social-links a {
	display:block;
	float:left;
	margin-right:10px;
}

ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	position:absolute;
	bottom:38px;
	right:20px;
}
ul#menu li {
	float:left;
	display:inline;
}
ul#menu li a {
	display:block;
	margin:0 12px;
	padding:0 2px;
	line-height:20px;
	font-size:16px;
	color:#6d5289;
	text-decoration:none;
}
ul#menu li a.selected,
ul#menu li a:hover {
	border-bottom:1px solid #b5acd2;
	color:#493959;
}

div.video-container {
	width:480px;
	height:272px;
	position:relative;
	margin:55px auto;
}

#text-scroller-container {
	width:934px;
	height:117px;
	position:relative;
	background:#d9d3fb;
	border:1px solid #514161;
	border-left:none;
	border-right:none;
	top:44px;
}

a.arrow {
	height:24px;
	width:22px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-12px;
	z-index:9999;
}
a.left-arrow {background:url(images/l-arw.jpg); left:30px;}
a.right-arrow {background:url(images/r-arw.jpg); right:30px;}


#text-scroller {
	width:800px;
	height:42px;
	left:70px;
	top:40px;
	position:absolute;
	z-index:9999;
	padding-top:2px;
}

#text-scroller div { 
	width:800px;
	height:50px;
	position:absolute;
}

#text-scroller div p {
	margin:0;
	padding:0 20px;
	line-height:20px;
	font-size:24px;
	color:#6d5289;
}
#text-scroller div p span {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:16px;
	text-align:right;
	display:block;
}
img.butterfly {
	position:absolute;
	z-index:9998;
	display:block;
}
img#bf-1 {top:-33px; left:160px;}
img#bf-2 {bottom:-30px; left:0;}
img#bf-3 {bottom:-30px; left:300px;}
img#bf-4 {top:-42px; left:460px;}
img#bf-5 {top:-62px; left:660px;}
img#bf-6 {bottom:-39px; left:510px;}
img#bf-7 {top:-36px; left:840px;}
img#bf-8 {bottom:-36px; left:760px;}


div.content {
	padding-top:30px;
	width:840px;
	margin:0 auto;
	position:relative;
}

div.welcome-content {
	width:720px !important;
}

img#text1 {
	display:block;
	margin:40px auto;
}

div.content-area-1 {
	width:630px;
	padding-right:40px;
	padding-bottom:40px;
	height:auto;
	margin:0 auto;
	position:relative;
}
div.content-area-1 p {position:relative; z-index:2;}

#welcome-butterflies {
	width:340px;
	height:220px;
	position:absolute;
	bottom:-54px;
	right:-20px;
	z-index:1;
}

#welcome-butterflies img {position:absolute;}
#wpb1 {top:150px;right:260px;}
#wpb2 {top:124px;right:183px;}
#wpb3 {top:100px;right:123px;}
#wpb4 {top:80px;right:70px;}
#wpb5 {top:18px;right:60px;z-index:2;}
#wpb6 {top:-10px;right:20px;z-index:1;}
img#tiny {top:-20px;right:10px;}

h3 {
	font-size:28px;
	line-height:24px;
	margin:0;
	padding:0;
	color:#a66cda;
}

h4 {
	font-size:18px;
	line-height:24px;
	margin:0;
	padding:0;
	color:#a66cda;
}

img#img2 {
	display:block;
	margin:0 auto;
	margin-top:40px;
}

div.content .video-container {margin-top:0 !important;}

span.buttons {
	display:inline-block;
	width:90px;
	height:35px;
	position:relative;
	top:12px;
}

a.button {
	display:inline-block;
	height:35px;
	width:35px;
	position:relative;
	margin:0 5px;
	float:right;
}
a.play {background:url(images/play.png) no-repeat;}
a.pause {background:url(images/pause.png) no-repeat;}

.splitter {width:840px; height:1px; background:#000; margin:0 auto; margin-bottom:40px;}

.col-third {
	position:relative;
	float:left;
	width:30%;
	margin:0 3% 40px 0;
}

#section-1,
#section-2,
#section-3,
#section-4,
#section-5,
#section-6,
#section-7,
#section-8
{
	position:relative;
}

#section-1 {
	width:100%;
	height:762px;
	background:url(images/section-1.jpg) top center no-repeat;
}
#section-2 {
	width:100%;
	height:1365px;
	background:url(images/section-2.jpg) top center no-repeat;
}
#section-3 {
	width:100%;
	height:259px;
	background:url(images/section-3.jpg) top center no-repeat;
}
#section-4 {
	width:100%;
	height:940px;
	background:url(images/section-4.jpg) top center no-repeat;
}
#section-5 {
	width:100%;
	height:1533px;
	background:url(images/section-5.jpg) top center no-repeat;
}
#section-6 {
	width:100%;
	height:1106px;
	background:url(images/section-6.jpg) top center no-repeat;
}
#section-7 {
	width:100%;
	height:1657px;
	background:url(images/section-7.jpg) top center no-repeat;
}
#section-8 {
	width:100%;
	height:755px;
	background:url(images/section-8.jpg) top center no-repeat;
}

#section-1 span.buttons {
	position:absolute;
	top:180px;
	left:425px;
}
#section-2 span.buttons {
	position:absolute;
	top:627px;
	left:425px
}
#section-3 span.buttons {
	position:absolute;
	top:44px;
	left:425px
}
#section-4 span.buttons {
	position:absolute;
	top:160px;
	left:425px
}
#section-5 span.buttons {
	position:absolute;
	top:526px;
	left:425px
}
#section-6 span.buttons {
	position:absolute;
	top:0;
	left:0;
}
#section-7 span.buttons {
	position:absolute;
	top:694px;
	left:520px;
}
#section-8 span.buttons {
	position:absolute;
	top:0;
	left:0;
}

#footer, #push {
	height: 115px; /* .push must be the same height as .footer */
}

#footer {
	width:934px;
	margin:0 auto;
	background:#493959;
	position:relative;
	z-index:999999;
}

ul#footer-menu {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	position:absolute;
	top:20px;
	left:20px;
}
ul#footer-menu li {
	float:left;
	display:inline;
}
ul#footer-menu li a {
	display:block;
	margin:0 12px;
	padding:0 2px;
	line-height:20px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
}

#footer p {
	position:absolute;
	top:68px;
	left:34px;
	font-size:10px;
	color:#fff;
	line-height:14px;
	margin:0;
	padding:0 80px 0 0;
}

#homepage-spacer {
	height:100px;
	width:1px;
	position:relative;
}