/* Defaults, globals, and miscellaneous
==============================================================================*/
* { border: none; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 76%; text-align: center; background: #FAFAFA url(../images/body_bkgrd.gif) top center repeat-y; /* #FAF8F5 */ }
hr { display: none; }
a { text-decoration: none; }
.clearHack { display: block; visibility: hidden; clear: both; height: 0; }
.skipLink { display: none; }


/* Inline images
==============================================================================*/
img { border: 0; }
.inlineImage { text-align: center; font: normal 1.0em georgia,"times new roman", times, serif; color: #999; }
	.inlineImage img { padding: 3px; border: 1px solid #ccc; }
	.noStyle img { padding: 0; border: 0 none; }
.right { float: right; margin: 1.3em 0 0 2em; }
.left { float: left; margin: 1.3em 2em 0 0; }
.center { position: relative; margin-left: auto; margin-right: auto; }


/* Layout setup
==============================================================================*/
#container { width: 790px; margin: 0 auto; text-align: left; height: 100%; }
#header { position: relative; }
#wrapper { clear: left; width: 100%; min-height: 100%; background: url(../images/wrapper_bkgrd.gif) top center repeat-y; }
#sectionNav { float: left; width: 170px; min-height: 100%; }
#sideBar { float: left; width: 185px; min-height: 100%; }
#content { margin-left: 355px; min-height: 100%; }
	* html #content { margin-left: 350px; }  /* Work on this */
	* html #container, * html #wrapper, * html #sectionNav, * html #sideBar, * html #content { height: 100%; }  /* Show only to IE Win */
#content:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }  /* Firefox 1.0 seems to need this clear hack */
#footer { clear: left; width: 100%; }


/* Header
==============================================================================*/
#header h1 { height: 60px; line-height: 60px; margin: 0; padding: 0; background: url(../images/h1_logo.gif) no-repeat; text-indent: -9999px; overflow: hidden; color: #fff; border-bottom: solid #3A1E1A 2px; /* #EEE4E1 */ }
#header a { display: block; width: 150px; }
#header .headerlinks { position: absolute; right: 0; top: 23px; }


/* Section navigation
==============================================================================*/
#sectionNav { list-style: none; }
#sectionNav ul { min-height: 235px; }
#sectionNav ul, li { width: 169px; overflow: hidden; }
#sectionNav li { float: left; margin-right: 1px; height: 45px; border-bottom: solid #FCF8F8 2px; }
#sectionNav li a { display: block; line-height: 45px; text-indent: -9999px; background-color: #FAF8F5; background-image: url(../images/section_nav.gif); background-repeat: no-repeat; }
	a#navMagazinePublishing { background-position: -340px 0; }
	a#navMarketingCollateral { background-position: -340px -47px; }
	a#navCorporateMedia { background-position: -340px -94px; }
	a#navWebMultimedia { background-position: -340px -141px; }
	a#navBookPublishing { background-position: -340px -188px; }
	a#navBrandingIdentity { background-position: -340px -235px; }
	a:hover#navMagazinePublishing { background-position: -170px 0; }
	a:hover#navMarketingCollateral { background-position: -170px -47px; }
	a:hover#navCorporateMedia { background-position: -170px -94px; }
	a:hover#navWebMultimedia { background-position: -170px -141px; }
	a:hover#navBookPublishing { background-position: -170px -188px; }
	a:hover#navBrandingIdentity { background-position: -170px -235px; }
	a.selected#navMagazinePublishing, a.selected:hover#navMagazinePublishing { background-position: 0 0; }
	a.selected#navMarketingCollateral, a.selected:hover#navMarketingCollateral { background-position: 0 -47px; }
	a.selected#navCorporateMedia, a.selected:hover#navCorporateMedia { background-position: 0 -94px; }
	a.selected#navWebMultimedia, a.selected:hover#navWebMultimedia { background-position: 0 -141px; }
	a.selected#navBookPublishing, a.selected:hover#navBookPublishing { background-position: 0 -188px; }
	a.selected#navBrandingIdentity, a.selected:hover#navBrandingIdentity { background-position: 0 -235px; }

/* Sidebar
==============================================================================*/
#sideBar { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; line-height: 1.35em; }
#sideBar ul#sectionPages { /*border-top: solid #fff 2px;*/ list-style: none; overflow: visible; padding: 20px 0 0 10px; text-decoration: none; }
#sideBar ul#sectionPages li { font-family: "Courier New", Courier; /* monospace messed-up on Safari 2 */ list-style: none; display: inline; line-height: 2.7em; padding-right: 0.1em; }
#sideBar ul#sectionPages li:after { /* saves hacking for IE extra padding and Safari inline list wrapping; phew! */ content: " "; }
#sideBar ul#sectionPages li a { color: #fff; padding: 4px 5px; border: solid #ECA782 1px; }
#sideBar ul#sectionPages li a:hover { background-color: #D19371; /* #E9955C */ }	
#sideBar ul#sectionPages li a.selected, #sideBar ul#sectionPages li a.selected:hover { background-color: #9B390B; }
#sideBarContent { padding: 20px 0 10px; }
#sideBarContent h2 { margin: 0 10px; padding-top: 20px; border-top: dashed #ECA782 1px; }
#sideBarContent h2, #sideBarContent h3 { font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: 0.07em; word-spacing: 0.07em; }
#sideBarContent h3, #sideBarContent ul, #sideBarContent p { padding-left: 10px; padding-right: 10px; }
#sideBarContent ul, #sideBarContent p { padding-bottom: 20px; font-size: 1.1em; }
#sideBarContent li { list-style: none; width: 155px; /* to compensate for the indent/outdent thingy */ padding-left: 10px; text-indent: -10px; }
#sideBarContent li a:link { text-decoration: underline; color: #fff; /* ECA677 */ }
#sideBarContent li a:visited { text-decoration: underline; color: #F8DDCB; }
#sideBarContent li a:hover { text-decoration: underline; color: #fff; background-color: #D19371; }


/* Content
==============================================================================*/
#content { padding: 10px; font: normal 1.0em georgia,"times new roman", times, serif; text-align: left; line-height: 1.35em; }
	* html #content { padding: 0; margin: 10px 0; }  /* Show only to IE Win */
#content p { line-height: 1.4em; color: #000; padding: 0 20px 20px; }
	* html #content p {	padding: 0 25px 20px; }  /* Show only to IE Win */
#content img { margin: 15px 20px 5px; }
	.newAdd #content img, #content img.newAdd  { margin-bottom: 10px; border: 1px solid #C5C5C5; box-shadow: 2px 2px 2px #C5C5C5; -moz-box-shadow: 2px 2px 2px #C5C5C5; -webkit-box-shadow: 2px 2px 2px #C5C5C5; }
#content p.caption { font-style: italic; /*border-bottom: dashed #ccc 1px;*/ background: url(../images/dashed_line.gif) repeat-x left bottom; margin: 0 23px; padding: 0 5px 40px 0; }
#content p.notice { font-size: 1.3em; line-height: 1.3em; color: #FC5403; /* #FC0A03, #BA470D */ }
	* html #content p.caption {	margin: 0 25px 0 27px; padding: 0 0 40px; width: 370px; }  /* Show only to IE Win */
#content h3 { font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: 0.07em; word-spacing: 0.07em; padding: 0 20px; }
	* html #content h3 { padding: 0 20px 0 25px; }
#content .first, #content .first { padding-top: 10px; }
#twoColLists { padding: 0 20px 30px; }
	* html #twoColLists { padding: 0 20px 30px 25px; }
#twoColLists ul.colOne, #twoColLists ul.colTwo { list-style-type: none; }
#twoColLists ul.colOne { width: 200px; float: left; }
#twoColLists ul.colTwo { margin-left: 200px; }
#twoColLists ul.colOne li, #twoColLists ul.colTwo li { width: 170px; /* to compensate for the indent/outdent thingy */ padding-left: 10px; text-indent: -10px; }
#twoColLists ul.colOne li img, #twoColLists ul.colTwo li img { padding: 0; margin-left: 0; }
#content a:link { text-decoration: underline; color: #9B390B; /* ECA677 */ }
#content a:visited { text-decoration: underline; color: #ECA782; }
#content a:hover { text-decoration: underline; color: #3A1E1A; background-color: #F5D3C0; /* #ECA782 or #D19371 */ }
#contactForm fieldset { padding: 0 20px; }
	* html #contactForm fieldset { padding: 0 20px 0 23px; }
#contactForm legend { display: none; }
#contactForm fieldset ol { padding: 1em 1em 0 0;   list-style: none; }
#contactForm fieldset li { padding-bottom: 1em; width: 100%; }
#contactForm fieldset li.messageCounter { font-size: 0.9em; font-style: italic; }
#contactForm label { display: block; }
#contactForm fieldset input, #contactForm fieldset textarea { border: 1px #999 solid; font: normal 1.1em "Courier New", Courier; /* monospace messed-up on Safari 2 */ }
	#namefrom, #emailfrom, #subject { width: 270px; padding: 1px 5px; }
	#message { width: 350px; height: 250px; padding: 5px; }
	#characters { padding: 0 1px; width: 3.5em; text-align: center; font-weight: bold; background-color: #3A1E1A; color: #fff; }
#contactForm fieldset.messageSubmit { margin-top: 15px; border-style: none; display: block; }
#contactForm fieldset input#submit { background: url(../images/footer_bkgrd.gif) repeat-x; font: normal 1.1em georgia,"times new roman", times, serif; width: 7.5em; 	height: 2.5em; border-top: 1px solid #EEE4E1; border-left: 1px solid #EEE4E1; cursor: pointer; }


/* Footer
==============================================================================*/
#footer { height: 50px; /*background-color: #F8EFEF;*/ background: url(../images/footer_bkgrd.gif) repeat-x; border-top: solid #3A1E1A 2px; /* #EEE4E1 */ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #333; }
#footer p { margin: 0; padding: 15px 10px; text-align: center; }
#footer a:link { text-decoration: underline; color: #9B390B; }
#footer a:visited { text-decoration: underline; color: #ECA782; }
#footer a:hover { text-decoration: underline; color: #3A1E1A; background-color: #F5D3C0; }