* {	margin: 0px; padding: 0px; border: none; }
body { font: 62.5% Arial, Helvetica, sans-serif; margin-left: 40px; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
img { line-height: 100%; display: block; }
html { height: 100%; margin-bottom: 1px; }
#tip { display: none; }
/* Wrappers */
#mainwrapper { width: 824px; margin: 0px auto; }
#right { width: 405px; float: right; }
#left { width: 419px; float: left; }
#left23rds { width: 600px; float: left; }
/* Header and Navigation */
#headerandnavigation { width: 824px; height: 120px; float: left; background: url(../images/global/shadow.gif) no-repeat bottom; }
#headerandnavigation img { float: left; position: relative; top: 37px; left: -73px; }
#rootnavigation { float: right; margin: 21px 0 0 0; }
#rootnavigation ul { }
#rootnavigation li { color: #8aa0c7; font-size: 1.1em; float: left; list-style: none; }
#rootnavigation li a { color: #8aa0c7; padding: 0 0.5em 0 0.5em; text-decoration: none; }
#rootnavigation li a:hover, #rootnavigation li .on { text-decoration: underline; }
/* Main Navigation */
#navigation { width: 414px; height: 31px; float: right; margin: 26px 0 0 0; }
#navigation li{ display: inline; overflow: hidden; float: left; }
#cartography a { background-image: url(../images/global/nav-cartography.gif); background-repeat: no-repeat; width: 114px; height: 31px; display: block; text-indent: -9999px; background-position: left 0px; }
#cartography a:hover { background-image: url(../images/global/nav-cartography.gif); background-repeat: no-repeat; width: 114px; height: 31px; display: block; text-indent: -9999px; background-position: left -31px; }
#cartography .on { background-image: url(../images/global/nav-cartography.gif); background-repeat: no-repeat; width: 114px; height: 31px; display: block; text-indent: -9999px; background-position: left -62px; }
#gis a { background-image: url(../images/global/nav-gis.gif); background-repeat: no-repeat; width: 59px; height: 31px; display: block; text-indent: -9999px; background-position: left 0px; }
#gis a:hover { background-image: url(../images/global/nav-gis.gif); background-repeat: no-repeat; width: 59px; height: 31px; display: block; text-indent: -9999px; background-position: left -31px; }
#gis .on { background-image: url(../images/global/nav-gis.gif); background-repeat: no-repeat; width: 59px; height: 31px; display: block; text-indent: -9999px; background-position: left -62px; }
#bookdesign a { background-image: url(../images/global/nav-bookdesign.gif); background-repeat: no-repeat; width: 73px; height: 31px; display: block; text-indent: -9999px; background-position: left 0px; }
#bookdesign a:hover { background-image: url(../images/global/nav-bookdesign.gif); background-repeat: no-repeat; width: 73px; height: 31px; display: block; text-indent: -9999px; background-position: left -31px; }
#bookdesign .on { background-image: url(../images/global/nav-bookdesign.gif); background-repeat: no-repeat; width: 73px; height: 31px; display: block; text-indent: -9999px; background-position: left -62px; }
#informationgraphics a { background-image: url(../images/global/nav-informationgraphics.gif); background-repeat: no-repeat; width: 168px; height: 31px; display: block; text-indent: -9999px; background-position: left 0px; }
#informationgraphics a:hover { background-image: url(../images/global/nav-informationgraphics.gif); background-repeat: no-repeat; width: 168px; height: 31px; display: block; text-indent: -9999px; background-position: left -31px; }
#informationgraphics .on { background-image: url(../images/global/nav-informationgraphics.gif); background-repeat: no-repeat; width: 168px; height: 31px; display: block; text-indent: -9999px; background-position: left -62px; }
/* Content */
#content { width: 824px; float: left; clear: both; margin: 10px 0 20px 0; }
#content p, #content ul { font-size: 1.3em; line-height: 1.5em; color: #818181; margin-bottom: 1.5em; }
#content li { margin-left: 1.5em; }
#content h2 { font-size: 1.6em; line-height: 1.2em; color: #818181; margin-bottom: 1.2em; }
#content h3 { font-size: 1.3em; line-height: 1.2em; color: #2d5196; }
#content a { color: #818181; }
#intro { margin-bottom: 3.6em; }
#content blockquote { background: url(../images/global/quote.gif) no-repeat left top; padding-left: 30px; margin-left: 20px; width: 170px; float: right;  }
#content blockquote p { font-size: 1.5em; color: #2D5196; font-weight: bold;  background: url(../images/global/quote.gif) no-repeat right bottom; padding-bottom: 5px; margin: 0px; }
#content .intro { font-weight: bold; }
/* Work */
#thumbnails { width: 100%; float: left; margin-bottom: 3.6em; }
#thumbnails img { float: left; margin: 0 2px 2px 0; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25;  }
#thumbnails img:hover { filter:alpha(opacity=100); -moz-opacity: 0.99; opacity: 0.99; }
/* Page Titles */
#titles-welcome { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-welcome.gif) 0px 0px; }
#titles-aboutus { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-aboutus.gif) 0px 0px; }
#titles-accessibility { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-accessibility.gif) 0px 0px; }
#titles-bookdesign { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-bookdesign.gif) 0px 0px; }
#titles-cartography { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-cartography.gif) 0px 0px; }
#titles-contactus { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-contactus.gif) 0px 0px; }
#titles-gis { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-gis.gif) 0px 0px; }
#titles-informationgraphics { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-informationgraphics.gif) 0px 0px; }
#titles-sitemap { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-sitemap.gif) 0px 0px; }
#titles-privacy { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-privacy.gif) 0px 0px; }
#titles-portfolio { width: 242px; height: 23px; margin: 10px 0 18px 0; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/global/titles-portfolio.gif) 0px 0px; }
/* Footer */
#footer { background: url(../images/global/shadow.gif) no-repeat top; padding-top: 27px; width: 824px; height: 7em; float: left; clear: both  }
#footer p { font-size: 1.1em; line-height: 1.4em; color: #8aa0c7; }
#footer a { color: #8aa0c7; text-decoration: none; }
#footer a:hover { color: #8aa0c7; text-decoration: underline; }
#footer li { color: #8aa0c7; font-size: 1.1em; line-height: 1.4em; float: left; list-style: none; }
#footer li a { text-decoration: none; padding: 0 0.5em 0 0.5em;  }
#footer li a:hover { text-decoration: underline; }