html { 
    height: 100%;
	/*overflow: inherit;*/
}


body {
	font-family:  Myriad Pro, Trebuchet MS, sans-serif;
    color: #451d00;
	
	height:auto !important; /* real browsers */
	min-height:100%; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	/*overflow: inherit;*/
	/*overflow:hidden;*/
}

body.site { background: #f3f0d2 url(left-border-wide.gif) repeat-y; }
body.index {background: #d8e5d1 url(left-border-wide.gif) repeat-y; }
body.project, body.category { background: #FAFAE1 url(left-border-wide.gif) repeat-y; }


a {
	font-family:  Myriad Pro, Trebuchet MS, sans-serif;
    color: #451d00;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

#aboutinfo a, .content-two a, #project-description a, #category-info a, #category-extra a {
    font-weight: bold;
    text-decoration: none;
}

.column {float: left;}

#page-outer {
	/*border-top: 4px solid white;*/
	border-right: 4px solid white;
	border-left: 4px solid white;
	/*background: url(left-border.gif) repeat-y;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align: left;
	/*overflow:hidden;*/
	/*background: url('bg-green-wide.gif') 313px 0 no-repeat;*/
	padding-top: 4px;
}
.site #page-outer { background: url('bg-short-wide.gif') 313px 0 no-repeat; }
.index #page-outer { background: url('bg-green-wide.gif') 313px 0 no-repeat; }
.project #page-outer, .category #page-outer { background: url('bg-yellow-wide.gif') 313px 0 no-repeat; }



#page {
	padding-bottom: 20px;
	width: 1045px;
}

#topborder {
    height: 4px;
    background: white;
}

#bottomborder {
    position: absolute;
    bottom: 0px;
    left: -4px;
    height: 4px;
    background: white;
}

#leftbar {
	float: left;
	width: 309px;
	background: white;
}
#rightbar {
	float: left;
	width: 731px;
	padding-left: 4px;
}

.content-two {
    position: relative;
    width: 530px;
    margin-left: 30px;
}

.content-two p {
    font-size: 108%;
    line-height: 182%;
}

.content-two p em {
    font-style: normal;
    font-weight: bold;
}

.content-two p strong {
    font-size: 182%;
}

#front-proj-title {
    font-size: 77%;
    position: absolute;
    top: 5px;
    left: 0;
}
#front-proj-nav {
    font-size: 77%;
    position: absolute;
    top: 5px;
    right: 0;
}

img.topimage {
    border-right: 4px solid white;
}
img.invisible {
    display: none;
}
div.project-thumbs  {
    padding-top: 46px;
    padding-bottom: 26px;
}
div.project-thumbs a {
	float: left;
    margin-left: 20px;
	height: 112px;
}
div.project-thumbs img {
    padding-bottom: 4px;
}
div.project-thumbs a.first {
    margin-left: 0px;
}
div.project-thumbs a p {
	display: none;
	font-size: 93%;
	line-height: 182%;
}
div.project-thumbs a:hover p {
	display: block;
}
a.historic-thumb img { border-bottom: 13px solid #6e2405; }
a.historic-thumb:hover img { border-bottom: 13px solid #561900; }
a.historic-thumb { color: #6e2405; }
a.green-thumb img { border-bottom: 13px solid #737c45; }
a.green-thumb:hover img { border-bottom: 13px solid #5d6828; }
a.green-thumb { color: #5d6828; }
a.remodel-thumb img { border-bottom: 13px solid #507282; }
a.remodel-thumb:hover img { border-bottom: 13px solid #3a6072; }
a.remodel-thumb { color: #3a6072; }
a.commercial-thumb img { border-bottom: 13px solid #5c4a55; }
a.commercial-thumb:hover img { border-bottom: 13px solid #4f3b47; }
a.commercial-thumb { color: #4f3b47; }


#logo a {
    display:block;
    height: 186px;
    width: 309px;
    background: url(logo.gif) no-repeat;
    text-indent: -5000px;
}

#header {
    position: relative;
    height: 187px;
    /*border-bottom: 4px solid white;*/
}

#header div.inner {
    position: relative;
    width:560px;
}

#header-links {
    position: absolute;
    top: 22px;
    right: 0;
    color: white;
}

#header-links a {
    font-size: 85%;
}

#header-links a:hover {
	text-decoration: underline;
}

#header #blog-link a {
    position: absolute;
    display:block;
    top: 72px;
    right: 0;
    width: 230px;
    height: 32px;
    background: url(blog-link.gif) no-repeat;
    text-indent: -5000px;
}
#header #blog-link a:hover {
	background-position: 0px -32px;
}


#content-one {
    background: #c8d9be;
    border-bottom: 4px solid white;
    height: 276px;
}

#nav li {
	padding-bottom: 2px;
}

#nav li a{
    width: 309px;
    height: 54px;
    display: block;
    text-indent: -5000px;
}

#nav-about a {
    background: url(nav.png) no-repeat;
}
.about #nav-about a, #nav-about a:hover {
    background-position: -309px 0;
}
#nav-renovations a {
    background: url(nav.png) 0 -54px no-repeat;
}
.historic #nav-renovations a, #nav-renovations a:hover {
    background-position: -309px -54px;
}
#nav-green a {
    background: url(nav.png) 0 -108px no-repeat;
}
.green #nav-green a, #nav-green a:hover {
    background-position: -309px -108px;
}
#nav-remodel a {
    background: url(nav.png) 0 -162px no-repeat;
}
.remodel #nav-remodel a, #nav-remodel a:hover {
    background-position: -309px -162px;
}
#nav-commercial a {
    background: url(nav.png) 0 -216px no-repeat;
}
.commercial #nav-commercial a, #nav-commercial a:hover {
    background-position: -309px -216px;
}

#footer {
    position: fixed;
    left: 20px;
    bottom: 20px;
}
#footer #address {
    color: #451d00;
    font-size: 77%;
}
#footer a:hover {
	color: #737c45;
}

#linksnews {
    position: relative;
    color: #572600;
}
#linksnews a {
    color: #572600;
}

#linksnews-body {
    margin-left: 158px;
    border-left: 4px solid white;
    padding-top: 15px;
    padding-left: 20px;
    width: 491px;
    line-height: 150%;
}
#linksnews li {
    margin-bottom: 10px;
}
#linksnews h1 {
    width: 244px;
    height: 27px;
    text-indent: -5000px;
    margin-bottom: 13px;
    background: url(ln-banner.gif) no-repeat;
}
#linksnews h2 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #9db887;
    font-size: 138.5%;
}
#linksnews h3 {
    font-weight: bold;
    font-size: 108%;
}
#linksnews .hrule {
    width: 488px;
    height: 1px;
    margin-bottom: 35px;
    background-color: #572600;
}
.linksNews   #category-subnav li {border-top: 1px solid #653614;}

#aboutpics {
    float: left;
    width: 158px;
    text-align: center;
}

#aboutpics img {
    margin-top: 18px;
}

#aboutinfo {
    margin-left: 158px;
    border-left: 4px solid white;
    padding-top: 15px;
    padding-left: 20px;
    width: 491px;
    line-height: 150%;
}

#aboutinfo h2 {
    font-size:108%;
    font-weight: bold;
    margin-top: 1.5em;
}

#aboutinfo p {
    font-weight: 200;
    font-family: "MyriadPro-Light", "Myriad Pro Light",
        "Myriad Pro", Trebuchet MS, sans-serif;
}

#contactinfo {
    margin-left: 158px;
    border-left: 4px solid white;
    padding-top: 15px;
    padding-left: 20px;
    width: 491px;
    line-height: 150%;
    color: #7e5834;
}

#contactinfo p {
    font-size: 123.1%;
    margin-bottom: 20px;
}

#category-top {
    position: relative;
    height: 276px;
    /*border-bottom: 4px solid white;*/
}

#category-info {
    padding: 15px 0 0 20px;
}
#category-info h1 {
    width: 480px;
    height: 27px;
    text-indent: -5000px;
    padding-bottom: 11px;
	margin-bottom: 15px;
}
.historic #category-info h1 {
    background: url(category-historic.gif) no-repeat;
	border-bottom: 1px solid #653614;
}
.green #category-info h1 {
    background: url(category-green.gif) no-repeat;
	border-bottom: 1px solid #737c45;
}
.remodel #category-info h1 {
    background: url(category-remodel.gif) no-repeat;
	border-bottom: 1px solid #507282;
}
.commercial #category-info h1 {
    background: url(category-commercial.gif) no-repeat;
	border-bottom: 1px solid #5c4a55;
}

#category-info p {
    line-height: 182%;
    width: 480px;
    color: #91593c;
}
#category-info.small p {
    line-height: 138.5%;
    width: 480px;
    color: #91593c;
    margin-bottom: 10px;
}
#category-info strong {
    font-size: 182%;
}
#category-info.small strong {
    font-size: 138.5%;
}

#category-subnav {
	float: left;
    top: 2px;
    width: 159px;
    height: 276px;
    border-right: 4px solid white;
}
#category-subnav li {
    width: 134px;
    border-top: 1px solid blue;
    margin: auto;
    height: 54px;
}
.historic   #category-subnav li {border-top: 1px solid #653614;}
.green      #category-subnav li {border-top: 1px solid #737c45;}
.remodel    #category-subnav li {border-top: 1px solid #507282;}
.commercial #category-subnav li {border-top: 1px solid #5c4a55;}

#category-subnav li.first {
    border: none;
}

#category-subnav li a {
    line-height: 54px;
    vertical-align: middle;
    text-transform:uppercase;
}

.historic   #category-subnav li a {color: #91593c;}
.green      #category-subnav li a {color: #939968;}
.remodel    #category-subnav li a {color: #507282;}
.commercial #category-subnav li a {color: #5c4a55;}

#category-subnav li a:hover {
	font-weight: bold;
	letter-spacing: 0;
}

#category-bottom div.project-thumbs {
    margin-left: 20px;
    width: 688px;
}

#category-extra {
    position: relative;
    margin-left: 40px;
    width: 500px;
}

#category-extra p, #project-description p {
    margin-bottom: 8px;
}

#category-extra li, #project-description li {
    margin-bottom: 20px;
}
#category-extra li p, #project-description li p {
    font-size: 93%;
    color: #91593c;
}
#category-extra li blockquote, #project-description li blockquote {
    font-style: italic;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    margin-bottom: 5px;
}
#category-extra li blockquote p, #project-description li blockquote p {
    font-size: 108%;
    color: #91593c;
}
#category-extra li strong, #project-description li strong {
    font-weight: bold;
}


#project-bottom {
    position: relative;
    padding-bottom: 20px;
}

#project-info {
    margin-left: 163px;
    width: 530px;
    padding-left: 18px;
    padding-top: 4px;
}
#project-image-title {
    font-size:77%;
}
#project-image-nav {
    float: right;
    font-size:77%;
}
#project-info h1 {
    padding-top: 38px;
    padding-bottom: 20px;
    font-size: 108%;
    text-transform: uppercase;
}
#project-info h1 .title {
    font-weight: bold;
}
#project-info h2 {
    margin-top:6px;
    font-weight: bold;
}
#project-info p {
    font-size: 93%;
}
#project-mini-thumbs {
    float: left;
    margin-left: 3px;
    width: 159px;
    height: 276px;
    
}

#project-mini-thumbs img {
    margin-left: 14px;
    margin-top: 14px;
}