@import url(http://fonts.googleapis.com/css?family=Life+Savers:400,700);

/* Reset */

body, div, a, p, h1, h2, h3, h4, ol, ul, li, img, table, tr, td {
	margin: 0; padding: 0; outline: 0; border: none;
}
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
}


/* Basics */

body {
	background: #4bb035 url(images/background.png) top center repeat-x;
	text-align: center;
}

body, td, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.5px;
}

p {
	margin: 0px 0px 17px 0px;
}

ul, ol {
	margin: 17px 0px 17px 34px;
}

a {
	color: #db1e5c;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.Blue {
	color: #2b72bd;
}
.Orange {
	color: #e6763c;
}
.Purple {
	color: #723d86;
}

h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size: 24px;
	letter-spacing: 2px;
	font-weight: normal;
	color: #9827cb;
	margin: 17px 0 17px 0;
}
p + h2 {
	margin-top: 34px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #e84100;
	margin: 17px 0 8px 0;
}

#paper {
	text-align: left;
	margin: 0px auto;
	width: 910px;
}

#banner {
	background: url(images/banner.png) no-repeat;
	height: 170px;
	position: relative;
}
#banner a {
	display: block;
	position: absolute;
	overflow: hidden;
	font-family: 'Life Savers', cursive;
	font-size: 20px;
	line-height: 18px;
	font-weight: 700;
}
#cloud-home {
	background: url(images/cloud-home.png) no-repeat; 
	width: 90px; height: 37px;
	padding: 16px 0 0 40px;
	top: 54px; left: 4px;
}
#cloud-friends {
	background: url(images/cloud-friends.png) no-repeat; 
	width: 177px; height: 45px;
	padding: 14px 0 0 40px;
	top: 102px; left: 80px;
}
#cloud-friends span {
	font-size: 15px;
	padding-left: 30px;
}
#cloud-books {
	background: url(images/cloud-books.png) no-repeat; 
	width: 94px; height: 33px;
	padding: 20px 0 0 36px;
	top: 55px; left: 220px;
}
#cloud-calendar {
	background: url(images/cloud-calendar.png) no-repeat; 
	width: 114px; height: 37px;
	padding: 16px 0 0 36px;
	top: 106px; left: 300px;
}
#cloud-workshops {
	background: url(images/cloud-workshops.png) no-repeat; 
	width: 172px; height: 46px;
	padding: 16px 0 0 45px;
	top: 46px; left: 375px;
}
#cloud-workshops span {
	padding-left: 40px;
	font-size: 18px;
}
#cloud-reviews {
	background: url(images/cloud-reviews.png) no-repeat; 
	width: 105px; height: 35px;
	padding: 18px 0 0 28px;
	top: 110px; left: 510px;
}
#cloud-about {
	background: url(images/cloud-about.png) no-repeat; 
	width: 134px; height: 33px;
	padding: 20px 0 0 30px;
	top: 20px; left: 600px;
}
#cloud-contact {
	background: url(images/cloud-contact.png) no-repeat; 
	width: 134px; height: 37px;
	padding: 16px 0 0 30px;
	top: 90px; 	left: 670px;
}

#cloud-paper {
	background: #fffce1 url(images/cloud-top.png) no-repeat;
	width: 622px;
	margin: 36px 0 0 28px;
	padding: 60px 44px 40px 188px;
	color: #133963;
}
#cloud-paper.leaves {
	background: url(images/cloud-top.png) top center no-repeat, #fffce1 url(images/leaves.png) left bottom no-repeat;
}
#cloud-paper.raindrops {
	background: url(images/cloud-top.png) top center no-repeat, #fffce1 url(images/raindrops.png) left bottom no-repeat;
}
#cloud-paper.flowers {
	background: url(images/cloud-top.png) top center no-repeat, #fffce1 url(images/flowers.png) left bottom no-repeat;
}
#cloud-paper.snowflakes {
	background: url(images/cloud-top.png) top center no-repeat, #fffce1 url(images/snowflakes.png) left bottom no-repeat;
}


p.slogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #db1e5c;
	font-style: italic;
	margin-top: -9px;
}

div.col-right {
	float: right;
	width: 200px;
	margin: 0 0 17px 34px;
}


img.photo-right {
	float: right;
	margin: 7px 0 17px 17px;
}

img.BlackBorder {
	border: solid 1px #000000;
}

.previews {
	margin: 0 0 34px 0;
}
.previews p {
	margin-bottom: 3px;
}


#footer {
	margin: 12px 0px 48px 0px;
	text-align: center;
	color: #9cdd8f;
}
#footer p {
	margin-bottom: 6px;
}
#footer a {
	color: #00602a;
}
#copyright a {
	color: #a5dd8f;
}

/* Home Page */

#home-image {
	margin: 65px 0px 0px 0px;
	text-align: center;
}

#home-box {
	background-color: #32a037;
	padding: 8px 34px 8px 34px;
	margin: 17px auto;
	width: 720px;
	border-radius: 32px;
	color: #ffffff;
}
#home-box h2 {
	color: #e6d914;
}
#home-box a {
	color: #e6d914;
}

/* Order Page */

#PurchaseForm {
	border: solid 1px #93b98b;
	background-color: #ffffff;
	padding: 9px;
}
#BookTable {
	width: 98%;
}
#BookTable thead {
	font-weight: bold;
}
#BookTable td {
	padding: 6px 0 6px 0;
}
#BookTable input {
	width: 50px;
}
#CustomerTable input {
	width: 250px;
}
#CustomerTable textarea {
	width: 350px;
}


/* Audio Player */

.previews .player-button {
	display: inline-block;
	position: relative;
	top: 7px;
	left: 0;
	width: 30px;
	height: 21px;
	margin: 0 9px 0 0;
}
.previews .player-button-play {
	background: url(images/player-button.png) 0 0 no-repeat;
}
.previews .player-button-play:hover {
	background: url(images/player-button.png) 0 -21px no-repeat;
}
.previews .player-button-stop {
	background: url(images/player-button.png) -30px 0 no-repeat;
}
.previews .player-button-stop:hover {
	background: url(images/player-button.png) -30px -21px no-repeat;
}


/* Book Player */

#book-blue {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 499;
	background-image: url(images/overlay-blue.png); 
	visibility: hidden;
}

#book-player {
	position: absolute;
	z-index: 500;
	visibility: hidden;
	width: 500px;
	height: 480px;
}

#bp-page {
	position: absolute;
	top: 0; left: 0;
	z-index: 50;
}
#bp-close {
	position: absolute;
	top: 10px;
	right: 14px;
	z-index: 70;
	cursor: pointer;
}
#bp-play {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 70;
	font-family: 'Life Savers', cursive;
	font-size: 20px;
	line-height: 18px;
	font-weight: 700;
	color: #ffd621;
	cursor: pointer;
}
#bp-play:hover {
	text-decoration: underline;
}
#bp-spine {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 60;
}