body { background-color:#e0e0e0; }

a:hover { color:#464646; }

#wrapper { width:948px; margin:0 auto; background:#ccc url(../images/content-bg.jpg) repeat-y left top; position:relative; left:0; top:0; }

#left-sidebar { position:fixed; /*left:0; top:0;*/ z-index:9000; width:254px; padding:20px 0 0 46px; }
#left-sidebar h1 { margin-top:0; font-size:0px; color:#FFF }
#left-sidebar ul#navigation { margin-top:41px; }
#left-sidebar ul#navigation li { margin-bottom:57px; display:block; }
#left-sidebar ul#navigation li a { font-size:20px; color:#5d5d5d; text-transform:uppercase; width:200px; height:16px; line-height:16px; overflow:hidden; display:block; text-indent:-9999px; }
#left-sidebar ul#navigation li.capabilities a { background:transparent url(../images/nav/capabilities.png) no-repeat top left; }
#left-sidebar ul#navigation li.approach a { background:transparent url(../images/nav/approach.png) no-repeat top left; }
#left-sidebar ul#navigation li.responsibility a { background:transparent url(../images/nav/responsibility.png) no-repeat top left; }
#left-sidebar ul#navigation li.commitment a { background:transparent url(../images/nav/commitment.png) no-repeat top left; }
#left-sidebar ul#navigation li.work a { background:transparent url(../images/nav/work.png) no-repeat top left; }
#left-sidebar ul#navigation li.contact a { background:transparent url(../images/nav/contact.png) no-repeat top left; }
#left-sidebar ul#navigation li a:hover { background-position:0 -16px; }
#left-sidebar ul#navigation li.selected a { background-position:0 -32px; }


.page { padding-left:330px; padding-right:115px; padding-top:30px; background:transparent; position:relative; left:0; top:0; z-index:500; }
.page h2,
.page h3,
.page h4 { font-size:54px; line-height:54px; color:#464646; text-transform:uppercase; font-weight:normal; margin-left:16px; }
.page p { color:#696969; font-size:14px; line-height:22px; margin:12px 0 12px 0; }
.page p.standout { color:#59837b; font-size:16px; text-transform:uppercase; }

#home { background:transparent url(../images/home-bg.jpg) no-repeat left top; padding-bottom:220px; padding-right:0; padding-top:0; padding-left:300px; }
#home #home-header { margin-top:45px; width:325px; float:right; text-align:right; }
#home #home-header #architect-login a { color:#696969; font-size:11px; text-transform:uppercase; margin-right:20px; }
#home #home-header #architect-login a:hover { color:#464646; }
#home #home-header #get-in-touch { margin:32px 32px 50px 0; color:#696969; font-size:12px; }
#home #home-header #get-in-touch h3 { font-size:20px; line-height:24px; color:#464646; font-weight:normal; text-transform:uppercase; }
#home #home-header #get-in-touch a { color:#696969; }
#home #home-header #get-in-touch a:hover { color:#464646; }

#home #flash-home { width:520px; height:390px; clear:both; }

/* capabilities */
#capabilities { background:transparent url(../images/capabilities-bg.jpg) no-repeat left 146px; }
#responsibility p,
#capabilities p,
#commitment p { margin:12px 30px 12px 16px; }
#artistry-chemistry,
#capabilities-portfolio { background-color:#e0e0e0; padding:16px; position:relative; left:0; top:0; width:480px; }
#capabilities-portfolio #capabilities-navigation { width:150px; margin-right:10px; position:absolute; left:16px; top:16px; }
#capabilities-portfolio #capabilities-navigation li { margin:8px 0 8px -5px; }
#capabilities-portfolio #capabilities-navigation li a { color:#5d5d5d; font-size:13px; line-height:18px; text-transform:uppercase; padding:5px; }
#capabilities-portfolio #capabilities-navigation li.selected a,
#capabilities-portfolio #capabilities-navigation li a:hover { color:#fff; background-color:#59837b; }
#capabilities-portfolio #capabilities-container .capability { display:none; visibility:hidden; }
#capabilities-portfolio #capabilities-container .capability .table { float:right; width:290px; display:table; clear:both; margin:0 0 16px 0; }
#capabilities-portfolio #capabilities-container .capability .table .border { width:290px; height:225px; border-left:1px solid #ccc; padding:0 5px 0 20px; display:table-cell; vertical-align:middle; }
#capabilities-portfolio #capabilities-container .capability .border p { color:#696969; margin-left:0; font-size:12px; line-height:18px; }
#capabilities-portfolio #capabilities-container .visible { display:block !important; visibility:visible !important; }
#capabilities-portfolio .links { margin-top:16px; }
#capabilities-portfolio .links .cap-page-up { float:left; width:24px; }
#capabilities-portfolio .links .cap-page-down { float:right; width:24px; }

.floorplans { height:890px; background:transparent url(../images/floorplans.jpg) no-repeat right top; margin:130px 68px 160px 0; }

/* approach */
#approach { background:transparent url(../images/approach-bg.jpg) no-repeat left 218px; }
#artistry-chemistry { margin:30px 0 20px; min-height:200px; }
#artistry-chemistry h3 { font-size:32px; line-height:32px; color:#696969; margin-left:-6px; }
#artistry-chemistry h3 a { color:#8e6413; padding:4px 6px; }
#artistry-chemistry h3 a.selected,
#artistry-chemistry h3 a:hover { color:#fff; background-color:#8e6413; }
#artistry-chemistry p { display:none; visibility:hidden; font-size:12px; line-height:18px; }
#artistry-chemistry p.visible { display:block !important; visibility:visible !important; margin-top:28px; }
#approach #approach-footer { margin-left:16px; margin-right:50px; }

.grid { height:869px; background:transparent url(../images/grid.jpg) no-repeat right top; margin:115px 68px 10px 0;}

/* responsibility */
#responsibility { background:transparent url(../images/responsibility-bg.jpg) no-repeat left 291px; }
#responsibility h3 { color:#864a40; font-size:34px; line-height:34px; font-weight:normal; text-transform:uppercase; margin:25px 0 10px 16px; }
#responsibility h3.energy-header { margin-bottom:0; }
#responsibility p a.usgbc-link { float:right; margin-left:23px; height:140px; width:140px; display:block; overflow:hidden; text-indent:-9999px; background:transparent url(../images/usgbc.jpg) no-repeat left top; }
#responsibility p a.usgbc-link:hover { background-position:0 -140px; }
#responsibility p.space-bottom { margin-bottom:30px; }

.leaf { height:315px; background:transparent url(../images/petrified-leaf.jpg) no-repeat right top; margin:120px 68px 170px 0;}

/* commitment */
#commitment { background:transparent url(../images/commitment-bg.jpg) no-repeat left 360px; padding-bottom:178px; }
#commitment h3 { font-size:32px; line-height:32px; color:#5b485b; margin:32px 0 24px 16px; }

.quote { height:220px; background:transparent url(../images/wright-quote.png) no-repeat right top; margin:0px 68px 216px 0; }

/* work */
#work { background:transparent url(../images/work-bg.jpg) no-repeat left 442px; }
#work p { margin:8px 30px 12px 16px; }
#work p.subtext { margin:24px 18px 16px 16px;}
#work h4 { font-size:16px; line-height:16px; color:#5d758b; margin-top:20px; }
#work #work-container { width:512px; height:378px; overflow:hidden; }
#work #work-container .caption { color:#696969; font-size:12px; background-color:#e0e0e0; padding:6px 0; text-align:center; width:512px; display:block; margin-top:-2px; }
#work #work-gallery { margin:16px 0 0 6px; }
#work #work-gallery li { width:58px; height:48px; margin:0 18px 9px 0; float:left; cursor:pointer; }

.empty { height:280px; }

/* contact */
#content #contact-bg { background:transparent url(../images/contact-bg.jpg) no-repeat left bottom; }

#contact { background:transparent url(../images/contact-nav-bg.png) no-repeat left 518px; padding-right:0; padding-bottom:600px; padding-top:3px; } 
#contact h2 { margin-top:30px; margin-bottom:45px; }
#contact p { margin:30px 116px 50px 0; }
#contact .move-right { margin-left:16px; }
#contact #contact-form #contact-email { width:276px; height:20px; background:transparent url(../images/contact-field-bg.png) no-repeat left top; border:none; padding:16px 15px 0 10px; }
#contact #contact-form #contact-submit { width:91px; height:34px; text-indent:-9999px; overflow:hidden; background:transparent url(../images/submit.png) no-repeat left top; border:none; margin-left:-8px; }
#contact #contact-form #contact-submit:hover { background-position:0 -34px; }
#contact .shape { padding:36px 0 39px 75px; width:465px; float:right; margin-right:68px; clear:both; background:transparent url(../images/email-bg.png) no-repeat right top; }
#contact .shape p { margin:0 70px 13px 0; text-align:right; }
#contact .shape p.message { font-size:18px; line-height:26px; color:#92282c; text-transform:uppercase; }
#contact .shape .address a { color:#92282c; }
#contact .shape .address a:hover { color:#696969; }

#contact .status { margin:5px 116px 0 0; color:#952D24; font-size:1.2em; }

/* Banner */

#banner-ad {
	position:absolute;
	float:right;
	top:21px;
	left:303px;
	height:117px;
	width:120px;
	z-index:1000;
}

