@charset "utf-8";

/* Tag-specific */

* {
	padding: 0;
	margin: 0;
}
a {
	border: none;
	color: #41768a;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
body {
	margin: 30px;
	background: url(../images/background-pattern.png) repeat top center;
	font-family: Verdana, sans serif;
	font-size: 11pt;
	line-height: 1.6em;
	color: #333;
}
h1, h2 {
	font-family: "Myriad Pro", Verdana, sans serif;
	font-weight: normal;
}
h1 {
	height: 93px;
	margin: 0 40px 10px;
	background: url(../images/logo.png) no-repeat top left;
	font-size: 80px;
	line-height: 93px;
}
h2 {
	height: 37px;
	margin: 0 0 25px -5px;
	font-size: 30px;
	line-height: 37px;
}
img {
	border: none;
}
p {
	margin: 0 0 30px 0;
	text-align: justify;
}

/* Classes */

.big {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #41768a;
	text-align: justify;
}
.divider-h {
	height: 2px;
	margin: 0 0 30px -30px;
	background: url(../images/divider-h.png) no-repeat;
}
.float-fix {
	height: 0;
	float: none;
	clear: both;
	font-size: 0;
	line-height: 0;
}
.image-replace {
	text-indent: -1000px;
}

/* Element-specific */

#page-container {
	width: 840px;
	margin: 0 auto;
}
	#main-top {
		height: 28px;
		background: url(../images/main-top.png) no-repeat top left;
	}
	#main-middle {
		background: url(../images/main-content.png) repeat-y top left;
	}
		#main-content {
			width: 800px;
			margin: 0 auto;
		}
			#main-content-left {
				width: 540px;
				padding: 10px 30px;
				float: left;
			}
				#divider-col {
					width: 2px;
					height: 600px;
					float: right;
					position: relative;
					top: -31px;
					right: -30px;
					background: url(../images/divider-col.png) repeat-x;
				}
				#nomorefrogs-heading {
					background: url(../images/nomorefrogs-heading.png) no-repeat top left;
				}
				#frog {
					margin: 0 0 0 20px;
					float: right;
				}
				#pp-heading {
					background: url(../images/pp-heading.png) no-repeat top left;
				}
				#pp-hearts {
					float: right;
					position: relative;
					top: -30px;
					right: 270px;
				}
			#main-content-right {
				width: 160px;
				padding: 0 20px;
				float: left;
			}
			#email {
				height: 200px;
				background: url(../images/contact.png) no-repeat center center;
			}
	#main-bottom {
		height: 28px;
		background: url(../images/main-bottom.png) no-repeat top left;
	}
	#footer {
		padding: 0;
		margin: -7px 20px 0;
		font-size: 11px;
	}
		#footer-right {
			float: right;
		}
			#footer-right a + a {
				margin-left: -20px;
			}
			#footer-right div {
				margin-top: -10px;
				text-align: center;
			}
		#footer-left {
			margin-left: 20px;
			float: left;
			line-height: 52px;
		}