body {
	margin: 0; padding: 0;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: 600;
	color: #ffffff;
	background-color: #ff7e28;
}

h1, h2 {
	display: block;
	width: 550px; height: 59px;
	margin: 0; padding: 0;
	text-indent: -5000px;
}

a { color: #f8f6b5; }
	a:hover { text-decoration: none; color: #fffeeb; }

#logo {
	position: absolute;
	left: 2px; top: 2px;
	width: 263px; height: 198px;
	background: transparent url(images/logo.gif) no-repeat left top;
	z-index: 500;
}

#phone {
	position: absolute;
	left: 2px; top: 539px;
	width: 263px; height: 48px;
	background: transparent url(images/phone.gif) no-repeat left -24px;
	z-index: 500;
}
	img.phone { width: 263px; height: 48px;}

#menu {
	position: absolute;
	left: 14px; top: 213px;
	width: 212px; height: 293px;
	background: transparent url(images/menu.gif) no-repeat -101px -102px;
	z-index: 500;
}
	#menu li { display: block; position: absolute; height: 100px; width: 100px; margin: 0; padding: 0; list-style: none; }
	#menu a { height: 94px; width: 94px; display: block; }
	
	#services	{ left: 1px; top: 1px; }
	#news		{ left: 110px; top: 34px; }
	#about		{ left: 35px; top: 103px; }
	#contact	{ left: 93px; top: 192px; }
	
	#services a:hover 	{ background: transparent url(images/menu.gif) -102px   -1px no-repeat; }
	#news a:hover 		{ background: transparent url(images/menu.gif) -313px -136px no-repeat; }
	#about a:hover 		{ background: transparent url(images/menu.gif)   -1px -205px no-repeat; }
	#contact a:hover	{ background: transparent url(images/menu.gif) -194px -396px no-repeat; }

#soundon, #soundoff {
	position: absolute;
	left: 204px; top: 214px;
	width: 30px; height: 30px;
	z-index: 500;	
}
	#soundon a, #soundoff a { width: 30px; height: 30px; display: block; }
	
	#soundon  { background: transparent url(images/navsound.gif) no-repeat 0 0; }
	#soundoff { background: transparent url(images/navsound.gif) no-repeat -32px 0; }
	
	#soundon a:hover  { background: transparent url(images/navsound.gif) no-repeat 0 -32px; }
	#soundoff a:hover { background: transparent url(images/navsound.gif) no-repeat -32px -32px; }

#content {
	position: absolute;
	left: 320px; top: 80px;
	width: 550px; height: auto;
}
	#footer { position: absolute; left: 20px; bottom: 0; width: 550px; height: auto; margin-bottom: 1em; z-index: 200; }
	#gallery #footer { position: absolute; left: auto; right: 20px; width: auto; }

.flying {
	position: absolute;
	left: -500px;
	width: 105px;
	height: 105px;
	cursor: pointer;
	z-index: 400;
}

.zerotop { margin-top: -.7em; }

.pics {
	position: absolute;
	left: 50%; top: 50%;
	width: 650px; height: 450px;
	margin: -225px 0 0 -325px;
	padding: 30px;
	background: transparent url(images/gallery-bg.gif) no-repeat center;
	visibility: hidden;
	cursor: pointer;
	z-index: 410;
}
	body > .pics { padding-right: 60px; }
	.pics > img { margin: 30px 0 0 43px; }
	
	.picsform { background: transparent url(images/gallery-bg2.gif) no-repeat center; cursor: default; }

.photo { float: left; left: 20px; top: 15px; border: 4px ridge #ffd128; z-index: 500; }
	.pics > .photo { margin: 24px 15px 0 37px; }

.story {
	position: relative;
	width: auto; height: 350px;
	margin: 0; padding: 0;
	float: right;
	font-size: 16px;
	color: #254c1c;
	overflow: auto;
	visibility: inherit;
}
	div > .story { margin: 30px 8px 0 0; }
	
	body#gallery .story { margin: 0 4px 0 0; height: 400px; }
		body#gallery div > .story { margin-top: 10px; height: 410px; }

.attribute { margin: 4em 15px 4px; font-size: 11px; text-align: right; }
	#content .attribute { margin-top: -1em; font-size: inherit; }

input, textarea {
	padding: 2px;
	width:300px;
	font: 90% Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
}
	body#gallery input, textarea { width:250px; }

.formlabel {
	margin-top: 1em;
	line-height: 140%;
}

.formbtn {
	width: auto;
	margin-right: 20px;
	padding: 1px 4px;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
	body#gallery .formbtn { width: auto; }

.nowrap { white-space: nowrap; }
.center { text-align: center; }

.dropcap {
	margin: -.1em 0;
	padding: 0 0 .1em;
	font-size:250%;
	color: #51007d;
	line-height:60%;
	float: left;
	background-color: #ffde65;
}
	p > .dropcap { margin-right: 3px; }

.copyright { 
	margin-top: 3em;
	font-size: 10px;
	font-weight: normal;
	color: #ffdbc3;
}
	.copyright a { color: #fffad0; text-decoration: none; }
	.copyright a:hover { text-decoration: underline; }
	a.potent { font: 200% bold; font-family: Comic Sans MS, serif; font-style: italic; color: #ffc6a0; text-decoration: none; }
	.potent span { display: none; }