html{ font-size:100%; }
body{ font-size:62.5%; line-height:1.5;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      position:relative; background:#2C3842 center top no-repeat;
      color:#DDD; margin:0; }

body.home{ background-image: url(../image/bg-photo-1.jpg); }
body.blog{ background-image: url(../image/bg-photo-2.jpg);}
body.gallery{ background-image: url(../image/bg-photo-3.jpg);}
body.about{ background-image: url(../image/bg-photo-4.jpg);}
body.contact{ background-image: url(../image/bg-photo-3.jpg);}

object#logo-mast{ width:62.3em; height:12em; margin:1em 0 127px 8.4em;
                  display: inline-block; }
img#logo-mast{ width:53.9em; height:12.4em; margin:1em 0 119px 0; }
.mast{ width:100em; text-align:center; margin:0 auto; padding: 1px 0;
       background:transparent url(../image/page-topper.png) repeat-x left bottom; }
.todo{ width:100em; position:relative; margin:0 auto; padding: 3.5em 0 0.2em;
       background-color:inherit; }
#logo-closing{ clear:left; margin: 2em 2em 0 29.5em; vertical-align:middle;}
#copyright{ font-size: 1.1em; clear:left; position:relative; top:-2.3em;
            left:39em; width: 25em;}

h1,h2,h3,h4,h5,h6{}
p{ font-size:1.4em; margin:0.4em 0; }
img{border:none;}

.central :link,
.aside :link{ color:#58D; }

.aside a.redlink, .aside a.redlink:visited	{color:#8A3B24;}
.aside a.redlink:hover	{color:#58D;}

.central :visited,
.aside :visited{ color:#AAA; }

.central :link:hover,
.central :visited:hover,
.aside :link:hover,
.aside :visited:hover{ color:#DD8; }

/* Layout  Template 'tri-a'
   used in: Home, About Us
   
   Ordered as they appear in the markup */
   
.greeter{ width:22.6em; position:absolute; left: 0; top:2.8em;
          color:#99AABB; padding: 0.1em 2.1em 7.8em 2.7em;
          zoom:1;
          background: transparent url(../image/horizon-city-to-mountain.png) left bottom no-repeat; }
.greeter p{font-size: 2em; }
.greeter img{ display:block; width:23.8em; }
.greeter h1 img{ display:inline; width:auto;}
.greeter p.caption{font-size: 1.2em;}

/* optionally appearing: .cta == 'call to action' */
.section.cta{ position:relative; margin: 0 0 .5em 27.3em; width: 70em;}
.section.cta img.photo{ width:70em; height:24.6em; }
.section.cta h2{ position:absolute; margin: 0; bottom:.4em; left:1em; z-index:5;}

.central{ width:39.4em; background:#742C1D; margin-left: 27.4em; position:relative;
          float:left; padding: 0 2em; display:inline; }
.central .header,
.central .footer{ background:transparent url(../image/red-caps.png) repeat-x;
                  position:relative; zoom:1; }

.central h2, .central h3,
.aside h2, .aside h3,
.main h2, .main h2 { margin-top:0; margin-bottom:0em;}
.central h3, .aside h3, .main h3{ font-size: 1.4em; font-weight:bold; }
.central p, .aside p, .main p{ margin: 0.4em 0; }
.central p.special{ color:#D1C9AB; font-size:1.6em; }

.central .header,
.aside .header,
.main .header{ top:-5px; padding: 0.1em 0; margin: 0 -2em 0.8em -2em; min-height:6px; }
.central .footer,
.aside .footer,
.main .footer{ bottom:-5px; min-height:6px; margin: 0 -2em;
               background-position: left bottom; }
                  
.aside,
.cta-aside{ width:21.5em; background:#D1C9AC; color:#212A32; float:left;
        margin: 0 0 .4em .7em; padding: 0 2em; display:inline;}
.aside .header,
.aside .footer{ background-image: url(../image/wide-beige-caps.png);
                position:relative; zoom:1; }
                
.cta-aside{ width: auto; padding:0; background:transparent;}
.cta-aside img{ width: 25.5em; height: 27.6em; margin-top:-5px; }

/* Layout  Template 'bi-a'
   used in: Blog/Blog Archives, Photo Gallery
   
   Ordered as they appear in the markup */
.main{ width: 63.9em; background:#D1C9AC; color:#333; margin-left: 2.7em;
       position:relative; float:left; padding: 0 2em; }
.main .header,
.main .footer{ background-image:url(../image/wide-beige-caps.png);
               position:relative; zoom:1; padding: 0 2em; }
               
.bi-a .aside{ background-color:#742C1D; color:#C7BD9D; }
.bi-a .aside .header,
.bi-a .aside .footer{ background-image: url(../image/red-caps.png);}

/* Gallery  styles */
.gallery .pics{ position:relative;top:1.2em; left:1.2em; overflow:hidden; width:40em;
                height:42.2em; white-space:nowrap;}
.gallery .pics img{ width:40em; height:40em; }
.gallery .guide{ padding-top:1px; padding-bottom:1px; }
.gallery .guide a{ padding: .5em 0 .5em 1.5em; text-decoration:none; font-size:1.2em;}
.gallery .guide:target{text-decoration:blink;}


/* .home Specific page styles*/
.home .aside .footer{ margin-top:2em; }
.home .central .footer{ }
.home .central .gallery-thumbs img{width:8.1em; height:8.1em;}

/* .about Specific page styles*/
.about .central .footer{  }
.about .greeter { padding-bottom:22em; }

/* Nav */
.nav{ position:absolute; top:.2em; left:0em; list-style:none; width:100%;
      margin:0; padding:0; text-align:center; z-index:2; }
.nav li{ margin:0; padding:0; display:inline;}
.nav a{ font-size:1.4em; text-transform:uppercase; letter-spacing: 0.2em;
         margin:0 1.8em 0 0; color:#AAA; text-decoration:underline; }
.nav :link,
.nav :visited{ text-decoration:none; }
.nav :link{ color:#FFF;}
.nav :visited{ color:#DDD;}
.nav :link:hover,
.nav :visited:hover{ color: #8B8260;}