/* CSS Document */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0; padding: 0; background-color: #FFFFFF;}

a:active, a:focus, a img {outline: 0; border: none;}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}

#centering {top: 50%; left: 0px; width: 100%; height: 1px; position: absolute; overflow: visible; visibility: visible; display: block;}
#wholepage-con {top: -272px; left: 50%; position: absolute; visibility: visible; text-align: center; display: table; vertical-align: middle; width: 959px; height: 545px; padding: 0;  margin-left: -479px;}


#logobar {width: 959px; padding: 0; margin: 0; clear: right;}
#logo img {float: left; display: inline; padding: 0; margin: 0;}

#logobar ul.logobarcolorboxes {list-style: none; float: left; padding: 0; margin: 6px 0 0 12px;}
#logobar li.rectangle {float: left; display: inline; width: 583px; height: 11px; background-color: #88adb5; padding: 0; margin: 0 5px 0 0;}
#logobar li.square1 {float: left; display: inline; width: 11px; height: 11px; background-color: #C8DEE5; padding: 0; margin: 0 5px 0 0;}
#logobar li.square2 {float: left; display: inline; width: 11px; height: 11px; background-color: #bad7e0; padding: 0; margin: 0 5px 0 0;}
#logobar li.square3 {float: left; display: inline; width: 11px; height: 11px; background-color: #89aaad; padding: 0; margin: 0 5px 0 0;}
#logobar li.square4 {float: left; display: inline; width: 11px; height: 11px; background-color: #7a9899; padding: 0; margin: 0;}

#navbar {float: left; display: inline; width: 956px; padding: 0; margin: 21px 0 7px 0; list-style: none; position: relative; z-index: 900; font-family: arial, verdana, sans-serif; height: 14px;}
*html #navbar {*float: left; display: inline; width: 956px; padding: 0; margin: 19px 0 7px 0; list-style: none; position: relative; z-index: 900; font-family: arial, verdana, sans-serif; height: 14px;}
#navbar ul {list-style: none; padding: 0; margin: 0 0 0 3px;}
#navbar li {float: left; display: inline; padding: 0; margin: 0;}
#navbar li.navsquare1 {float: left; display: inline; width: 11px; height: 11px; background-color: #7a9899; padding: 0; margin: 0 14px 0 0;}
#navbar li.navsquare2 {float: left; display: inline; width: 11px; height: 11px; background-color: #88adb5; margin: 0 15px 0 26px;}
#navbar li.navsquare3 {float: left; display: inline; width: 11px; height: 11px; background-color: #89aaad; margin: 0 16px 0 25px;}
#navbar li.navsquare4 {float: left; display: inline; width: 11px; height: 11px; background-color: #bad7e0; margin: 0 17px 0 24px;}
#navbar li.navsquare5 {float: left; display: inline; width: 11px; height: 11px; background-color: #C8DEE5; margin: 0 17px 0 24px;}
#navbar li a {display: block; float: left; display: inline; height: 14px; text-decoration: none; padding: 0; cursor: pointer;}
*html #navbar li a {*margin: 0 0 -1px 0;} 
#navbar li a strong {margin-left: -9999px;}

#navbar li a.home {background: url(../images/nav/home.gif); width: 38px;}
#navbar li a.projects {background: url(../images/nav/projects.gif); width: 59px;}
#projects #navbar li a.projects {background: url(../images/nav/projects_on.gif); width: 59px;}
#projectmain #navbar li a.projects {background: url(../images/nav/projects_on.gif); width: 59px;}

#navbar li a.about {background:  url(../images/nav/about.gif); width: 41px;}
#about #navbar li a.about {background: url(../images/nav/about_on.gif); width: 41px;}

#navbar li a.contact {background: url(../images/nav/contact.gif); width: 54px;}
#contact #navbar li a.contact{background: url(../images/nav/contact_on.gif); width: 54px;}

#main-con {width: 957px; border: #D1D1D1 1px solid; padding: 0; margin: 0; text-align: left;}
#main {background-image: url(../images/misc/blueandwhitebkgd.gif); background-repeat: repeat-y; min-height: 100%; padding: 0; margin: 2px 0 2px 2px; position: relative; height: 100%;}
#main-left {width: 304px; float: left; display: inline; padding: 0; margin: 0 2px 0 0;}

#main-left img {padding: 0; vertical-align: bottom; margin: 13px 0 5px 9px;}
#main-left img.header {padding: 0; margin: 18px 0 10px 9px;}
#main-left img.projectsheader {padding: 0; margin: 18px 0 11px 9px; #margin: 18px 0 20px 9px;}
#main-left ul {list-style: none; padding: 0; margin: 4px 0 0 0;}
#main-left li {padding: 0; margin: 0;}
#main-left li img {padding: 0; margin: 0 0 16px 9px;}
#main-left p {width: 284px; padding: 0; margin: 0 28px 0 9px; font-size: 12px; line-height: 18px;}
#main-left p.location {width: 284px; padding: 0; margin: -9px 28px 10px 9px; font-size: 12px; line-height: 18px;}
*html #projects #main-left {*width: 304px; padding: 0; margin: 0 -15px 0 0;}/*Edit?*/
*html #main-left p {*margin: 0 11px 0 9px;}
#projects #main-left p {width: 284px; padding: 0; margin: 10px 28px 0 9px; font-size: 12px; line-height: 17px;}
#projects #main-left p.location {width: 284px; padding: 0; margin: -9px 28px 10px 9px; font-size: 12px; line-height: 15px;}
#main-left p.intropara {width: 284px; padding: 0; margin: 13px 28px 0 9px; font-size: 12px; line-height: 18px;}
*html #main-left p.intropara {*margin: 13px 11px 0 9px;}
#main-left-bottom {padding: 0; margin: 36px 0 0 0;}
#projects #main-left-bottom {padding: 0; margin: 0;}
#projects #main-left-bottom img {padding: 0; margin: 0; position: absolute; bottom: 8px; left: 9px;}

#main-left ul.sidebar {padding: 0; margin: 0;}
#main-left ul.sidebar li {padding: 0; margin: 0;}
*html #main-left ul.sidebar li.placeholder {*margin: 0 0 -14px 0;}
#main-left ul.sidebar li img {float: left; display: inline; padding: 0; margin: 0 0 0 2px;}

#main-left ul.sidebar li a {display: block; float: left; display: inline; height: 41px; text-decoration: none; padding: 0; margin: 0 0 0 2px; #margin: -9px 0 0 2px; cursor: pointer;}
#main-left ul.sidebar li a img {margin-left: 0;}
#main-left ul.sidebar li a strong {margin-left: -9999px;}
#main-left ul.sidebar li a.porchremodel {background: url(/images/sidebarnav/porchremodel.gif); width: 300px;}
#main-left ul.sidebar li a.porchremodel:hover {background: url(/images/sidebarnav/porchremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.porchremodelhover {background: url(/images/sidebarnav/porchremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.twostoryaddition {background: url(/images/sidebarnav/twostoryaddition.gif); width: 300px;}
#main-left ul.sidebar li a.twostoryaddition:hover {background: url(/images/sidebarnav/twostoryaddition_hover.gif); width: 300px;}
#main-left ul.sidebar li a.twostoryadditionhover {background: url(/images/sidebarnav/twostoryaddition_hover.gif); width: 300px;}
#main-left ul.sidebar li a.historicdistrictremodel {background: url(/images/sidebarnav/historicdistrictremodel.gif); width: 300px;}
#main-left ul.sidebar li a.historicdistrictremodel:hover  {background: url(/images/sidebarnav/historicdistrictremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.historicdistrictremodelhover {background: url(/images/sidebarnav/historicdistrictremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomkitchen {background: url(/images/sidebarnav/masterbedroomkitchenremodel.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomkitchen:hover  {background: url(/images/sidebarnav/masterbedroomkitchenremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomkitchenhover {background: url(/images/sidebarnav/masterbedroomkitchenremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomsuite {background: url(/images/sidebarnav/masterbedroom.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomsuite:hover  {background: url(/images/sidebarnav/masterbedroom_hover.gif); width: 300px;}
#main-left ul.sidebar li a.masterbedroomsuitehover {background: url(/images/sidebarnav/masterbedroom_hover.gif); width: 300px;}
#main-left ul.sidebar li a.atticremodel {background: url(/images/sidebarnav/atticremodel.gif); width: 300px;}
#main-left ul.sidebar li a.atticremodel:hover {background: url(/images/sidebarnav/atticremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.atticremodelhover {background: url(/images/sidebarnav/atticremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.multileveldeck {background: url(/images/sidebarnav/multileveldeck.gif); width: 300px;}
#main-left ul.sidebar li a.multileveldeck:hover {background: url(/images/sidebarnav/multileveldeck_hover.gif); width: 300px;}
#main-left ul.sidebar li a.multileveldeckhover {background: url(/images/sidebarnav/multileveldeck_hover.gif); width: 300px;}
#main-left ul.sidebar li a.smallkitchen {background: url(/images/sidebarnav/smallkitchenremodel.gif); width: 300px;}
#main-left ul.sidebar li a.smallkitchen:hover {background: url(/images/sidebarnav/smallkitchenremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.smallkitchenhover {background: url(/images/sidebarnav/smallkitchenremodel_hover.gif); width: 300px;}
#main-left ul.sidebar li a.coucou {background: url(/images/sidebarnav/coucou.gif); width: 300px;}
#main-left ul.sidebar li a.coucou:hover {background: url(/images/sidebarnav/coucou_hover.gif); width: 300px;}
#main-left ul.sidebar li a.coucouhover {background: url(/images/sidebarnav/coucou_hover.gif); width: 300px;}

#about dl {padding: 0; margin: 0 0 0 9px;}
#about dd p {padding: 0; margin: 0 0 9px 0;}
#about dt {padding: 0; margin: 0;}
#about dd {padding: 0; margin: 0 0 7px 0; width: 284px;}

#footer {width: 959px; padding: 0; margin: 9px 0 0 0;}
#footer p {float: right; display: inline; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

#preload {display: none;}

#home #main-right {width: 649px; height: 455px; float: left; display: inline; padding: 0; margin: -1px 0 0 0;}
#projects #main-right {width: 649px; height: 455px; float: left; display: inline; padding: 0; margin: 0; voice-family:"\"}\"";
voice-family:inherit; margin: -1px 0 0 0;}
/*end*/
/*\*/
html* #projects #main-right{
[margin: 0 0 -2px 0;
 margin: 0 0 -2px 0;
]margin: 0 0 -2px 0;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #test1 {
margin: 0;
}
/*end*/
#main-right {width: 649px; height: 454px; float: left; display: inline; padding: 0; margin: 0;}
*html #main-right {width: 649px; height: 454px; float: left; display: inline; padding: 0; margin: 0 0 -2px 0;}
*html #projectmain #main-right {width: 649px; height: 454px; float: left; display: inline; padding: 0; margin: 0;}
#main-right ul {list-style: none; margin: 0 0 0 1px; padding: 0;}
*html #main-right ul {*list-style: none; margin: 0 0 -2px 1px; padding: 0; height: 150px;}
#main-right li {float: left; display: inline; padding: 0; margin: 0; height: 150px;}
#main-right li img {padding: 0; margin: 0; width: 214px;}
*html #main-right li img {*padding: 0; margin: 0; width: 214px; height: 150px;}
*html #main-right ul.imagegridtoprow {*list-style: none; margin: 0 0 0 1px; padding: 0; height: 150px;}
*html #main-right ul.imagegridbottomrow {*list-style: none; margin: 2px 0 -2px 1px; padding: 0; height: 150px;}
#main-right ul.imagegridtoprow li {padding: 0; margin: 0 0 2px 0;}
*html #main-right ul.imagegridtoprow li {*padding: 0; margin: 0;}
#main-right ul.imagegridtoprow li.first {padding: 0; margin: 0 2px 2px 0;}
*html #main-right ul.imagegridtoprow li.first {*padding: 0; margin: 0 2px 0 0;}
#main-right ul.imagegridtoprow li.last {padding: 0; margin: 0 0 2px 2px;}
*html #main-right ul.imagegridtoprow li.last {*padding: 0; margin: 0 -2px 0 2px;}
#main-right ul.imagegridtoprow li img {padding: 0; margin: 0; width: 214px;}

#main-right li.first {float: left; display: inline; padding: 0; margin: 0 2px 0 0;}
*html #main-right li.first {*padding: 0; margin: 0 2px 0 0;}
#main-right li.last {float: left; display: inline; padding: 0; margin: 0 0 0 2px;}
*html #main-right li.last {*padding: 0; margin: 0 -2px 0 2px;}
#main-right ul.imagegridbottomrow li  {padding: 0; margin: 2px 0 0 0;}
*html #main-right ul.imagegridbottomrow li  {*padding: 0; margin: 0;}
#main-right ul.imagegridbottomrow li.first {padding: 0; margin: 2px 2px 0 0;}
*html #main-right ul.imagegridbottomrow li.first {*padding: 0; margin: 0 2px 0 0;}
#main-right ul.imagegridbottomrow li.last {padding: 0; margin: 2px 0 0 2px;}
*html #main-right ul.imagegridbottomrow li.last {*padding: 0; margin: 0 -2px 0 2px;}
#main-right ul.imagegridbottomrow li img {padding: 0; margin: 0; width: 214px;}

/*Highlight Image Boxes*/
#main-right ul.imagegridtoprow li.first a.hover img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -3px -2px; #margin: -2px -2px -3px -2px; padding: 0;}
*html #main-right ul.imagegridtoprow li.first a.hover img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;} 
#main-right ul.imagegridtoprow li a.hover2 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -3px -2px; #margin: -2px -2px -3px -2px; padding: 0;}
*html #main-right ul.imagegridtoprow li a.hover2 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;} 
#main-right ul.imagegridtoprow  li.last a.hover3 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
*html #main-right ul.imagegridtoprow  li.last a.hover3 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right li.first a.hover4 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
*html #main-right li.first a.hover4 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right li a.hover5 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
*html #main-right li a.hover5 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right li.last a.hover6 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 4px -2px; padding: 0;}
*html #main-right li.last a.hover6 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right ul.imagegridbottomrow li.first a.hover7 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -5px -2px; #margin: -2px -2px -5px -2px; padding: 0;}
*html #main-right ul.imagegridbottomrow li.first a.hover7 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right ul.imagegridbottomrow li a.hover8 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
*html #main-right ul.imagegridbottomrow li a.hover8 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}
#main-right ul.imagegridbottomrow li.last a.hover9 img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
*html #main-right ul.imagegridbottomrow li.last a.hover9 img {*width: 214px; height: 150px; border: #308091 2px solid; position: relative; left: -2px; bottom: -2px; margin: -4px -4px 0 0; padding: 0;}


#main-right ul.imagegridtoprow li.first:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -3px -2px; #margin: -2px -2px -3px -2px; padding: 0; padding: 0;}
#main-right li.first:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
#main-right ul.imagegridbottomrow li.first:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -5px -2px; #margin: -2px -2px -5px -2px; padding: 0;}
#main-right li:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}
#main-right ul.imagegridtoprow li:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px -3px -2px; #margin: -2px -2px -3px -2px; padding: 0;}
#main-right li.last:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 4px -2px; padding: 0;}
#main-right ul.imagegridtoprow  #main-right li.last:hover a img {width: 214px; height: 150px; border: #308091 2px solid; margin: -2px -2px 0 -2px; padding: 0;}*/