/* CSS Document */

body { background-color: #000000; margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; }
a { color: #687e6e; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { position: relative; width: 900px; margin: 30px auto 0 auto; border: 8px #A5C7AE solid; background: #fff;  height: 583px;} 

#header { height: 124px; border-bottom: 8px #A5C7AE solid; width: 900px;  }

#content { height: 391px; width: 900px; position: relative; top: 0px; left:0px; }

#text { position: absolute; left: 15px; top: 83px; text-align: right; font: 12px Arial, Helvetica, sans-serif; width: 227px; }
#photos { position: absolute; right: 0px; top: 32px; width: 646px; height: 363px; text-align:left; }
#tag { width: 486px; height: 29px; position: absolute; right: 0px; top: 0px; }

#nav { border-top: 8px #A5C7AE solid; padding: 0px;}
#nav ul { width: 800px; height: 52px; margin: 0px auto 0px auto; padding: 0px;  }
#nav ul li { float: left; list-style: none; padding: 0; margin: 0; }
#nav ul li a { display: block; height: 52px; }

#nav ul li a.ceremony { width: 135px; background-image:url(images/nav_ceremonies_off.gif); }
#nav ul li a.ceremony:hover, #nav ul li a.ceremonyon { width: 135px; background-image:url(images/nav_ceremonies_on.gif); } 
#nav ul li a.fc { width: 195px; background-image:url(images/nav_fandc_off.gif); }
#nav ul li a.fc:hover, #nav ul li a.fcon { width: 195px; background-image:url(images/nav_fandc_on.gif); }

#nav ul li a.pj { width: 175px; background-image:url(images/nav_pj_off.gif); }
#nav ul li a.pj:hover, #nav ul li a.pjon { width: 175px; background-image:url(images/nav_pj_on.gif); }

#nav ul li a.about { width: 105px; background-image:url(images/nav_about_off.gif); }
#nav ul li a.about:hover, #nav ul li a.abouton { width: 105px; background-image:url(images/nav_about_on.gif); }

#nav ul li a.blog { width: 95px; background-image:url(images/nav_blog_off.gif); }
#nav ul li a.blog:hover, #nav ul li a.blogon { width: 95px; background-image:url(images/nav_blog_on.gif); }

#nav ul li a.contact { width: 95px; background-image:url(images/nav_contact_off.gif); }
#nav ul li a.contact:hover, #nav ul li a.contacton { width: 95px; background-image:url(images/nav_contact_on.gif); }

#footer { width: 916px; margin: 5px auto; font: 10px Arial, Helvetica, sans-serif; text-align: right; color: #fffdeb; }
#footer a { color: #fffdeb; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

.address { font-size: 14px; font-weight: bold; color: #687e6e; }

.field { border: 1px #A5C7AE solid; font: 11px Arial, Helvetica, sans-serif; }