body { background-color: #ddd; color: #666; font-family: arial, sans-serif; font-size: .75em;}
a	{ outline: none; color: #3b86f6; text-decoration: none; }
.blue { color: #000066; }

#header		{ position: relative; border-bottom: 1px solid #999; margin-bottom: 35px; }
#topNav		{  }
#topNav ul	{ list-style-type: none; margin: 0; padding: 5px 0; position: absolute; right: 0px; bottom: 0px; }
#topNav li	{ float: left; padding: 0 0 0 25px; }
#topNav a	{ display: block; text-decoration: none; color: #777; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; }
#topNav a:hover { color: #000; }
#topNav li.current a { color: #0a096b; font-weight: bold; background-image:url(../art/g_navOn-underline.png); background-repeat: repeat-x; background-position: bottom;  }

#content { background-image:url(../art/g_dotted-line.png); background-repeat: repeat-y; background-position: 150px; padding-bottom: 10em;  }
.home { padding-top: 40px; }
#content img#pageTitle { margin-bottom: 17px; }
ul.rules { list-style-type: none; border-top: 1px solid #ccc; margin: 0; }
ul.rules li { border-bottom: 1px solid #ccc; padding: .25em 0; }
ul.rules p { margin: 0; }
h2 { font-size: 1em; color: #000066; font-weight: bold; margin: .75em 0; }
h3 { font-size: 1em; font-color: #333; margin-bottom: 0; line-height: 1.75em; }

#leftNav { background-position: right; min-height: 400px; }
#leftNav ul { list-style-type: none; margin: 0; padding: 0; }
#leftNav li ul { list-style-type: none; margin: 0; padding: 0;  }
#leftNav a { display: block; text-decoration: none; font-weight: bold; color: #666; text-transform: uppercase; line-height: 2em; }
#leftNav a:hover { color: #000; }
#leftNav ul ul li { margin: 0; padding: 0; padding-left: 10px!important; background-image:url(../art/g_leftNav-bullet.png); background-repeat: no-repeat; background-position: 0px 8px; }
#leftNav ul ul a { font-weight: normal; text-transform: none; line-height: 1.75em; }
#leftNav ul ul li.current a { color: #0a096b; }
#leftNav ul li.current > a { color: #0a096b; }
#leftNav a#creditsLink.current { color: #0a096b; }
#leftNav a#creditsLink { margin-top: 30px; }
#leftNav h2 { margin: 5px 15px 5px 10px; padding: 5px 0 0 0; border-top: 1px solid #ccc; color: #555; }

#recognitionTable { border-collapse: collapse; border-bottom: 1px solid #bbb; }
#recognitionTable td { vertical-align: top; border-top: 1px solid #bbb; }

.directionsTable { margin-top: 1em; border-bottom: 1px solid #bbb; }
.directionsTable td { border-top: 1px solid #bbb; }

.portfolioNav ul { float: right; width: 450px; list-style-type: none; margin: 0; padding: 0; }
.portfolioNav li { float: left; padding: 0 0 10px 10px; }

.portfolioNav a#residential { display: block; width: 215px; height: 160px; background-image:url(../art/b_residential.jpg); }
.portfolioNav a#residential:hover { background-position: 0 -160px; }

.portfolioNav a#hospitality { display: block; width: 215px; height: 160px; background-image:url(../art/b_hospitality.jpg); }
.portfolioNav a#hospitality:hover { background-position: 0 -160px; }

.portfolioNav a#corporate { display: block; width: 215px; height: 160px; background-image:url(../art/b_corporate.jpg); }
.portfolioNav a#corporate:hover { background-position: 0 -160px; }

.portfolioNav a#schools { display: block; width: 215px; height: 160px; background-image:url(../art/b_schools.jpg); }
.portfolioNav a#schools:hover { background-position: 0 -160px; }

.portfolioNav a#model-apartments { display: block; width: 215px; height: 160px; background-image:url(../art/b_model-apartments.jpg); }
.portfolioNav a#model-apartments:hover { background-position: 0 -160px; }

.portfolioNav a#charitable-events { display: block; width: 215px; height: 160px; background-image:url(../art/b_charitable-events.jpg); }
.portfolioNav a#charitable-events:hover { background-position: 0 -160px; }

.portfolioNav a#retail { display: block; width: 215px; height: 160px; background-image:url(../art/b_retail.jpg); }
.portfolioNav a#retail:hover { background-position: 0 -160px; }


#portfolio	{ position: relative; }
#portfolio .leftBar { position: relative; min-height: 450px; }
#portfolio .leftBar p { line-height: 1.75em; }
#portfolio .rightBar { overflow: hidden; }
#portfolio .rightBar img { float: right; }

#portfolio ul#imageNav { position: absolute; bottom: 0px; right: -5px; list-style-type: none; margin: 0; padding: 0; width: 100px; }
#portfolio ul#imageNav li { float: left; margin: 2px; }
#portfolio ul#imageNav a { margin: 0; padding: 0; height: auto; display: block; line-height: 0; }

#portfolio #portfolioImgContainer { height: 450px; position: relative; }

#portfolio #portfolioImg { height: 450px; position: absolute; bottom: 0; left: 0;  z-index: 50; }

#portfolio #portfolioImgContainer img#topLeft { position: absolute; top: 0; left: 0; z-index: 1000; }
#portfolio #portfolioImgContainer img#topRight { position: absolute; top: 0; right: 0; z-index: 1001; }
#portfolio #portfolioImgContainer img#bottomLeft { position: absolute; bottom: 0; left: 0; z-index: 1002; }
#portfolio #portfolioImgContainer img#bottomRight { position: absolute; bottom: 0; right: 0; z-index: 1003; }
#portfolio #portfolioImgContainer img#loader { display: none; position: absolute; left: 10px; top: 10px; z-index: 2000; }
#portfolio #portfolioCaption { position: absolute; bottom: -4.5em; }

ul.newsListing { list-style-type: none; margin: 0; border-top: 1px solid #bbb; }
ul.newsListing li { border-bottom: 1px solid #bbb; }
ul.newsListing p { margin: 5px 0; line-height: 1.3em!important; }

#pressArchive { clear: both; }
#pressArchive h2 { background-color: #ccc; }
#pressArchive ul { margin-left: 40px; }
#pressArchive .expandLink a { overflow: hidden; width: auto; _width: 770px; display: block; line-height: 2em; color: #333; font-weight: normal; padding-left: 16px; }
#pressArchive .expandLink a:hover { color: #0a096b; }
#pressArchive .expandLink span.year { display: block; float: left; width: 200px; }
#pressArchive .expandLink span.expandButton { color: #3b86f6; display: block; float: right; padding-right: 10px; }
.hidden { display: none; }

a#expandAll {  }


ul#coverListing { width: auto; list-style-type: none; margin: 0; overflow: hidden; float: right;}
ul#coverListing li { float: left; margin: 0 10px 5px 0; }
ul#coverListing img { width: 86px; }

p.right { text-align: right; }

#footer { padding-top: 3px;  border-top: 1px solid #999; color: #777; }
#footer a { color: #777; }
#footer a:hover { text-decoration: underline; }