/* content */
body { background:#fff url("/rooftops/images/bggradtop.png") top repeat-x; margin:0; }
#site { width:776px; position:relative; left:50%; margin-left:-388px; }
#content { position:absolute; display:block; left:250px; margin-top:375px; width:550px; padding-right:15px; overflow:hidden; z-index:100; background-color:#fff; }

.c { position:absolute; z-index:25; }
#head { left:298px; top:200px; width:278px; height:25px; }
#subhead1, 
#subhead2 {
	text-align:right;
	width:400px;
	xcolor:#ffa200;
	color:#d30000;
	font:20px/24px KingthingsExeterRegular, Georgia, Times, serif !important;
}
#subhead1 { right:220px; top:250px; }
#subhead2 { right:170px; top:275px; }
#logo { left:6px; top:428px; width:154px; height:33px; }
#tagline { left:24px; top:475px; width:118px; height:9px; background:url("/images/tagline.png") no-repeat; }
#sidepic { left:5px; top:510px; width:160px; text-align:center; font-style:italic; font-size:75%; }

/* bg fills */
.f { position:absolute; z-index:5; background-color:#fff; }
#f1 { left:-23px; top:400px; width:217px; height:250px; }
#f2 { left:226px; top:237px; width:416px; height:420px; }
#f3 { left:637px; top:351px; width:181px; height:300px; }
#f4 { left:279px; top:143px; width:315px; height:120px; }

/* illustration */
.i { position:absolute; z-index:20; }
#bg1 { left:-62px; top:140px; width:260px; height:58px; background:url("/rooftops/images/bg1.png") no-repeat; }
#bg2 { left:-74px; top:198px; width:272px; height:216px; background:url("/rooftops/images/bg2.png") no-repeat; }
#bg3 { left:198px; top:160px; width:28px; height:92px; background:url("/rooftops/images/bg3.png") no-repeat; }
#bg4 { left:218px; top:16px; width:409px; height:128px; background:url("/rooftops/images/bg4.png") no-repeat; }
#bg5 { left:638px; top:144px; width:150px; height:179px; background:url("/rooftops/images/bg5.png") no-repeat; }
#bg6 { left:638px; top:323px; width:38px; height:19px; background:url("/rooftops/images/bg6.png") no-repeat; }
#bg7 { left:788px; top:304px; width:27px; height:38px; background:url("/rooftops/images/bg7.png") no-repeat; }
#bg8 { left:-59px; top:36px; width:203px; height:104px; background:url("/rooftops/images/bg8.png") no-repeat; }
#l1 { left:-23px; top:414px; width:12px; height:49px; background:url("/rooftops/images/l1.png") no-repeat; }
#l2 { left:182px; top:414px; width:13px; height:65px; background:url("/rooftops/images/l2.png") no-repeat; }
#l3 { left:226px; top:252px; width:13px; height:192px; background:url("/rooftops/images/l3.png") no-repeat; }
#l4 { left:226px; top:144px; width:63px; height:108px; background:url("/rooftops/images/l4.png") no-repeat; }
#l5 { left:289px; top:144px; width:295px; height:7px; background:url("/rooftops/images/l5.png") no-repeat; }
#l6 { left:584px; top:144px; width:54px; height:108px; background:url("/rooftops/images/l6.png") no-repeat; }
#l7 { left:638px; top:342px; width:169px; height:9px; background:url("/rooftops/images/l7.png") no-repeat; }
#l8 { left:807px; top:342px; width:12px; height:83px; background:url("/rooftops/images/l8.png") no-repeat; }
#elsje { left:676px; top:323px; width:112px; height:19px; background:url("/rooftops/images/elsje.png") no-repeat; }

/* stars */
.s { position:absolute; z-index:10; height:20px; width:20px; }
#s1 { left:-98px; top:19px; width:6px; height:6px; background:url("/rooftops/images/s1.png") no-repeat; }
#s2 { left:-98px; top:109px; width:4px; height:2px; background:url("/rooftops/images/s2.png") no-repeat; }
#s3 { left:-81px; top:217px; width:7px; height:6px; background:url("/rooftops/images/s3.png") no-repeat; }
#s4 { left:-63px; top:22px; width:12px; height:13px; background:url("/rooftops/images/s4.png") no-repeat; }
#s5 { left:164px; top:23px; width:10px; height:9px; background:url("/rooftops/images/s5.png") no-repeat; }
#s6 { left:372px; top:4px; width:11px; height:11px; background:url("/rooftops/images/s6.png") no-repeat; }
#s7 { left:642px; top:83px; width:10px; height:10px; background:url("/rooftops/images/s7.png") no-repeat; }
#s8 { left:693px; top:22px; width:8px; height:7px; background:url("/rooftops/images/s8.png") no-repeat; }
#s9 { left:715px; top:119px; width:10px; height:10px; background:url("/rooftops/images/s9.png") no-repeat; }
#s10 { left:750px; top:49px; width:14px; height:13px; background:url("/rooftops/images/s10.png") no-repeat; }
#s11 { left:885px; top:80px; width:8px; height:8px; background:url("/rooftops/images/s11.png") no-repeat; }
#s12 { left:823px; top:114px; width:17px; height:15px; background:url("/rooftops/images/s12.png") no-repeat; }
#s13 { left:855px; top:167px; width:11px; height:10px; background:url("/rooftops/images/s13.png") no-repeat; }
#s14 { left:838px; top:230px; width:8px; height:8px; background:url("/rooftops/images/s14.png") no-repeat; }
#s15 { left:210px; top:287px; width:4px; height:2px; background:url("/rooftops/images/s15.png") no-repeat; }
#s16 { left:202px; top:110px; width:8px; height:7px; background:url("/rooftops/images/s16.png") no-repeat; }
#s17 { left:-90px; top:97px; width:6px; height:6px; background:url("/rooftops/images/s17.png") no-repeat; }
#s18 { left:801px; top:18px; width:9px; height:8px; background:url("/rooftops/images/s18.png") no-repeat; }
#s19 { left:168px; top:50px; width:16px; height:11px; background:url("/rooftops/images/s19.png") no-repeat; }


/* menu */
#menucontainer {
	display:block;
	position:absolute;
	left:260px;
	top:330px;
	z-index:6;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu h3 {
	display:none;
}
#menu ul li {
	float:left;
}
#menu ul a {
	position:relative;
	overflow:hidden;
	height:16px;
	display:block;
	height:30px;
	color:#af0000;
	font:18px/32px KingthingsExeterRegular, serif;
	padding:0 15px;
}
/* #menu, */
#menu ul a {
	border:1px solid #fbd291;
	border-width:0 0 0 1px;
}
#menu ul li:first-child a {
	border-width:0;
}
#menu ul a:hover,
#menu ul li.active a {
	color:#af4f1e;
}
#menu ul li.active a {
	font-weight:bold;
	color:#af0000;
}