/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/
           
/* HTML elements */
       
         body { background: #cea66b; font-size: 62.5%; }
    p { line-height: 1.1em; margin-bottom: 1em; }
    a { color: #000; }
    a:hover { color: #c85e11}
    h1 { position: absolute; left: 225px; top: -38px}
    a.nounderline { text-decoration: none; }
    
    #container { margin: 0px auto; width: 800px; height: 600px; font: normal 1.3em arial; position: relative; z-index: 2; background: url(/images/bg_container_wide.jpg) no-repeat; }

        .pg_homepage #container { background: url(/images/bg_container_home.jpg) no-repeat; height: 625px }
        .pg_contact #container { background: url(/images/bg_container_thin.jpg) no-repeat; }
        .pg_properties #container { background: url(/images/bg_container_prop.jpg) no-repeat; min-height: 550px; height: auto; float: left; }
            .pg_properties #wrapper { width: 800px; margin: 0px auto; }
            .pg_properties #container_outer { background: url(/images/bg_container_pattern.jpg) repeat-y; float: left; width: 800px; margin: 0px auto; }
            .pg_properties #container_btm { background: url(/images/bg_container_patternbtm.jpg) left bottom no-repeat; width: 800px; margin: 0px auto; float: left; padding-bottom:50px; }

/* Top (Navigation) */
       
#nav { position: absolute; width: 500px; height: 51px; left: 50px; top: 28px;}
    #nav li { float: left; }
        #nav li a { display: block; height: 51px;}
            
            .pg_properties #nav li.a a,
            .pg_options #nav li.b a,
            .pg_neighborhood #nav li.c a,
            .pg_gallery #nav li.d a,
            .pg_contact #nav li.e a { border-top: 6px solid #6f1400; height: 45px}


        #nav li.a a{ width: 121px;  }
        #nav li.b a{ width: 107px;  }
        #nav li.c a{ width: 116px;  }
        #nav li.d a{ width: 85px;  }
        #nav li.e a{ width: 70px;  }
    
    .homelink { top: 25px; right: 0px; width: 220px; height: 220px; position: absolute;  }  
    .emaillink { bottom: 0px; left: 200px; width: 175px; height: 35px; position: absolute; }
        .pg_properties .emaillink { z-index:500; bottom: -50px}
    
/* Content (Content area, styles.css dictates alot of this area) */    
       
    #content { float: left; display: inline; position: relative; margin: 190px 0px 0px 70px; padding: 0px 13px}
        #content.thin { width: 445px; }
        #content.wide { width: 668px; }
    
        #content p.intro { width: 435px; margin: -.3em 0 2.3em .4em;  }