/* 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;
}
body {
	font: 12px/1.5 georgia, "Times New Roman", serif; background: #2e5c79 url(../images/background.jpg) 49.95% 0 no-repeat;
}
body.home{ background: #2E5C79 url(../images/background-tile.jpg) top center repeat-x; padding: 0; text-align: center; }
#splash{ position: relative; margin: 0 auto; width: 750px; height: 550px; background: transparent url(../images/splash.jpg) top left no-repeat; }
a#public-involvement, a#identity-development{ position: absolute; top: 182px; left: 0; display: block; width: 50%; height: 186px; text-indent: -9999px; }
#id-popup{ position: absolute; top: 190px; left: 464px; display: none; }
#pi-popup{ position: absolute; top: 277px; left: 31px; display: none; }
a#identity-development{ left: 50%; }
#splash p#address{ position: absolute; bottom: 100px; left: 28%; color: #D6DEDE; font-style: italic; }
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;
}


/* Layout */

#wrapper{ width: 750px; margin: 0 auto; padding: 0 125px; background: transparent url(../images/background-footer.jpg) bottom center no-repeat; }


/* Header */

#header{ position: relative; width: 750px; height: 120px; background: transparent url(../images/background-header.jpg) top left repeat-x; }

#logo{ position: absolute; bottom: 45px; right: 21px; }

#header ul#site-menu{ display: block; position: absolute; top: 43px; left: 20px; width: 147px; height: 15px; }
#header ul#site-menu li{ display: block; float: left; margin-right: 20px; width: 49px; height: 15px; }
#header ul#site-menu li a{ display: block; width: 100%; height: 100%; text-indent: -9999px; }
#header ul#site-menu li#pi-home a{ margin-right: 20px; background: transparent url(../images/site-menu-pi.jpg) 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 -15px; }
#header ul#site-menu li#id-home a:hover, #header ul#site-menu li#id-home a.current{ background-position: 0 -15px; }
#header ul#site-menu li#id-home a{ background: transparent url(../images/site-menu-id.jpg) 0 0 no-repeat; }

#header ul#main-menu{ position: absolute; bottom: 0; right: 0; width: 389px; height: 34px; }
#header ul#main-menu li{ float: left; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
#header ul#main-menu li#about-us{ width: 86px; background-image: url(../images/menu-about.png); }
#header ul#main-menu li#newsroom{ width: 100px; background-image: url(../images/menu-newsroom.png); }
#header ul#main-menu li#portfolio{ width: 89px; background-image: url(../images/menu-portfolio.png); }
#header ul#main-menu li#contact{ width: 114px; background-image: url(../images/menu-contact.png); }
#header ul#main-menu li:hover, #header ul#main-menu li.current{ background-position: 0 -34px; }
#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: transparent url(../images/menu-arrow.png) bottom center no-repeat; }


/* Feature */

#feature{ position: relative; height: 153px; }
#feature img{ position: absolute; }
#feature-overlay{ position: absolute; width: 100%; height: 100%; background: transparent url(../images/feature-id.png) 0 0 no-repeat; }
#feature-overlay.public-involvement{ background: transparent url(../images/feature-pi.png) 0 0 no-repeat; }
#feature h1{ position: absolute; top: 80px; left: 305px; font-family: georgia, "Times New Roman", serif; font-size: 20px; font-style: italic; font-weight: normal; color: #FFF; }
#feature p{ display: none; }


/* Content */

#content-wrapper{ background: transparent url(../images/background-content-sb3.jpg) top left no-repeat; }
#content-wrapper.portfolioclients{ background-image: url(../images/background-content-sb1.jpg); }
#content-wrapper.portfoliocategories{ background-image: url(../images/background-content-sb2.jpg); }
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content{ width: 421px; float: right; display: inline; padding: 40px 30px 0 0; color: #FFF; color: #e2f3fe; line-height: 1.8em; }
#content p{ margin-bottom: 1.5em; }
#content p.byline{ font-style: italic; color: #FFF; margin: 0.5em 0; }
#content a{ text-decoration: none; color: #FBAA35; }
#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: #FBAA35 }


/* Content - Portfolio Page */

#portfolio-photos{ position: relative; width: 431px; height: 202px; padding-top: 17px; margin-bottom: 1em; background: transparent url(../images/portfolio-photo-background.png) top left no-repeat; }
#portfolio-photos ul{ margin: 0; list-style: none; }
#portfolio-photos ul#portfolio-photos-slides{ margin: 0 0 0 15px; width: 402px; height: 163px; }
/*#portfolio-photos-slides li{ margin-top: 17px; }*/
#portfolio-photos ul#portfolio-photos-nav{ position: absolute; bottom: 17px; width: 402px; 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: #FFF; }

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: 236px; height: 20px; text-transform: uppercase; font-size: .833em; line-height: 20px; text-decoration: none; text-align: right; font-family: helvetica, arial, verdana, sans-serif; }
#sidebar p, #sidebar p a{ color: #CCC; text-decoration: none; font-weight: bold; }
#sidebar p a:hover, #sidebar p a.current{ color: #FFF; }

#sidebar .sidebar-menu{ margin: 0 0 0 28px; display: none; }
#sidebar .visible{ display: block; }
#sidebar .sidebar-menu li{ padding: 0 13px 0 0; }
#sidebar .sidebar-menu li.current, #sidebar .sidebar-menu li:hover{ background: transparent url(../images/menu-current.png) top left no-repeat; }
#sidebar .sidebar-menu li a{ display: block; width: 236px; height: 30px; line-height: 30px; text-transform: uppercase; font-size: .833em; text-decoration: none; color: #CCC; text-align: right; }
#sidebar .sidebar-menu li a:hover, #sidebar .sidebar-menu li.current a{ color: #FFF; }

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

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

#sidebar .sidebar-block{ margin: 30px 0 0 51px; }
#sidebar .sidebar-block-content{ position: relative; width: 203px; height: 136px; }
#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; margin-bottom: 55px; width: 203px; 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: #FFF; }

#portfolio-slides li, #from-the-newsroom li{ width: 203px; height: 136px; }
#sidebar #project-highlight .sidebar-block-content p{ position: absolute; left: 0; bottom: 0; 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 h1{ margin: 45px 0 5px 45px; width: 120px; height: 13px; background: transparent url(../images/header-quick-connect.png) top left no-repeat; text-indent: -9999px; }
#sidebar form{ margin: 0 0 0 45px; }
#sidebar form label{ font-size: 10px; color: #CCC; display: block; font-family: helvetica, arial, verdana, sans-serif; text-decoration: none; }
#sidebar form input.image{ display: block; 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: #FBAA35; }


/* Testimonials */

#sidebar #testimonials{ margin-top: 15px; padding-top: 15px; background: transparent url(../images/dots.png) top center no-repeat; }
#sidebar #testimonials p{ text-align: left; text-transform: none; font-size: 11px; font-weight: normal; height: auto; margin-left: 45px; }


/* Footer */

#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; height: 129px; margin-top: 102px; }
.footer-section h1{ display: none; }
.footer-section form{ margin-left: 46px; margin-top: 3.5em; }
.footer-section form input.image{ margin: 10px 0 0 2px; display: block; }
.footer-section ul{ list-style: disc; color: #FFF; font-size: 10px; list-style-position: inside; }
.footer-section ul li a{ font-size: 11px; font-family: helvetica, arial, verdana, sans-serif; text-decoration: none; color: #FFF; }
.footer-section ul li a:hover{ text-decoration: underline; }

#eblasts{ width: 275px; }
#public-involvement{ width: 248px; }
#public-involvement ul{ margin: 4em 0 0 32px; }
#public-involvement ul li{ width: 100px; height: 1.5em; float: left; }
#identity-development{ width: 227px; }
#identity-development ul{ margin: 4em 0 0 22px; }
#identity-development ul li{ width: 100px; height: 1.5em; float: left; }