body {margin: 0; padding: 0; background-color: #FFFEF2;

font-family: Georgia, "Times New Roman", Times, serif; color: #58595B; font-size: 100%;}

a {text-decoration: none; color: #58595B;}

.hide {position: absolute; top: -2000em; left: -2000em;}

.extra-space {padding: 15px 0 0 0;}

ul.no-bullets {list-style-type: none; padding: 0; margin: 0;}

ul.no-bullets li {margin: 0 0 3px 0;}

a img {border: 0;}

.ie6-message {display: none;}

.ie6-message a {text-decoration: underline;}

iframe {display: block;}

fieldset {border: 0; margin: 0; padding: 0 0 30px 0;}



/* h2 image headers */

.section h2 {padding: 0 0 30px 0; margin: 0; height: 13px;}

.staff {background-image: url(../images/staff.png); background-repeat: no-repeat; width: 110px;}

.working-with-us {background-image: url(../images/working-with-us.png); background-repeat: no-repeat; width: 196px;}

.client {background-image: url(../images/client.png); background-repeat: no-repeat; width: 123px;}

.portfolio {background-image: url(../images/portfolio.png); background-repeat: no-repeat; width: 115px; padding: 0 0 30px 0;}

.case-studies {background-image: url(../images/case-studies.png); background-repeat: no-repeat; width: 143px;}

.press-releases {background-image: url(../images/news.png); background-repeat: no-repeat; width: 164px;}

.blog {background-image: url(../images/blog.png); background-repeat: no-repeat; width: 56px;}

.links {background-image: url(../images/links.png); background-repeat: no-repeat; width: 56px;}

.archives {background-image: url(../images/archives.png); background-repeat: no-repeat; width: 99px;}

.dialogue {background-image: url(../images/dialogue.png); background-repeat: no-repeat; width: 104px;}

.contact {background-image: url(../images/contact.png); background-repeat: no-repeat; width: 154px;}

.map {background-image: url(../images/map.png); background-repeat: no-repeat; width: 41px;}





/* Main Navigation */

.main-nav {position: fixed; width: 580px; height: 110px; background-image: url(../images/main-nav.png); padding: 0 0 0 370px; top: 50px;}

.main-nav a:hover {color: #EE203B;}

.main-nav ul {padding: 10px 0 0 0; margin: 0; position: relative;}

.main-nav li {list-style-type: none; font-family: Helvetica, sans-serif; font-size: .5em; letter-spacing: 1px; text-transform: uppercase; display: block; float: left; padding: 0 0 0 10px; width: 125px;}

.main-nav li ul {padding: 3px 0 0 0;}

.main-nav li ul li {font-size: 1.4em; text-transform: none; float: none; padding: 0; background-image: none; letter-spacing: 0;}

.home-link a {width: 275px; height: 35px; display: block; padding: 0; margin: 0; position: absolute; top: 24px; left: 40px;}

.home-link a:hover {background-image: url(../images/header-hover.png); background-repeat: no-repeat;}

.email-link a {width: 165px; height: 15px; display: block; position: absolute; top: 61px; left: 143px;}

.email-link a:hover {background-image: url(../images/header-email.png); background-repeat: no-repeat;}



/* Home Page */

.home-container {display: block; padding: 160px 0 100px 0; background-image: url(../images/blue-rectangles.gif); background-position: left bottom;}

.home-section {width: 950px; display: block; padding: 15px 0 50px 0; overflow: hidden; background-image: url(../images/triangle-border.png); background-repeat: repeat-y;}

.intro {float: left; width: 270px; height: 164px; margin: 30px 49px 50px 50px; display: block; background-image: url(../images/intro-copy.gif); background-repeat: no-repeat;}

.featured {display: block; width: 550px; padding: 0 0 0 20px; float: left; background-image: url(../images/dashed-border.gif); background-repeat: repeat-y;}

.featured h2 {color: #58595B; text-transform: uppercase; font-size: .8em; margin: 0 0 12px 0; font-weight: normal; letter-spacing: 2px;}

.project-container {display: block; background-color: #3300FF;}

.project {font-family: Helvetica, sans-serif; display: block; width: 165px; float: left; padding: 0 20px 0 0;}

.project-right {font-family: Helvetica, sans-serif; display: block; width: 165px; float: left; padding:0;}

.featured h3 {margin: 15px 0 4px 0; font-size: .7em;}

.featured p {margin: 0; font-size: .7em;}

.featured a {text-decoration: underline;}



/* Twitter */

#tweet {padding: 50px 0 0 0; width: 450px; float: left;}

#tweet ul, #tweet p {font-family: Helvetica, sans-serif; font-size: .8em; line-height: 1.3em; list-style-type: none; padding: 0; margin: 0; color: #9D9FA2;}

#tweet ul a, #tweet p a {color: #9D9FA2; text-decoration: none; border-bottom: dashed 1px #9D9FA2;}

#tweet ul a:hover, #tweet p a:hover {color: #EE203B; border-bottom: dashed 1px #EE203B;}

#tweet p.time {padding: 7px 0 5px 0;}



/* Sections */

.container1 {display: block; background-image: url(../images/honeycomb.gif); background-position: 0px 19px; margin: 0; padding: 0;}

.container2 {height: 2363px; display: block; background-image: url(../images/circles1.png); background-repeat: no-repeat;}

.container3 {display: block; background-image: url(../images/blue-stripes.gif); margin: 0; padding: 0;}

.container4 {display: block; background-image: url(../images/stripes-top.gif); margin: 0; padding: 0; min-height: 440px; background-repeat: repeat-x;}

.container5 {display: block; background-image: url(../images/stripes-transition.gif); margin: 0; padding: 0; min-height: 394px; background-repeat: repeat-x;}

.container6 {display: block; background-image: url(../images/orange-stripes.gif); margin: 0; padding: 0;}

.container7 {display: block; background-image: url(../images/stripes-bottom.gif); height: 375px; margin: 0; padding: 0; background-repeat: repeat-x;}

.container8 {display: block; background-image: url(../images/honeycomb-large.png); min-height: 1292px; margin: 0; padding: 0; background-repeat: no-repeat; background-position: 650px 0;}



.section {width: 900px; display: block; padding: 225px 0 0 50px; margin: 0;}

.column-500 {width: 500px;}



.section h3 {font-size: .9em; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 2px 0;}

.section p, .section ol, .section ul {font-size: .9em; margin: 0 0 10px 0;}

.section li {margin: 0 0 8px 0;}

h4 {margin: 0 0 10px 0; font-family: Helvetica, sans-serif; font-size: .8em; font-weight: normal;}

h4 a {border: 0;}

h4 a:hover {border-bottom: 1px dashed #EE203B; color: #EE203B;}

.section a {border-bottom: 1px dashed #BCBEC0;}

.section a:hover {border-bottom: 1px dashed #EE203B; color: #EE203B;}

.download {padding: 0 0 15px 0;}

p.publication {margin: 0 0 10px 0; font-family: Helvetica, sans-serif; font-size: .8em; font-weight: normal;}

p.article {margin: 0 0 5px 0;}

.map-text {padding: 15px 0 0 0; font-size: .9em;}


/* Portfolio */


.portfolio-section {display: block; padding: 210px 0 0 50px;}

.slideshow {display: block; height: 470px;}



/* Two Column Layout */


.two-column-container {display: block; width: 900px; overflow: hidden;}

.two-column {display: block; width: 425px; float: left; padding: 0; margin: 0 50px 0 0;}

.two-column-right {display: block; width: 425px; float: right; padding: 0; margin: 0;}



/* Three Column Layout */


.three-column-container {display: block; width: 900px; overflow: hidden;}

.three-column {display: block; width: 265px; float: left; padding: 0; margin: 0 50px 0 0;}

.three-column-span2 {display: block; width: 580px; float: left; padding: 0; margin: 0 50px 0 0;}

.three-column-right {display: block; width: 265px; float: left; padding: 0; margin: 0;}



/* Patterns between sections */

.pattern1 {display: block; height: 263px; background-image: url(../images/pattern01.gif); background-repeat: repeat-x; margin: 0; padding: 0;}



/* Featured Projects */

#featured-project {background-image: url(../images/blue-rectangles.gif); padding: 50px 0 0 0;}

.featured-project-container {width: 850px; display: block; padding: 50px; overflow: hidden; background-image: url(../images/triangle-border.png); background-repeat: repeat-y; margin: 0 0 50px 0;}

.featured-project-container2 {width: 625px; display: block; padding: 50px; overflow: hidden; background-image: url(../images/triangle-border.png); background-repeat: repeat-y; background-position: top right; margin: 0 0 50px 0;}

.featured-project-text {width: 265px; float: right;}

#featured-project h1 {padding: 0 0 20px 0; margin: 0; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; font-size: 1.4em;}

#featured-project h2 {padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; font-size: .8em; font-family: Helvetica, sans-serif; margin: 0 0 3px 0; padding: 10px 0 0 0;}

#featured-project p, #featured-project ol, #featured-project ul {font-size: .9em; margin: 0 0 10px 0; line-height: 1.5em;}

#featured-project p {padding: 0 0 5px 0;}

.uwrf {background-image: url(../images/title-uwrf.gif); background-repeat: no-repeat; width: 253px; height: 34px; display: block;}

.title-alumni {background-image: url(../images/title-alumni.gif); background-repeat: no-repeat; width: 521px; height: 13px; display: block;}

.featured-project-container a {border-bottom: 1px dashed #BCBEC0;}

.featured-project-container a:hover {border-bottom: 1px dashed #EE203B; color: #EE203B;}

#featured-project p.sign-off {font-style: italic; border-top: 1px dashed #BCBEC0; margin: 30px 0 0 0; padding: 5px 0 0 0;}

#featured-project p.more-articles {color: #EE203B; padding: 0; margin: 0;}

#featured-project p.more-articles a {color: #EE203B;}

#featured-project p.more-articles a:hover {border-bottom: 1px dashed #EE203B;}

.featured-project-container3 {width: 800px; display: block; padding: 50px; overflow: hidden; background-image: url(../images/triangle-border.png); background-repeat: repeat-y; background-position: top right; margin: 0 0 50px 0;}

.featured-project-container3 .feature-full {width: 800px;}

.woychick-url {display: block; width: 191px; height: 9px; background-image:url(../images/woychickdesign-url.gif); background-repeat: no-repeat; margin: 30px 0 0 0; background-position: top left;}

a.woychick-url {border: 0;}

a:hover.woychick-url {border: 0; background-position: bottom left;}

.feature-full {width: 600px;}

.feature-full img.left {float: left; vertical-align: text-top; padding: 0 20px 20px 0;}

.feature-full img.right {float: right; vertical-align: text-top; padding: 0 0 20px 20px;}

.lowercase {text-transform: none;}



/* Form */

#mc_embed_signup label {width: 250px; display:block; font-family:Helvetica,sans-serif; font-size:0.8em; font-weight:normal; margin:12px 0 3px;}

#mce-EMAIL, #mce-FNAME, #mce-LNAME {width: 250px;}

.indicate-required {font-family:Helvetica,sans-serif; font-size:0.7em; font-weight:normal; margin:6px 0 25px; font-style:italic;}