body { margin: 0px auto; padding: 0px; border:0; width: 1051px; background-color: #2C2C2D; }
	
div#header { margin: 0; padding: 0; width: 1051px; height: 76px; background-image: url(../images/sm-frame-top.gif); }
div#headerLG { margin: 0; padding: 0; width: 1051px; height: 76px; background-image: url(../images/lg-frame-top.gif); }

div#container { }

div#left { float: left; width: 80px; height: 485px; background-image:url(../images/sm-frame-left.gif); }
div#right { float: right; width: 80px; height: 485px; background-image:url(../images/sm-frame-right.gif); }

div#leftLG { float: left; width: 80px; height: 1162px; background-image:url(../images/lg-frame-left.gif); }
div#rightLG { float: right; width: 80px; height: 1162px; background-image:url(../images/lg-frame-right.gif); }

div#center { float: left; width: 889px; height: 483px; background-color: #4C4E50; border: 1px solid #000; }
div#centerLG { float: left; width: 889px; height: 1160px; background-color: #4C4E50; border: 1px solid #000; }
div#center div#inner-left { float: left; width: 20%; height: 100%; }
div#centerLG div#inner-left { float: left; width: 20%; height: 100%; }
div#center div#inner-left a img { margin: 110px 0 10px 0px; }
div#centerLG div#inner-left a img { margin: 110px 0 10px 0px;  }
div#center div#inner-left a { font: .70em sans-serif; color: #fff; text-decoration: none; text-align: center; margin: 0px 0 0 29px; }
div#centerLG div#inner-left a { font: .70em sans-serif; color: #fff; text-decoration: none; text-align: center; margin: 0px 0 0 29px; }
div#center div#inner-left a:hover { color: #FFDBC5; text-decoration: underline; }	
div#centerLG div#inner-left a:hover { color: #FFDBC5; text-decoration: underline; }	
div#center div#inner-right { float: right; width: 79%; height: 100%; }	
div#centerLG div#inner-right { float: right; width: 79%; height: 100%; }	
div#center div#inner-right div#nav-cont { width: 97%; height: 75px; margin-bottom: 8px; }
div#centerLG div#inner-right div#nav-cont { width: 97%; height: 75px; margin-bottom: 8px; }

div#center div#inner-right div#nav-cont div.nav-button a.about-on { padding: 5px 0 0 23px; border: 1px solid #fff; color: #000; font: 1em arial; text-decoration: none; float: left; width: 67px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-on.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.about-on { padding: 5px 0 0 23px; border: 1px solid #fff; color: #000; font: 1em arial; text-decoration: none; float: left; width: 67px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-on.gif); }
div#center div#inner-right div#nav-cont div.nav-button a.about-off { padding: 5px 0 0 23px; border: 1px solid #fff; color: #fff; font: 1em arial; text-decoration: none; float: left; width: 67px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-off.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.about-off { padding: 5px 0 0 23px; border: 1px solid #fff; color: #fff; font: 1em arial; text-decoration: none; float: left; width: 67px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-off.gif); }
div#center div#inner-right div#nav-cont div.nav-button a.about-off:hover { color: black; background-image:url(../images/button-on.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.about-off:hover { color: black; background-image:url(../images/button-on.gif); }
div#center div#inner-right div#nav-cont div.nav-button a.uniform-on { padding: 5px 0 0 16px; border: 1px solid #fff; color: #000; font: 1em arial; text-decoration: none; float: left; width: 74px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-on.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.uniform-on { padding: 5px 0 0 16px; border: 1px solid #fff; color: #000; font: 1em arial; text-decoration: none; float: left; width: 74px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-on.gif); }
div#center div#inner-right div#nav-cont div.nav-button a.uniform-off { padding: 5px 0 0 16px; border: 1px solid #fff; color: #fff; font: 1em arial; text-decoration: none; float: left; width: 74px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-off.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.uniform-off { padding: 5px 0 0 16px; border: 1px solid #fff; color: #fff; font: 1em arial; text-decoration: none; float: left; width: 74px; height:22px; margin: 43px 5px 0 0; background-image:url(../images/button-off.gif); }
div#center div#inner-right div#nav-cont div.nav-button a.uniform-off:hover { color: #000;  background-image:url(../images/button-on.gif); }
div#centerLG div#inner-right div#nav-cont div.nav-button a.uniform-off:hover { color: #000;  background-image:url(../images/button-on.gif); }

div#center div#inner-right div#main-content { width: 97%; height: 78%; border: 1px solid white; background-image:url(../images/bottom-fade2.gif); background-repeat: no-repeat; background-position: 0% 100%; background-color: #151415; }
div#centerLG div#inner-right div#main-content { width: 97%; height: 90%; border: 1px solid white; background-image:url(../images/bottom-fade2.gif); background-repeat: no-repeat; background-position: 0% 100%; background-color: #151415; }

div#center div#inner-right div#main-content p.body-text-p { margin: 15px 0 0 20px; font: .75em sans-serif; color:#fff; line-height: 1.5em; }

div#center div#inner-right div#main-content div#main-left { float: left; width: 63%; height: 100%; }
div#center div#inner-right div#main-content div#main-left a.body-link, .copyright .body-link { color: #FFDBC5; }
div#center div#inner-right div#main-content div#main-left a.body-link:hover, .copyright .body-link:hover	{ color: #ff9966; text-decoration: underline; }
div#center div#inner-right div#main-content div#main-left img { margin: 20px 0 0 19px; }
div#centerLG div#inner-right div#main-content div#main-leftLG { float: left; width: 100%; height: 100%; }

div#center div#inner-right div#main-content div#main-right { float: right; width: 34%; height: 100%; }
div#center div#inner-right div#main-content div#main-right img { margin: 20px 0 0 12px; border: 1px solid #EDF6FA; }

div#centerLG div#inner-right div#main-content div.header-cont { width: 100%; }
div#center div#inner-right div#main-content div.header-cont img.header { text-align: left; margin: 20px 0 0 20px;  }
div#centerLG div#inner-right div#main-content div.header-cont { width: 100%; }
div#centerLG div#inner-right div#main-content div.header-cont img.header { text-align: left; margin: 20px 0 0 20px; }

div#subnav-cont2 { float: left; margin: 12px 0 18px 20px; width: 94%;  border-bottom: 1px dotted #fff;  padding-bottom: 5px; }
div#subnav-cont2 p.resume-cont { display: inline; font: bold .8em arial; color: #FFDBC5; font-weight: bold; }
div#subnav-cont2 p.resume-cont a.resume-link { margin: 0 6px; text-transform: uppercase; font-size: .9em; color: #fff; text-decoration: none; }
div#subnav-cont2 p.resume-cont a.resume-link:hover { text-decoration: underline; color: #ff9966; }

div#centerLG div#inner-right div#main-content div#subnav-cont { float: left; margin: 10px 0 0 20px; }
div#centerLG div#inner-right div#main-content div#subnav-cont p { display: inline; font: .8em arial; color: #fff; font-weight: bold; }
div#centerLG div#inner-right div#main-content div#subnav-cont p a.subnav-on { margin-right: 6px; padding: 0 10px; text-decoration: none; color: #000; background-color: #FFDBC5; }
div#centerLG div#inner-right div#main-content div#subnav-cont p a.subnav-off { margin-right: 6px;  padding: 0 10px; text-decoration: none; color: #fff; }
div#centerLG div#inner-right div#main-content div#subnav-cont p a.subnav-off:hover { text-decoration: none; color: #000; background-color: #FFDBC5; }

div#centerLG div#inner-right div#main-content div.next-page { text-align: right; width: 94%; margin: 30px 0 0 20px; }
div#centerLG div#inner-right div#main-content div.next-page-end { text-align: right; width: 94%; margin: 0px 0 0 20px; }
div#centerLG div#inner-right div#main-content div.next-page a.next-on { font: .70em arial; color: #fff; margin-right: 4px; text-decoration: underline; font-weight: bold; }
div#centerLG div#inner-right div#main-content div.next-page a.next-off { font: .70em arial; color: #EAE9EA; margin-right: 4px; text-decoration: none; }
div#centerLG div#inner-right div#main-content div.next-page a.next-off:hover { color: #FFDBC5; text-decoration: underline; font-weight: bold; }
div#centerLG div#inner-right div#main-content div.next-page-end a.next-on { font: .70em arial; color: #fff; margin-right: 4px; text-decoration: underline; font-weight: bold; }
div#centerLG div#inner-right div#main-content div.next-page-end a.next-off { font: .70em arial; color: #EAE9EA; margin-right: 4px; text-decoration: none; }
div#centerLG div#inner-right div#main-content div.next-page-end a.next-off:hover { color: #FFDBC5; text-decoration: underline; font-weight: bold; }

div#centerLG div#inner-right div#main-content div.portfolio-cont { width: 94%; height: 855px; margin: 10px 0 10px 20px; border-top: 4px double #fff; border-bottom: 4px double #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web { width: 100%; height: 170px; margin: 0; border-bottom: 1px solid #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont { width: 100%; height: 180px; margin: 0; border-bottom: 1px solid #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-sm { width: 100%; height: 158px; margin: 0; border-bottom: 1px solid #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-last { width: 100%; height: 166px; margin: 0; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-print { width: 100%; height: 180px; margin: 0; border-bottom: 1px solid #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-dotted { width: 100%; height: 155px; margin: 0; border-bottom: 1px dotted #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-dotted-1st { width: 100%; height: 175px; margin: 0; border-bottom: 1px dotted #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-dotted-long { width: 100%; height: 190px; margin: 0; border-bottom: 1px dotted #fff; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-dotted-last { width: 100%; height: 150px; margin: 0; }
div.link-cont { margin-top: 10px; }
div.link-cont p.proj-link { font: bold .8em arial; color: #fff; text-decoration: none; display: inline; }
div.item-cont { margin: 7px 25px 0 0; float: left; }
div.item-cont div.piece-title {  text-align: center; }
div.item-cont div.piece-title a { color: #fff; font: .7em arial; text-decoration: none; }
div.item-cont div.piece-title a:hover { color: #FFDBC5; text-decoration: underline; }
div.item-cont div.piece-cont  { text-align: center;  height: 115px; }
div.item-cont div.piece-cont a img { text-align: center; }

div.proj-left { margin: 10px 0; width: 49%; float: left; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-left a { font: bold .8em arial; color: #fff; display: inline; text-decoration: none; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-left a:hover { color: #FFDBC5; text-decoration: underline; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-left a img { margin-top: 7px; }

div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-last div.proj-left { margin: 10px 0; width: 49%; float: left; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-last div.proj-left a { font: bold .8em arial; color: #fff; display: inline; text-decoration: none; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-last div.proj-left a:hover { color: #FFDBC5; text-decoration: underline; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-last div.proj-left a img { margin-top: 7px; }

div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-right { margin: 10px 0; width: 49%; float: right; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-right a { font: bold .8em arial; color: #fff; display: inline; text-decoration: none;  }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-right a:hover {color: #FFDBC5; text-decoration: underline; }
div#centerLG div#inner-right div#main-content div.portfolio-cont div.project-cont-web div.proj-right a img { margin-top: 7px; }

div#footer { clear: both; background-image:url(../images/sm-frame-bottom.gif); width: 1051px; height: 160px; }
div#footerLG { clear: both; background-image:url(../images/lg-frame-bottom.gif); width: 1051px; height: 186px; }
	
div.copyright { background-color: #4C4E50; padding: 0px; margin: 0px; width: 1052px; height: 100px; background-image:url(../images/75whiteLogo.gif); background-repeat: no-repeat; background-position: 96% 100%; }
div.copyright p { position: absolute; font: .70em arial; color:#CCCCCC; float: right; left: 620px; top: 755px; }
div.copyright p.second { position: absolute; font: .70em arial; color:#CCCCCC; float: right; left: 620px; top: 775px; }
div.copyright p.large { position: absolute; font: .70em arial; color:#CCCCCC; float: right; left: 620px; top: 1460px; }
div.copyright p.second-large { position: absolute; font: .70em arial; color:#CCCCCC; float: right; left: 620px; top: 1480px; }