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

html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	font-family: 'Josefin Slab', arial, serif;
}
div#distance { 
	/* margin-bottom: -10em; /* half of content height */
	background: #fff;      /* temporary - used to see div */
	/* width: 1px;           /* required to "hide" distance div */
	height: 100px;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 101px;         /* required - desired height */
	width: 400px;          /* required - desired width */
	background: #fff;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	z-index: 5;
}

div#spbk {
	position: fixed;
	right: 0px;
	bottom: 190px;
	height: 60px;
	width: 200px;
	text-align: right;
	margin: 10px;
	z-index: 40;
}

div#stoneridge {
	position: fixed;
	right: 0px;
	bottom: 450px;
	height: 168px;
	width: 141px;
	text-align: right;
	margin: 0px;
	z-index: 41;
}

div#laugh {
	position: fixed;
	right: 0px;
	bottom: 270px;
	height: 170px;
	width: 220px;
	text-align: right;
	margin: 0px;
	z-index: 42;
}

div#flower {
	position: fixed;
	right: 50px;
	bottom: 45px;
	height: 178px;
	width: 200px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	z-index: 3;
}

div#logo {
	width: 200px;
	left: 80px;
	position: relative;
}
div#sm {
	text-align: center;
	padding-right: 15px;
	margin-bottom: 200px;
}
div#lg {
	text-align: center;
	top: 700px;
	padding-right: 15px;
	z-index: 30;
	position: relative;
}
img {
	border: none;
}
h1 { 
	font-family: 'Tangerine', arial, serif; 
	font-size: 50px;
	color: #32638D;
	margin-bottom: -30px;
	text-align: center;
	padding-right: 10px;
}
p {
	font-size: 22px;
	color: #999999;
	margin-top: 30px;
	padding: 10px;
}
.darker  {
	color: #333333;
}
.lighter  {
	color: #CCC;
}
a:link {
	color: #3366CC;
}
a:visited {
	color: #3366CC;
}
a:hover {
	color: #66CC33;
}
a:active {
	color: #3366CC;
}


#footer {
	font-family: 'Belgrano', serif;
	font-size: 17px;
	font-variant: small-caps;
	text-align: center;
	color: #069;
	background-color: #def;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999;
	position: fixed;
	z-index: 10;
	bottom: 0px;
	left: 0px;
	filter:alpha(opacity=85);
	opacity:.85;
}

#footer.a:link {
	color: #0066CC;
	text-decoration: none;
}

#footer.a:visited {
	color: #0066CC;
	text-decoration: none;
}

#footer.a:hover {
	color: #663388;
	text-decoration: underline;
}

#footer.a:active {
	color: #0066CC;
	text-decoration: none;
}