/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	font: 12px/20px Helvetia, Arial, sans-serif; color: #464646; background: #8b9e99;
}
body.id { background: #7d696d; }
body.home{ background: #e2e7e6 url(../images/splash.jpg) no-repeat 50% 182px; padding: 0; text-align: center; }

h1, h2, h3, h4, input { font-family: "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, Helvetica, Arial, sans-serif; }

/* Homepage */
.newname{ position: absolute; top: 95px; width: 100%; text-align: center; font: normal 20px Helvetica, Arial, sans-serif; color: #8a9e99; }
#splash{ position: relative; margin: 182px auto 0; width: 940px; height: 190px; }
a#public-involvement, a#identity-development{ position: absolute; top: 0; left: 0; display: block; width: 50%; height: 190px; text-indent: -9999px; }
a#identity-development{ left: 50%; }
p#address{ clear: both; margin-top: 20px; left: 7px; width: 100%; text-align: center; color: #8a9e99; }
#socialBlock { margin-top: 60px; }


/* Layout */

#wrapper{ width: 750px; margin: 0 auto; padding: 0 1px; background: #fff; }

/* Header */

#header{ position: relative; width: 750px; height: 180px; }

#logo{ float: left; margin: 30px 0 0 40px; }

#header ul#site-menu{ display: block; position: absolute; top: 75px; right: 30px; width: 340px; height: 26px; }
#header ul#site-menu li{ display: block; float: left; height: 26px; }
#header ul#site-menu li a{ display: block; height: 100%; text-indent: -9999px; }
#header ul#site-menu li#pi-home a{ width: 190px; background: transparent url(../images/site-menu-pi.png) 0 0 no-repeat; }
#header ul#site-menu li#id-home a{ width: 150px; background: transparent url(../images/site-menu-id.png) 0 0 no-repeat; }
#header ul#site-menu li#pi-home a:hover, #header ul#site-menu li#pi-home a.current{ background-position: 0 -26px; }
#header ul#site-menu li#id-home a:hover, #header ul#site-menu li#id-home a.current{ background-position: 0 -26px; }

#header ul#main-menu{ position: absolute; bottom: 1px; left: 0; width: 390px; height: 34px; padding-left: 360px; background: url(../images/main-nav.png) no-repeat 0 0; }
#header ul#main-menu li{ float: left; padding: 0; }
#header ul#main-menu li a{ display: block; height: 34px; text-indent: -9999px; }
#header ul#main-menu li a:hover, #header ul#main-menu li.current a { background: url(../images/main-nav.png) no-repeat 0 0; }
#header ul#main-menu li#about-us{ width: 87px; }
#header ul#main-menu li#about-us a:hover, #header ul#main-menu li#about-us.current a{ background-position: -360px -34px; }
#header ul#main-menu li#portfolio{ width: 85px; }
#header ul#main-menu li#portfolio a:hover, #header ul#main-menu li#portfolio.current a{ background-position: -447px -34px; }
#header ul#main-menu li#newsroom{ width: 101px; }
#header ul#main-menu li#newsroom a:hover, #header ul#main-menu li#newsroom.current a{ background-position: -532px -34px; }
#header ul#main-menu li#contact{ width: 100px; }
#header ul#main-menu li#contact a:hover, #header ul#main-menu li#contact.current a{ background-position: -633px -34px; }


/* Feature */

#feature{ position: relative; height: 150px; text-indent: -9999px; border-bottom: 1px solid #fff; }
#feature img { display: block; position: absolute; left: 0; top: 0; }


/* Content */

#content-wrapper{ background: #e2e7e5; }
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content{ width: 421px; float: right; display: inline; padding: 40px 30px 30px 0; }
#content p{ margin-bottom: 1.5em; }
#content p.byline{ font-style: italic; color: #8b9e99; margin: 0.5em 0; }
#content a{ text-decoration: none; color: #7d696d; }
#content a:hover{ text-decoration: underline; }
#content ul, #content ol{ margin: 0 0 1.5em 1.5em; }
#content ul{ list-style: disc; }
#content ol{ list-style: decimal; }
#content ul#section-listing{ margin: 0; padding: 0; list-style: none; }

#section-listing h2 a{ color: #7d696d }


/* Content - Portfolio Page */

#portfolio-photos{ position: relative; width: 431px; height: 215px; padding-top: 17px; margin-bottom: 1em; }
#portfolio-photos ul{ margin: 0; list-style: none; }
#portfolio-photos ul#portfolio-photos-slides{ margin: 0; width: 416px; height: 177px; }
#portfolio-photos ul#portfolio-photos-slides li { padding: 6px; background: #fff; border: 1px solid #92a5a5; }
#portfolio-photos ul#portfolio-photos-slides li img { display: block; }
#portfolio-photos ul#portfolio-photos-nav{ position: absolute; bottom: 17px; width: 416px; height: 17px; line-height: 17px; text-align: center; }
#portfolio-photos-nav li{ display: inline; color: #999; font-family: helvetica, arial, verdana, sans-serif; font-size: 0.917em; }
#portfolio-photos-nav li a{ line-height: 17px; text-decoration: none; color: #999; }
#portfolio-photos-nav li a.current, #portfolio-photos-nav li a:hover, #portfolio-photos-nav li a.activeSlide{ color: #7d696d; }

ul#portfolio-category-list{ width: 462px; }
ul#portfolio-category-list li{ float: left; display: inline; margin-left: -5px; margin-bottom: -5px; background: transparent url(../images/background-portfolio-thumbnail.png) 0 0 no-repeat; }
ul#portfolio-category-list li a{ position: relative; display: block; margin: 13px 12px; width: 130px; height: 84px; overflow: hidden; }



/* Sidebar */

#sidebar{ width: 290px; float: left; display: inline; }
#sidebar p{ margin: 16px 0 0 28px; width: 226px; height: 20px; text-transform: uppercase; font-size: 11px; line-height: 20px; text-decoration: none; text-align: right; font-family: Helvetica, Arial, Verdana, sans-serif; }
#sidebar p, #sidebar p a{ color: #8b9e99; text-decoration: none; font-weight: bold; }
#sidebar p a:hover, #sidebar p a.current{ color: #7d696d; }

#sidebar .sidebar-menu{ margin: 0 0 0 45px; display: none; }
#sidebar .visible{ display: block; }
#sidebar .sidebar-menu li{ padding: 0; margin-bottom: 3px; background: url(../images/sidebar-portfolio-bg.jpg) no-repeat 0 -26px; }
#sidebar .sidebar-menu li.current, #sidebar .sidebar-menu li:hover{ background-position: 0 0; }
#sidebar .sidebar-menu li a{ display: block; padding: 0 15px 0 0; width: 205px; height: 26px; line-height: 26px; font-size: 11px; text-decoration: none; color: #8b9e99; text-align: right; }
#sidebar .sidebar-menu li a:hover, #sidebar .sidebar-menu li.current a{ color: #7d696d; }

#sidebar #sidebar-menu-clients{ height: 210px; }
html > body #sidebar #sidebar-menu-clients{ height: auto; min-height: 210px; }

#portfolio-switcher a.current{ color: #7d696d; }

#sidebar .sidebar-block{ margin: 30px 0 0 45px; }
#sidebar .sidebar-block-content{ position: relative; width: 217px; height: 150px; }
#sidebar .sidebar-block-content p{ margin: 0; padding: 0 12px 0 12px; width: auto; height: auto; font-size: 10px; line-height: 1.5em; text-transform: none; font-weight: normal; text-align: left; }
#sidebar .sidebar-block-content p.date, #sidebar .sidebar-block-content p.more a{ color: #1b3e59; font-size: 12px; }
#sidebar .sidebar-block-content p.date{ font-weight: bold; color: #1b3e59; margin-bottom: 0; padding-bottom: 0; padding-top: 12px; }
#sidebar .sidebar-block-nav{ margin-top: 5px; width: 217px; height: 17px; line-height: 17px; text-align: center; }
#sidebar .sidebar-block-nav li{ display: inline; color: #999; font-family: helvetica, arial, verdana, sans-serif; font-size: 0.917em; }
#sidebar .sidebar-block-nav li a{ line-height: 17px; text-decoration: none; color: #999; }
#sidebar .sidebar-block-nav li a.current, #sidebar .sidebar-block-nav li a:hover, #sidebar .sidebar-block-nav li a.activeSlide{ color: #7d696d; }

#portfolio-slides, #from-the-newsroom { overflow: hidden; }
#portfolio-slides li, #from-the-newsroom-slides li{ width: 203px; height: 136px; padding: 6px; background: #fff; border: 1px solid #92a5a5; }
#sidebar #project-highlight .sidebar-block-content p{ position: absolute; left: 6px; bottom: 6px; margin: 0; padding: 0 0 0 10px; width: 193px; height: 24px; line-height: 24px; background: #000; color: #FFF; font-size: 10px; opacity: 0.8; }
#sidebar #project-highlight a { text-decoration: none; }

#sidebar h1{ margin: 30px 0 5px 45px; }
#sidebar form{ margin: 0 0 0 45px; }
#sidebar form label{ font-size: 10px; color: #8B9E99; display: block; }
#sidebar form input.button{ display: block; padding: 0 10px; height: 20px; line-height: 20px; background: #8b9e99; color: #fff; text-transform: uppercase; border: none; cursor: pointer; margin: 3px 0 0 2px; }
#sidebar form input.text{ width: 207px; }
#sidebar form textarea{ width: 211px; height: 58px; }
form label.error{ display: block; font-size: 10px; color: red; font-weight: bold; color: #7d696d; }


/* Testimonials */

#sidebar #testimonials{ margin-top: 15px; padding-top: 15px; }
#sidebar #testimonials p{ text-align: left; text-transform: none; font-size: 11px; font-weight: normal; height: auto; margin-left: 45px; }


/* Footer */

#footer { padding: 0 10px; }
#footer p#credits{ clear: both; height: 36px; line-height: 36px; }
#footer p, #footer p a{ text-align: center; color: #CCC; font-size: 0.917em; font-family: Helvetica, Arial, Verdana, sans-serif; text-decoration: none; }

.footer-section{ float: left; display: inline; padding: 0 30px; height: 129px; width: 175px; margin-top: 50px; }
.footer-section h3{ font-size: 13px; text-transform: uppercase; color: #7d696d; }
.footer-section form{ margin-top: 0.5em; }
.footer-section form input.button{ margin: 10px 0 0 2px; display: block; padding: 0 10px; height: 20px; line-height: 20px; background: #8b9e99; color: #fff; text-transform: uppercase; border: none; cursor: pointer; }
.footer-section ul{ list-style-type: disc; list-style-position: inside; color: #8b9e99; font-size: 12px; font-weight: bold; text-transform: lowercase; }
.footer-section ul li a{ text-decoration: none; color: #8b9e99; }
.footer-section ul li a:hover{ text-decoration: underline; }

#eblasts { width: 200px; }
#public-involvement ul, #identity-development ul{ margin: 0.5em 0 0; list-style-type: disc; }
#public-involvement ul li, #identity-development ul li{ width: 50%; float: left; }
#public-involvement ul li:first-child, #identity-development ul li:first-child{ width: 100%; float: left; }