body { margin:0px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(art/sec-bg.jpg) #000 repeat-x top; }
h1 { font-size:18px; font-weight:bold; text-transform:uppercase; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin:0px; line-height:1em; padding:5px 0px 5px 20px; background:#007eff; border-top:1px solid #abd5ff; }
h2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; border-bottom:1px solid #494949; padding-bottom:5px; line-height:1em; }
.clearer { clear:both; }
#container { border-top:6px solid #007cfa; border-bottom:6px solid #007cfa; width:939px; margin-left:auto; margin-right:auto; background-color:#000; padding-top:6px; margin-bottom:15px; min-height:500px; }
ul.toc li a { color:#fff; }
a, .highlight, ul.toc li a:hover { color:#007eff; }
a:hover { color:#fff; }
a img { border:none; }
#header { background: url(art/bg-top.jpg) #3d3d3d repeat-x top; margin-bottom:10px; }
#content { width:936px; margin: 0px auto; }
#content-sec { float:right; width:701px; }
#content-sec #text { margin:30px 60px 30px 30px; }
#content-sec #text .text { margin-left:20px; font-size:14px; }
#company { float:left; width:307px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; }
#company p { padding-left:40px; }
#container #col-left { float:left; width:233px; background:url(art/grey-fade-bg.jpg) repeat-x; padding-top:70px; }
#container #company { width:233px; float:none; border-right:1px solid #444; margin-bottom:30px; font-size:13px; }
#container #company .logo { padding-left:40px; }
#main { float:right; width:624px; }
#main h1 { border:none; background:url(art/h1-bg.jpg) no-repeat; }
#content-sec ul.toc, #main ul.toc { list-style-type:none; background: url(art/toc-bg.jpg) repeat-x; clear:right; height:39px; margin:0px; padding:0px 0px 0px 126px; }
#content-sec ul.toc li, #main ul.toc li { float:left; display:inline; height:29px; background: url(art/toc-end.jpg) no-repeat right top; margin-right:18px; padding:10px 20px 20px 0px; }
#content-sec ul.toc li.last, #main ul.toc li.last { background:none; }
#content-sec ul.toc li a, #main ul.toc li a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; }
#main #text { float:left; width:310px; font-size:14px; line-height:19px; margin-bottom:10px; }
#main #text p { margin-top:17px; padding:0px 20px 0px 20px; }
#main #featured-project { float:right; width:310px; margin-bottom:10px; }
#featured-project .featured-large { margin-top:20px; width:272px; }
#featured-project .featured-thumb, #featured-project .featured-large { border:3px solid #494949; }
#featured-project .featured-large, #featured-project h2, #featured-project p, #featured-project .thumbs, #featured-project a.more { margin-left:16px; }
#featured-project .thumbs { margin-top:11px; width:284px; }
#featured-project .thumbs .featured-thumb { margin:0px 6px 6px 0px; height:44px; }
#featured-project h2 { margin-bottom:0px; width:277px; }
#featured-project p { padding:0px; width:277px; margin-top:5px; font-size:13px; }
#featured-project a.more { display:block; text-align:right; width:277px; }
#footer { clear:both; width:936px; text-align:center; background-color:#131313; padding:10px 0px 10px 0px; margin:0px auto 20px auto; }
#footer ul.toc { list-style-type:none; padding:0px; margin:0px 0px 10px 0px; }
#footer ul.toc li { display:inline; border-right:1px solid #fff; padding-right:5px; margin-right:4px; }
#footer ul.toc li.last { border-right:none; }
#footer .copyright { font-size:12px; }

/* home page project banner */
#header #banner { width:952px; margin:0px auto; background:url(art/bg-grey.jpg); height:364px; }
#banner-text { background-repeat:no-repeat; top:0px; width:936px; height:349px; text-align:left; margin-left:8px; padding-top:10px; }
#banner-text img.banner-text-image { position:absolute; top:0px; border-top:6px solid #007cfd; }
#banner-text .title, #banner-text .desc { position:absolute; display:block; z-index:3; margin-left:40px; }
#banner-text .title { display:block; text-transform:uppercase; font-weight:bold; font-size:1.4em; width:856px; }
#banner-text .desc { margin-top:1.7em; width:856px; overflow:hidden; font-size:.9em; } 
#banner .banner-text-shadow { width:936px; background-color:#000; height:62px; z-index:2; position:absolute; display:block; top:6px; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.6; margin-left:8px; }
#banner ul.tabs { margin-top:70px; }
#banner ul.tabs { list-style-type:none; }
#banner ul.tabs li { height:40px; float:right; clear:right; margin-right:-15px; }
#banner ul.tabs li a { color:#000; position:relative; z-index:2; text-decoration:none; font-weight:bold; padding:0px 25px 0px 10px; margin-top:25px; height:40px; display:block; font-size:1.2em; }
#banner ul.tabs li:hover a, #banner ul.tabs li.selected a { background: url(art/tab.gif) no-repeat left top; color:#fff; height:42px; display:block; margin-top:22px; }
#banner ul.tabs li .shadow { width:50px; height:38px; background: url(art/tab.gif); display:block; position:absolute; margin:-40px 0px 0px 3px; filter:alpha(opacity=40);-moz-opacity:.40; opacity:.4; }

/* project listing */
.project { padding: 5px 0px 5px 10px; }
.category { margin:10px 0px 0px 0px; }
.category .header { padding:2px; font-size:18px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; background-color:#444; border:1px solid #888; cursor:pointer; }
.category .header:hover { background-color:#000; }
.category .body .category { margin:0px; }
.category .body .category .body { background-color:#222; padding:0px; margin:0px; }
.category .body .category .header { font-size:15px; background-color:#aaa; color:#000; border: 1px solid #444; }
.category .body .category .header:hover { background-color:#fff; }

/* image switcher */
#images { height:322px; margin-top:20px; padding:5px; background-color:#222; border:1px solid #444; }
#images #big-img { width:430px; height:322px; float:left; overflow:hidden; border:1px solid #888; }
#images #big-img img { width:430px; } 
#images #list-container { position:relative; overflow:hidden; height:324px; float:right; }
#images #img-list { list-style-type:none; margin:0px; padding:0px; position:relative; float:right; width:142px; }
#images #img-list li { padding:0px; margin:0px 0px 8px 5px; float:left; width:135px; height:101px; overflow:hidden; border:1px solid #888; }
#images #img-list img { width:135px; margin:0px; }
#images #scroll-up, #images #scroll-down { width:35px; height:35px; position:absolute; }
#images #scroll-down { margin:290px 0px 0px 165px; background: url(/art/arrow_down1.jpg) no-repeat; }
#images #scroll-up {  margin:0px 0px 0px 165px; background: url(/art/arrow_up1.jpg) no-repeat; }
#images #scroll-down:hover { background-image:url(/art/arrow_down2.jpg); }
#images #scroll-up:hover { background-image:url(/art/arrow_up2.jpg); }

/* key staff */
.ks { background-color:#222; padding:10px; margin:5px 0px; border:1px solid #444; }
.ks .header .name { font-size:18px; }
.ks .header .name, .ks .header .title { display:block; } 
.ks .header .title { font-style:italic; }
.ks .header .name { border-bottom:1px solid #444; }
.ks-link, h3.specialties { font-weight:normal; padding:2px; font-size:18px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; background:#007eff; color:#fff; border:1px solid #888; display:block; text-decoration:none; }
h3.specialties { margin:20px 0px 5px 0px; }
.ks-link:hover { background-color:#000; }