@charset "utf-8";
/* CSS Document */
 @import url("reset.css");
html, body {
	height: 100%;
}
body {
	background:#DAEBFF url(../img/rays.jpg) no-repeat top right;
	font:14px Arial, Helvetica, sans-serif;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:900px;
	margin:0 0 -50px; /* the bottom margin is the negative value of the footer's height */
}
h1 {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/header.gif) no-repeat top right;
	width:424px;
	padding:0 0 0 10px;
	height:51px;
	position:relative;
	top:15px;
}
h2 {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	width:740px;
	text-align:center;
	font-weight:200;
	margin:0 auto;
	line-height:18px;
}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
		/*	CSS 3 trickery*/
	text-shadow: #DAEBFF -1px 1px 0;

}
h2 a {
	color: #3271ae;
}
a:link, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #39c;
	text-decoration: underline;
}
a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #39c;
	text-decoration: none;
}
ul {
	list-style:outside;
}
ul li {
	font-family: Helvetica, Arial, sans-serif;
	color:#3271ae;
	list-style-type:square;
}
#left {
	text-align:left;
	float:left;
	display:inline;
	width:350px;
	margin: 0 0 0 60px;
}
#right {
	text-align:left;
	float:left;
	display:inline;
	width: 350px;
}
.four p {
	padding:10px;
	font-size: 14px;
}
.clear {
	clear:both;
}

.hidden{
	display:none;
}

#box {
	display: none;
}
#box ul {
	margin:0;
	padding:0;
}

form{
border:#9FC2DD 1px dashed;
padding:10px;
width:280px;
background-color:#E8F2FF;
}

dl {
	font-size: 16px;
	position:relative;
}
dt {
	float:left;
	display:inline;
	width:210px;
	font-size: 20px;
	margin:6px 0 0;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
dd {
	float:left;
	display:inline;
	margin:4px 0;
}


input, textarea {
	margin:0;
	padding:2px;
	font-size: 18px;
	border: 1px solid #A0C6F3;
	color:#4A4A4A;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
}

input:hover, input:focus textarea:hover, textarea:focus {
	background-color:#F9FBFF;
	border: 1px solid #75B1F4;
}


textarea{
	width:230px;
	height:100px;
}
	/*sticky footer*/

.push {
	height: 50px; /* .push must be the same height as .footer */
}
.footer {
	height: 50px; /* .footer must be the same height as .push */
	text-align:center;
	background:#C1D8E9;
	position:relative;
}
img a {
	outline:none;
}
.footer p {
	color:#668B8E;
	font: 12px Arial, Helvetica, sans-serif;
	padding:10px 0 0;
}
.footer a {
	color:#668B8E;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}


.pleasure-box {
	height:130px;
	width:500px;
	background:#fff;
	margin:-10px 0 0 10px;
	/*	CSS 3 trickery*/
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border: 1px solid #C8DEFD;
	padding: 15px;

}

#trigger{
display:block;
position:relative;
margin:0 0 0 10px;
/*silly ie*/
background:url(../img/submit.gif) no-repeat !important;
background:url(../img/submit-ie.gif) no-repeat;
width:84px;
height:84px;
text-indent:-9999px;
cursor:pointer;
}

#sendContactEmail {
	background:url(../img/submit-new.gif) no-repeat top;
	width:230px;
	height:37px;
	margin:0;
	cursor:pointer;
	font-size:0;
	display:block;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
}
#sendContactEmail:hover {
	background-position:bottom;
	width:230px;
	height:37px;
}

#loadBar{
color:#fff;
position:absolute;
left:362px;
bottom:50px;
background:url(../img/loader.gif) bottom no-repeat;
	width:75px;
	height:35px;
	padding:10px 0 0;
}

#emailSuccess{
	color:#fff;
	font: 14px Arial, Helvetica, sans-serif;
	background:url(../img/loader.gif) bottom no-repeat;
	position:absolute;
	left:362px;
	bottom:50px;
	width:75px;
	height:35px;
	padding:10px 0 0;
}

#loadBar p{
margin:0;
padding:0;
color:#fff;
/*	CSS 3 trickery*/
-webkit-transform: rotate(-8deg);
text-shadow: #fff 0px 0px 0;
}


#emailSuccess p{
margin:0;
padding:0;
color:#fff;
/*	CSS 3 trickery*/
-webkit-transform: rotate(-8deg);
text-shadow: #fff 0px 0px 0;
}




#contactFormArea {
	width:100px;
	position:relative;
	top:0;
	margin:10px 0 0 10px;
}
#marqueecontainer {
	position: relative;
	width: 500px; /*marquee width */
	height: 130px; /*marquee height */
	position:relative;
	left:0;
	overflow: hidden;
}
#vmarquee {
	position:relative;
}
#vmarquee p {
	margin:40px 0 0;
	font:18px Arial, Helvetica, sans-serif;
	color:#668b8e;
}


/*art bits*/

.clouds {
	background:url(../img/clouds.gif) no-repeat;
	width:288px;
	height:85px;
	position:absolute;
	top:50px;
	left:820px;
	/*	CSS 3 trickery*/
	opacity: 0.8;
}
.stars {
	background:url(../img/stars.gif) no-repeat;
	width:127px;
	height:85px;
	position:absolute;
	top:20px;
	left:620px;
	/*	CSS 3 trickery*/
	opacity: 0.8;
}
.plant {
	background:url(../img/plant.gif) no-repeat;
	width:30px;
	height:34px;
	position:absolute;
	bottom:40px;
	left:200px;
}
.tree {
	background:url(../img/tree.gif) bottom no-repeat;
	width:259px;
	height:240px;
	position:absolute;
	bottom:50px;
	left:550px;
}
.handstand {
	background:url(../img/handstand.gif) no-repeat;
	width:113px;
	height:164px;
	position:absolute;
	bottom:40px;
	left:950px;
}