* { padding:0; margin:0; }
h1 { font-size:26px; line-height:30px; }
h2 { font-size:18px; }
h3 { font-size:20px; }
h5 { font-size:18px; }
input, textarea { font-size:inherit; font-family:inherit; padding:2px 0; }
h2, h3, h4, h5 { padding:0 0 1em; line-height:1.1em; }
p { padding: 0 0 1em; }
hr { border:none; border-bottom:1px solid #a6ac79; color:#a6ac79; }
ul, ol { padding: 0 0 1em 2em; }
img { border:none; }
input[type=button], input[type=submit] { cursor:pointer; height:23px; padding:0 2px 2px; vertical-align:top; }
:focus	{ outline:0; }

a { color:#000; }
a:hover { color:#263049; }

body { font: 12px/20px Arial, Helvetica, sans-serif; color: #3C435B; margin: 0; background: url(art/top-stripe.gif) repeat-x #e8e7d4; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.fancy { border:1px solid #ccc; background:#eee; padding:10px; }

.quote { font-style:italic; }
.quote .author { font-weight:bold; display:block; font-style:normal; margin:0 0 0 20px; }
.quote .author:before { content:"- "; }

img.center { display:block; margin:0 auto; }
img.fancy { padding:5px; }
img.fancy.left { margin:0 10px 10px 0; }
img.fancy.right { margin:0 0 10px 10px; }
 
ul.toc { list-style-type:none; padding:0; margin:0; }
ul.toc li { float:left; margin:0; padding:0; }
ul.toc li img { vertical-align:top; }

ul.toc .sub-menu { position:absolute; padding:0px; width:100px; border:1px solid #fff; z-index:2; margin:-38px 0 0; }
ul.toc .sub-menu a { display:block; text-decoration:none; height:16px; padding:0 5px; font-size:11px; line-height:14px; color:#fff; text-transform:lowercase; font-weight:bold; text-align:center; }
ul.toc .sub-menu a + a { border-top:1px solid #fff; }
ul.toc .sub-menu a:hover {background:#4b5885; color:#fff; }

.container { margin:0 auto; width:924px; }
.header { height:149px; background:url(art/header-bg.jpg) no-repeat top center #c2c1b2; }
.header .top.toc { float:right; }

.front.content { background:url(art/content-bg.png) no-repeat center -520px #e8e7d4; height:460px; }
.front.content .container { padding:0 0 10px 0;}
.front.content .tagline { display:block; background: url(art/flashunder.jpg) no-repeat; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:5px 15px 15px 0; text-align:right; margin:10px 0 0; }
.front.content .tagline:hover { color:#f9e1a1; }
.front.content .text { width:437px; padding:40px 40px; }

.secondary.content { background:url(art/blue-btm-bg.jpg) repeat-x center bottom #e8e7d4; }
.secondary.content .container { padding:30px 50px 50px; width:864px; background:url(art/content-bg.png) no-repeat center bottom; }
.secondary.content h1 { text-transform:uppercase; border-bottom:1px solid; margin:0 0 25px; font-size:26px; line-height:30px; }
.secondary.content ul.clients { width:225px; float:left; padding:0 40px 0 20px; }

.about.left { width:260px; }
.about.right { width:580px; }
.about-pic { border:1px solid #3C435B; }

dl.awards dt { font-weight:bold; clear:both; float:left; width:600px; }
dl.awards dd { padding:15px 20px; float:left; clear:both; width:600px; }
dl.awards dd .project { float:left; clear:left; width:240px; }
dl.awards dd .category { float:right; clear:right; width:350px; }

ul.about { list-style:disc outside; padding:20px 0 0 25px; }
ul.about li a { color:#3C435B; font-size:16px; line-height:24px; }

.promo { background:url(art/blue-btm-bg.jpg) repeat-x top; }
.promo .container { background:url(art/promo-bg.jpg); }

.footer { background:url(art/bgbtmtan.jpg) repeat-x #e8e7d4; clear:both; width:100%; padding:30px 0 50px; text-align:center; }
.footer .copyright { display:block; }
.footer .credits a { color:#3C435B; text-decoration:none; }
.footer .credits a:hover { text-decoration:underline; color:#000; }

/* projects */
.project-list.left { width:280px; }
.project-list.left h1, .project-detail.right h1 { border:none; font-size:18px; text-transform:capitalize; background:#263049; color:#fff; padding:10px; line-height:18px; margin:0; margin:0 0 5px; }
.project-list.left ul { list-style:none; margin:0; padding:0 0 10px; }
.project-list.left ul a { display:block; padding:3px; background:#e8e7d4; border:1px solid #a5aec7; margin:0 0 2px; text-decoration:none; color:#263049; }
.project-list.left ul a:hover { color:#000; background:#a5aec7; }

.project-list.left ul#category-list a { background-color:#bac4df; color:#000; border:1px solid #263049; }

.project-detail.right { width:550px; }

#project-summary { padding:5px; background:#bac4df; border:1px solid #263049; color:#000; margin:0 0 5px; }
#project-viewer { height:400px; background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden; }
#project-details-button { background:url(art/arrow-right.png) no-repeat 100px center #444; border:1px solid #000; border-top:0; color:#fff; text-align:left; padding:5px; cursor:pointer; }
#project-details-button.down { background-image:url(art/arrow-down.png); }
#project-details { background:#444; color:#fff; padding:20px; position:relative; clear:right; border:1px solid #000; border-bottom:none; opacity:.8; filter:alpha(opacity=80); -moz-opacity:.80; height:auto; }
#project-details .extra-details { clear:both; float:left; width:508px; }
#project-details .extra-details p { width:220px; float:left; margin:0 30px 0 0; }
#project-details .extra-details .caption { font-weight:bold; display:block; border-bottom:1px solid #fff; }
#project-details a { color:#fff; }

#project-images { clear:both; margin:10px 0 0; width:100%; float:right; }
#project-images .thumb { width:100px; border:1px solid #a5aec7; padding:3px; background:#e8e7d4; cursor:pointer; float:left; margin:0 5px 0 0; height:auto; }

/* category list */
ul.project-categories { list-style:none; padding:0; }
ul.project-categories li { float:left; width:255px; text-align:center; background:#e8e7d4; padding:10px; margin:0 10px 10px 0; border:1px solid #a6ac79; }
ul.project-categories li img { height:180px; border:1px solid #263049; }
ul.project-categories li .title { display:block; text-decoration:none; font-weight:bold; font-size:15px; color:#263049; }

/* contact us */
.bio { width:280px; float:left; text-align:center; padding:15px 0; }
.bio img { border:1px solid #263049; padding:2px; background:#e8e7d4; margin:0 0 10px; }