.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.popup * {
	margin: 0;
	padding: 0;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
.popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
.popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
.popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
.popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
.popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
.popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
}

table.popup-contents td {
	text-align: left;
}

table.popup-text {
	background-color: #fff;
}


html, body {
	background: #fff;
	font-family: Baskerville, "Gill sans", Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
h1 {
	color: #555;
	margin: 0;
	margin-top: 60px;
	padding: 0;
	font: 24px Baskerville;
	font-weight: normal;
}
	
h2 {
	color: #555;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0;
	padding: 15px;
	text-align: center;
}
	
#container {
	margin: auto;
	text-align: left;
	width: 550px;
}

#head {
	margin: 0px 0px 0px 0px;
	text-align:left;
}

p {
	color: #555;
	font-size: 10px;
	font: 16px Baskerville;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

ul, li {
    color: #555;
	font: 14px Baskerville;
	line-height: 19px;
}

a {
	border-bottom: 1px solid #fff;
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #aaa;
	color: #663300;
}

fieldset {
	border: 1px solid #666;
	border-style: solid none none none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

legend {
	color: #666;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	margin: auto;
	padding: 0px 10px;
	text-align: center;
}


p.p1 {
	font: 20px Baskerville;
	margin: 0px 0px 10px 0px;
}

span.s1 {
	font: 28px Baskerville;
}

span.s2 {
	font: 18px Hiragino Mincho Pro;
}

span.s3 {
	font: 18px Times;
}

span.s4 {
	font: 16px Lucida Grande;
}

span.s5 {
	font: 13px Lucida Grande;
}