/* Sitewide elements */

body { color: #4b5153 ; margin-bottom: 60px ; 
       background: #767676 url(/images/site/bg-body.png) repeat-x -1px top ; 
       font-family: Tahoma, Arial, Helvetica, sans-serif ; line-height: 1.4; }

#container { position: relative ; width: 800px ; padding: 0 33px 0 119px ; }

#branding { position: relative; left: -119px; width: 952px ; height: 160px ; 
            background: transparent url(/images/site/bg-branding.png) no-repeat -1px top ; }
#branding a { position: absolute ; left: 119px ; top: 11px ; width: 250px ; height: 82px ; 
              text-indent: -9999px ; }

#content { float: left; background: #e8e8e8 url(/images/site/bg-content.png) no-repeat right bottom ; 
           -moz-opacity: 0.999 ; }
#content-main { float: left; width: 400px ; min-height: 500px ; margin: 0 0 0 184px ; padding: 30px 15px ; 
				background: #fff; }
#content-supp { float: left; width: 155px ; padding: 16px 16px 105px 15px ; }

#siteinfo { clear: left ; width: 799px ; height: 45px ;  
            background: transparent url(/images/site/bg-siteinfo.png) no-repeat left top ; }
#siteinfo #credits { position: relative ; left: -15px ; top: 25px ; text-indent: 0 ; text-align: right ; font-size: 0.9em ; color: #fff ; }
#siteinfo #credits a { color: #fff ; }
#siteinfo .footerkeywords { text-indent: -9999px; }
#siteinfo #jargonbuster { position: absolute; bottom: 50px; left: 119px; width: 184px; height: 236px;
						  background: transparent url(/images/site/jargonbuster.png) no-repeat left top; }

#siteinfo #jargonbuster #jargonlink,
#siteinfo #jargonbuster #contactuslink,
#siteinfo #jargonbuster #emailuslink { width: 184px; display: block; text-indent: -9999px; margin: 0; }

#siteinfo #jargonbuster #jargonlink { height: 155px; }
#siteinfo #jargonbuster #contactuslink { height: 60px; }
#siteinfo #jargonbuster #emailuslink { height: 18px; }

/* Main navigation bar */

#navmain { position: absolute ; left: 128px ; top: 114px ; width: 780px ; height: 25px ; }
#navmain li { display: inline ; }
#navmain li a { float: left ; width: 123px ; height: 30px ; margin-left: 6px ; text-indent: -9999px ; }
#navmain li#navhome { position: absolute ; right: -46px ; top: -113px ; width: 30px ; height: 30px ; }
#navmain li#navhome a { float: none ; display: block ; width: 30px ; height: 30px ; margin-left: 0 ; }

#navmain li#navservices.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat 1px top; }
#navmain li#navcustomers.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat -128px top; }
#navmain li#navcase_studies.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat -257px top; }
#navmain li#navnews.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat -386px top; }
#navmain li#navlinks.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat -515px top; }
#navmain li#navcontact.active a { background: transparent url(/images/site/bg-navmain-active.png) no-repeat -644px top; }

/* Supplementary navigation bar */

#navsupp { position: absolute ; left: 119px ; top: 160px ; width: 180px ; }
#navsupp h4 { height: 11px; margin: 40px 0 1px;
			  background: transparent url(/images/site/bg-navsupp-h4.png) no-repeat -4px -15px; text-indent: -9999px; }
#case_studies #navsupp h4 { background-position: left -47px; }
#links #navsupp h4 { background-position: left -80px; }
#jargon_buster #navsupp h4 { background-position: left -112px; }
#customers #navsupp h4, #news #navsupp h4, #contact #navsupp h4 { background: none; }

#navsupp li { line-height: 18px; padding: 0 8px; }
#navsupp li.active { background: transparent url(/images/site/bg-navsupp-active.png) no-repeat -4px top; }
#navsupp li li { background: transparent url(/images/site/bg-navsupp-active-li-active-li.png) no-repeat 16px 6px; padding-left: 14px; }
#navsupp li.active li.active { background: transparent url(/images/site/bg-navsupp-active-li-li.png) no-repeat 15px 6px; }
#navsupp a { margin-left: 15px;
			 font-family: Arial; font-size: 0.9em; color: #394042; text-transform: uppercase; -moz-opacity: 0.999; }
              
/* Content area typography */

#content-main blockquote { margin: 0 2em ; }
#content-main h1, 
#content-main h2,
#content-main h3, 
#content-main h4,
#content-main h5 { margin-bottom: 0.5em ; font-weight: normal ; }

#content-main h1 { font-size: 1.8em ; }
#content-main h2 { font-size: 1.4em ; font-style: italic ; }
#content-main h3 { font-size: 1.2em ; font-weight: bold ; }

#content-main p,
#content-main ol,
#content-main ul { margin-bottom: 1.8em ; font-size: 1.2em ; }
#content-main ol,
#content-main ul { margin-left: 2em ; list-style: disc; }
#content-main li { margin-bottom: 0.5em ; }
#content-main li p, 
#content-main li li { font-size: 100% ; }

#content-main a { color: #66ac24; font-weight: bold; }

#picbox p { margin-bottom: 15px; padding: 2px 5px 4px; 
			background: #23569d url(/images/site/bg-picbox-p.png) no-repeat left bottom; color: #fff; 
			-moz-opacity: 0.999; }

#content-main table { width: 400px ; margin: 1em auto ; font-size: 1.2em ; border-collapse: collapse ; }
#content-main table th { border: 2px solid #fff ; padding: 2px 3px ; color: #fff ; background: #4B5153 ; }
#content-main table td { border: 2px solid #fff ; padding: 2px 3px ; background: #e7e7e7 ; }

/* Gallery Page */

#gallery #content-main { width: 586px; }
#gallery .item { float: left; width: 50%; margin-bottom: 20px; }
#gallery .item img { float: left; }
#gallery .item .txt { float: left; width: 154px; padding: 0 10px; }

/* Miscellaneous styles */

p#orginfo { margin-bottom: 0.5em ; }