@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:74%;
	color:#525252;
	background:#000;
	line-height:1.6em;
	}
body.blackbg {
	background:#000;}
a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#12396e;
	}
a:hover {
	color:#666;
	}
	
h2 { font-size:2.6em; }

#repeater {
	background-image: url(../images/display-images/back-repeater.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#background {
	background-image: url(../images/display-images/background-new.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	}

#container {
	position:relative;
	width:960px;
	height:836px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
#content { float:left; width:710px; margin:155px 0px 0px 40px; height:455px;   }

a.about-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/about.png); width:202px; height:200px; margin:10px 0px 0px 50px; }
a.events-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/events.png); width:214px; height:198px; margin:15px 0px 0px 5px; }
a.paintings-frame {
	float:left;
	text-indent:-9999em;
	background:url(../images/display-images/nav/painting.png);
	width:212px;
	height:184px;
	margin:5px 0px 0px 55px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.comic-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/comics.png); width:224px; height:194px;  margin:0px 0px 0px 10px; }
a.gallery-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/gallery.png); width:167px; height:246px;  margin:-125px 0px 0px 0px; }
a.weddings-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/weddings.png); width:216px; height:190px;  margin:0px 0px 0px 233px; }
a.contact-frame { float:left; text-indent:-9999em; background:url(../images/display-images/nav/contact.png); width:205px; height:200px;  margin:-35px 0px 0px 55px; }

a.about-frame:hover, a.events-frame:hover, a.paintings-frame:hover, a.comic-frame:hover, a.gallery-frame:hover, a.weddings-frame:hover, a.contact-frame:hover { background-position:0px -1px; }

.section { float:left; width:204px; }

.space1 { margin:20px 0px 0px 25px; }
.space2 { margin:22px 0px 0px 25px; }
.space3 { margin:20px 0px 0px 25px; }
.space4 { margin:25px 0px 0px 25px; }

.section-image { float:left; width:160px; height:120px; overflow:hidden; }
.section-image img { width:160px; height:120px; }

a.frame1 { float:left; background:url(../images/display-images/frame1.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }
a.frame2 { float:left; background:url(../images/display-images/frame2.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }
a.frame3 { float:left; background:url(../images/display-images/frame3.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }
a.frame4 { float:left; background:url(../images/display-images/frame4.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }
a.frame5 { float:left; background:url(../images/display-images/frame5.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }
a.frame6 { float:left; background:url(../images/display-images/frame6.png) no-repeat; width:204px; height:170px; margin:-145px 0px 0px -30px; z-index:70; }


/*a.plate { font-size:1.2em; float:left; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/display-images/plate.png); width:151px; height:30px; margin:-20px 0px 0px 0px; padding:13px 0px 0px 0px; text-align:center; color:#f2ebe3; }
*/
a.news-teaser { float:left; background:url(../images/display-images/aboard.png); width:219px; height:260px; text-indent:-9999em; margin:-20px 0px 0px 0px; }
a.news-teaser:hover { background-position:0px -260px; }

#content-holder { position:relative; width:861px; margin:15px auto;  }
a, a:link, a:active, a:focus { color:#403525; }
a:hover { color:#5f5240; }
.popuptop { float:left; background:url(../greybox/popuptop.png); width:861px; margin:20px 0px 0px -8px; height:84px; }
.popupcontent { float:left; background:#FFFCEB; width:766px; padding: 0px 20px 20px 20px;  }
.popupbottom { float:left; background:url(../greybox/popupbottom.png); width:806px; height:77px; }

.left-content { float:left; width:485px; color:#47442e;   }
.right-content { float:right; width:260px;  }
h1 { font-size:3.2em; color:#47442e; }
.contact { float:left; background:url(../images/display-images/contact-bg.gif) no-repeat; width:195px; margin:0px 0px 15px 0px; padding:40px 0px 0px 65px; }

.links { float:left; width:260px; color:#161512; background:url(../images/display-images/links-bg.gif) no-repeat top left; padding:60px 0px 0px 0px; }
.links a { color:#655948; }

.link { float:left; width:260px; }
.link-desc { float:left; width:260px; margin:0px 0px 10px 0px;}
#form1 { float:left; width:376px; }
.form-input { float:left; padding:5px; width:366px; margin:0px 0px 5px 0px; color:#47442e; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; background: #fff url(../images/display-images/form-bg.gif) no-repeat top left;   }


.submit-btn { float:right; margin:5px 0px 0px 0px; }

.event { float:left; width:475px; padding:10px 5px; opacity:0.7; border-bottom:1px solid #dedede;  }
.first-event { opacity:1; }
.event:hover { opacity:1; }
.event-image { float:left; width:100px; padding:2px; border:solid 1px #dedede; margin:0px 15px 0px 0px; }
.event-text { float:left;  width:350px;  }
.event-title { float:left; width:350px;  font-size:1.2em; }
.month { float:left; padding:0px 0px 15px 0px; width:260px;  }

.event-list { float:left; width:260px; padding:10px 0px; border-bottom:1px solid #dedede; opacity:0.8; }
.event-list:hover {opacity:1; }

a.backhome { float:left; width:100%; background:url(../images/display-images/backhome.png) no-repeat;  height:35px; text-indent:-9999em;  }
a.backhome:hover { background-position:0px -35px; }

a.back { float:left; width:100%; margin:-77px 0px 0px -50px; background:url(../images/display-images/back.png) no-repeat;  height:35px; text-indent:-9999em;  }
a.back:hover { background-position:0px -35px; }
h1.art-detail { color:#fff; }
.image-col { float:left; width:200px; margin:0px 10px 0px 0px; }
.alt { float:left; width:200px; text-align:center; font-style:italic; }

a.continue-btn { float:left; background:url(../images/display-images/continue-btn.gif); text-indent:-9999em; margin:15px 0px 0px 0px; width:201px; height:53px; }
a.continue-btn:hover { background-position:bottom; }