@import url("reset.css");

/* Type */

body.home { color: #fff; }

a, a:visited { color: #3e0800; text-decoration: none; }
a:hover { color: #3e0800; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {font-family: Georgia,serif; color: #fff; font-size: 24px; text-align: center; margin-bottom: 22px; letter-spacing: 2px; }
 .home h1 { color: #2d1d0f; font-size: 14px; margin-bottom: 12px; }
 h2{font-size:22px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
 
.alignLeft { float: left; margin: 0 15px 5px 0; }
.alignRight { float: right; margin: 0 0 5px 15px; }
 
p, ul, ol { margin: 12px 0; }

strong { font-weight: bold } em { font-style: italic }

/* Layout */

.container { width: 716px; border: 7px solid #fff; background: #bfb3a6; margin: 86px auto 0; }
 .home .container { background: #8a7969; }

#header span { display: block; text-indent: -99999px; height: 186px; }
.home #header span { height: 296px; background: url(../images/home.jpg); }
.about #header span { background: url(../images/about.jpg); }
.contact #header span { background: url(../images/contact.jpg); }
.gallery #header span { background: url(../images/gallery.jpg); }

#nav { font-family: Georgia, serif; font-size: 12px; display: block; height: 49px; background: #fff; line-height: 49px; text-align: center; }
 #nav ul { margin: 0; }
  #nav li { display: inline; }
   #nav li a { display: inline-block; color: #3e0800; text-decoration: none; padding: 0 20px; position: relative; }
   #nav li a:hover { text-decoration: underline; }
    #nav li a span { position: absolute; left: -5px; top: 23px; width: 10px; height: 1px; background: #3e0800; display: block; }

#footer { color: #908b86; font-family: Georgia, serif; font-size: 10px; line-height: 18px; display: block; width: 716px; margin: 15px auto 0; position: relative; text-align: center; }
 #footer a, #footer a:visited { color: #908b86; text-decoration: none; font-size: 9px; }
 #footer a:hover { color: #908b86; text-decoration: underline; }
 #footer img { position: absolute; top: 50%; right: 0; margin-top: -25px; }
 
#article { padding: 40px 64px 25px; }
 .home #article { text-align: center; width: 588px; }
  #article li { list-style: disc; margin-left: 1.5em; }
  

#gallery { position:relative; height:355px; width:495px; margin: 35px auto 12px; list-style: none; }
#gallery li {list-style: none; }
#gallery img { position:absolute; left:0; top:0; border: 5px solid #fff }
#pager { text-align: center; }
#pager a { display: inline-block; height: 15px; width: 15px; text-indent: -99999px; background: #3E0800; color: #fff; font-size: 95%; margin: 0 0 0 8px; border: 2px solid #BFB3A6 }
#pager a:hover { border-color: #fff; }
#pager a.activeSlide { background: #fff; }