@charset "utf-8";
/* CSS Document */

body { background: #fff url(/images/bg_leaf.jpg) no-repeat right top; text-align: center; color: #444; }

a { color: #060; text-decoration: none; }
a:hover { text-decoration: underline; }

#page { position: relative; width: 760px; text-align: left; margin: 0 auto; }
#page h3.title { padding-top: 1em; }

#header { height: 205px; }
#header #logo { position: relative; top: 105px; }
#header #title { position: absolute; text-indent: -999em; }

#slideshow, #main, #portfolio, #swatches, #footer { background-color: #fff; }

#slideshow { height: 300px; padding: 15px; margin-bottom: 25px; }
#slideshow_wrapper { background-color: #000; }

#main { min-height: 300px; padding: 15px; margin-bottom: 25px; }
#portfolio { min-height: 330px; padding: 15px; margin-bottom: 25px; }

#subnav { width: 130px; float: right; }
#subnav h3 { }
#subnav ul { margin-left: 0; list-style: none; }
#subnav ul li { font: bold 12pt Arial, Helvetica, sans-serif; margin: 1em 0; }
#subnav a { color: #444; text-decoration: none; }
#subnav ul li a:hover { color: #9a3; }
#subnav .selected a { color: #9a3; }
#content { width: 570px; }
#content h2 { margin-bottom: 1em; }
#content #imageGallery { margin-top: 2em; }
#main #content h3 { position: absolute; text-indent: -999em; }
#main #content p { padding: .5em 0; line-height: 1.3em; }
#main #content blockquote { margin: 0 5em; }
#main #content br { clear: none; }
#main #content img { float: left; margin: -.5em 25px 0 0; }

#portfolio #content h3 { }
#portfolio #content #proj_content { padding: 1em; }
#portfolio #content #proj_content p { margin: 1em 0; line-height: 1.5em; }
#portfolio #content #proj_content span { float: right; background-color: #eee; margin: 1em 0 1em 1em; }
#portfolio #content #proj_content span h4 { font-weight: normal; color: #aaa; border-bottom: dotted 1px #aaa; padding: .5em 1em 0;}
#portfolio #content #proj_content span ul { margin: .5em 1em .5em 2em; padding: 0; }

#content div.projItem { margin: .5em 0; cursor: pointer; border-bottom: dashed 0px #ddd; }
#content div.projItem h3.title { margin: .5em 0; }
#content div.projItem h3.title span { float: right; }
#content div.projItem p.summary { padding: .5em; margin-left: 120px; }
#content div.projItem p.summary img { float: left; margin-left: -120px; border: solid 1px #000; }
#content div.byClient h2 { margin: 0; color: #555; border-bottom: dotted 1px #aaa; }
#content div.byClient h3.title { float: left; text-align: right; margin: 0; width: 8em; }
#content div.byClient h3.title span { float: none; margin: 0; }
#content div.byClient p.summary { margin-left: 220px; padding-left: 4em; }
#content div.byClient p.summary img { float: left; }
/*
*/

#portfolio #subnav h3 { border-bottom: dotted 1px #9a3; }
#portfolio #subnav ul li { font: 90% Arial, Helvetica, sans-serif; margin: .2em 0; }
#portfolio #content h3 { color: #9a3; }
#portfolio div.newsItem { cursor: pointer; clear: both; }
#portfolio div.newsItem p { text-align: justify; }
#portfolio div.newsItem p img { float: right; margin: 0 10px 10px 20px; border: solid 1px #aaa; }

p.breadcrumb { margin: 1em 0; }
p.breadcrumb a { color: #667; }
p.breadcrumb img { vertical-align: middle; }
#newsStory h3 { margin: 1em 0; }
#newsStory p { margin: .8em 1em; line-height: 1.4em; }

#features { padding-top: 25px; }
#features div { width: 240px; float: left; cursor: pointer; }
#f1, #f2 { margin-right: 20px; }
#features div h3 { font-size: 11pt; color: #9a3; margin: .5em 0; }
#features div img { border: solid 10px #000; }
#features div p { margin: .5em 0; }

#nav { position: absolute; top: 166px; right: 0px; }
#nav ul { font: bold 11pt Arial, Helvetica, sans-serif; list-style: none; margin: 0; white-space: nowrap; }
#nav ul li { display: inline; padding-left: 1em; }
#nav ul li a { font-size: 11pt; font-weight: 500; color: #fff; text-decoration: none; }
#nav ul li ul { display: none; }

#footer { clear: both; padding: 2em 0; border-top: solid 2px #555; }
#footer ul { list-style: none; margin: 0; height: 2em; }
#footer ul li { width: 33%; float: left; }
#footer ul li a { font-weight: bold; color: #444; text-decoration: none; }
#footer ul li a:hover { color: #000; }
#footer p.email { float: left; margin-top: 2.4em; }
#footer p.copyright { float: right; margin-top: 2.4em; }