﻿
/*
#
# GENERAL
#
*/

html {
	overflow:scroll;
	overflow-x:hidden;
	background-color:#ffffff;
}
body { 
	font-family:Verdana,Sans-Serif;
	color:white;
	padding:0;
	margin:0;
	text-align:left;
}
#wrapper {
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;/*important for margin top of subsequent divs*/
	margin-top:-1px;/*important for margin top of subsequent divs*/
	width:960px;
}
#container {
	z-index:0;
	position:relative;
	clear:both;
	display:inline-block;
	text-align:left;
	color:black;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;/*important for margin top of subsequent divs*/
	margin-top:-1px;/*important for margin top of subsequent divs*/
	background-color:#fff78a;
	background-color/*\**/: #fef581\9; /*IE7-8 Hack*/
	width:730px;
	height:auto;
}
#container_start {
	z-index:0;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	height:42px;
	background-image:url(img/top.png);
}
#container_end {
	z-index:0;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:53px;
	width:730px;
	height:268px;
	background-image:url(img/end.png);
}
#end_left_bit_fixed {position:absolute;width:59px;height:55px;
	background-image:url(img/end_left_bit.png);
	z-index:1;
	top:212px;
	left:-59px;
}

/*
#
# CONTENT BODY
#
*/

#text {
	margin:10px;
}
p {
	margin-bottom:8px;
	margin-top:8px;
	font-size:13px; 
	line-height:20px;
}
p:first-letter {
	font-size:18px;
	font-weight: bold;
	line-height:20px;
	margin-right:1px;
	padding:0;
}
p a:link, a:active, a:visited {
	text-decoration:none;
	border-bottom:1px black dotted;
	font-weight:bold;
	color:#091c13;
}
p a:hover {
	text-decoration:none;
	border-bottom:1px black dotted;
	font-weight:bold;
	color:#091c13;
}
ul li {
	font-size:12px;
	font-weight:bold;
	width:auto;
	margin:2px 10px 5px 10px;
	line-height:20px;
	padding-left:15px;
	background-image:url(img/list.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
}

h1 {
	font-size:130%; 
}
h2 {
	font-size:130%; 
	margin-bottom:15px;
	margin-top:25px;
}
.column {
	width:365px;
}
#left {
	float:left;
}
#right {
	float:right;
}
.hidden {
	display:none;
}

/*
#
# HEADLINES AND PAGE-SPECIFIC DATA
#
*/

h1#title_home {
	margin: 0 0 0 10px;
	width: 337px; height: 128px;
	background: url(img/title_hotpotato.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

h1#title_about {
	margin: 0 0 0 10px;
	width: 150px; height: 204px;
	background: url(img/title_about.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_contact {
	margin: 0 0 0 10px;
	width: 380px; height: 237px;
	background: url(img/title_contact.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_moonsong {
	margin: 0 0 0 10px;
	width: 690px; height: 158px;
	background: url(img/title_moonsong.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_parties {
	margin: 0 0 0 10px;
	width: 600px; height: 131px;
	background: url(img/title_parties.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_weddings {
	margin: 0 15px 0 0px;
	width: 280px; height: 270px;
	background: url(img/title_weddings.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_schools {
	margin: 0 0 0 10px;
	width: 350px; height: 251px;
	background: url(img/title_schools.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#title_workshops {
	margin: 45px 0 10px 0px;
	width: 319px; height: 97px;
	background: url(img/title_workshops.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}